<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About me</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" id="start">
        <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 navbar-brand">My Blog</a>
            </li>

            <li class="nav-item">
                <a href="about-me.html" class="nav-link active">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">

        <button class="btn" id="go-to-top"><span class="tops"><a class="top" href="about-me.html#start">↟</a></span></button>

        <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="text-secondary" id="para"></p>
        </strong>

        <h4>Becoming a web devloper</h4>

        <p class="text-secondary" 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="text-secondary" 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.
        </p>
        <hr>

        <div id="my-story">
            <h4>My story</h4>
            <p class="text-secondary" id="para">
                One day I was just sitting and thinking if somehow I can do some technical stuff.
                Fortunately, one week later my sister asked me to download
                <a href="#" title="Scratch" data-toggle="popover" data-trigger="hover" data-placement="bottom"
                    data-content="Scratch is a programming language and an online community where children can program and share interactive media such as stories, games, and animation with people from all over the world. As children create with Scratch, they learn to think creatively, work collaboratively, and reason systematically.">
                    Scratch
                </a>
                in my brother's laptop. So I downloaded it.
                But my sister was having trouble using it. So I tried figuring out all its features and blocks.
                Then slowly I started using it. Then I kept using it for around 1 month. I built lots of projects.
                But then I started getting border to it because it was very limited, or maybe I didn't knew how to use
                those
                blocks.
                But in the end either I had to learn more of it or quit it. So I quited it. But once again fortunately,
                when I was roaming on play store looking for a game. I found an app called
                <a href="https://getmimo.com/">Mimo</a>.
                I downloaded it and now I know how to code!
                <a class="text-primary read-more" data-toggle="collapse" data-target="#more-story">Read more...</a>
                <div class="collapse text-secondary" id="more-story">
                    But now I will say that mimo is not a nice app. Because it don't teaches any deep chapters. Instead
                    I
                    will suggest
                    websites like
                    <a href="https://www.freecodecamp.org/">freeCodeCamp</a>
                    and
                    <a href="https://www.w3schools.com/">w3schools</a>.
                    but the most useful website I've ever found is
                    <a href="https://www.frontendmentor.io/">Frontend Mentor</a>,
                    because not only it gives you free projects but also if you go to its resourses section then you
                    will find links to all
                    useful websites.
                </div>
            </p>
        </div>
    </div>




    <footer class="container-fluid foot">
        <nav class="navbar navbar-expand-md 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>