<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Homepage</title>



    <link rel="stylesheet" href="blog.css">





    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">

    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <!-- Popper JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

    <!-- Latest compiled JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>


</head>



<body>

    <header class="container-fluid head">
        <div class="jumbotron text-center headi">
            <h2>My First Bootstrap 4 project!</h2>
        </div>
    </header>


    <nav class="navbar navbar-expand-md bg-dark sticky-top navbar-dark container-fluid">
        <ul class="nav nav-tabs">

            <li class="nav-item">
                <a href="index.html" class="nav-link active navbar-brand">My Blog</a>
            </li>

            <li class="nav-item">
                <a href="about-me.html" class="nav-link">About me</a>
            </li>

            <li class="nav-item">
                <a href="#" class="nav-link">Projects</a>
            </li>

            <li class="nav-item">
                <a href="mailto:devrajneeshkumar7@gmail.com?subject=Feedback" class="nav-link">Contact</a>
            </li>

        </ul>
    </nav>






    <div class="container">

        <img src="me.jpg" alt="My image" class="my-img card-img-top">

        <span><strong><i>Rajneesh Kumar</i></strong></span>

        <strong>
            <p id="date" class=".para" id="para"></p>
        </strong>

        <h4>Becoming a web devloper</h4>

        <p class=".para" id="para">
            I am just a student from class <strong>8th</strong> learning


            <a href="#" title="HTML" data-toggle="popover" data-trigger="hover" data-placement="bottom"
                data-content="HTML stands for Hypertext Markup Language. It allows the user to create and structure sections, paragraphs, headings, links, and blockquotes for web pages and applications.">
                <em>HTML</em></a> ,


            <a href="#" title="CSS" data-toggle="popover" data-trigger="hover" data-placement="bottom"
                data-content="CSS stands for Cascading Style Sheets. CSS describes how HTML elements are to be displayed on screen, paper, or in other media. CSS saves a lot of work. It can control the layout of multiple web pages all at once. External stylesheets are stored in CSS files.">
                <em>CSS</em></a>
            and


            <a href="#" title="JavaScript" data-toggle="popover" data-trigger="hover" data-placement="bottom"
                data-content="JavaScript is a text-based programming language used both on the client-side and server-side that allows you to make web pages interactive. Where HTML and CSS are languages that give structure and style to web pages, JavaScript gives web pages interactive elements that engage a user.">
                <em>JavaScript</em></a>


            , <strong> putting my skills in work!</strong></p>



        <p class=".para" id="para"> Recently I have learn't some

            <a href="#" title="Front end frameworks" data-toggle="popover" data-trigger="hover" data-placement="bottom"
                data-content="Also referred to as “CSS frameworks,” these are packages containing pre-written, standardized code in files and folders. They give you a base to build on while still allowing flexibility with the final design.">
                <em>front end frameworks</em>
            </a>


            . Including
            <a href="#" title="Bootstrap 4" data-toggle="popover" data-trigger="hover" data-placement="bottom"
                data-content="Bootstrap 4 is the newest version of Bootstrap, which is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites. Bootstrap 4 is completely free to download and use!">
                <em>Bootstrap 4</em></a>
            , and as you can read above, I built this website using Bootstrap 4.
            <br>
            I created this website to practice my skills, there is a
            <a href="https://dev-rajneesh-kumar7-github-io.vercel.app/">older version</a>
            of this website too. But this time I created this website using Bootstrap 4.


        </p>
    </div>





    <footer class="container-fluid foot">
        <nav class="navbar bg-dark">
            <ul class="nav nav-pills justify-content-center">

                <li class="nav-item">
                    <a href="https://github.com/devRajneeshKumar7" class="nav-link">Github</a>
                </li>

                <li class="nav-item">
                    <a href="about-me.html#my-story" class="nav-link">My Story</a>
                </li>

                

                <li class="nav-item">
                    <a href="#" class="nav-link">Codes</a>
                </li>

                <li class="nav-item">
                    <a href="#" class="nav-link">Info</a>
                </li>

                <li class="nav-item">
                    <a href="mailto:devrajneeshkumar7@gmail.com?subject=BUG" class="nav-link">Report bug</a>
                </li>

            </ul>
        </nav>
    </footer>



    <script src="blog.js"></script>
</body>



</html>