<!DOCTYPE html>
<html lang="en" id="start">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Projects</title>


    <!--Styling sheet-->
    <link rel="stylesheet" href="projects.css">

    <!--Fonts-->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.0/css/all.css"
        integrity="sha384-OLYO0LymqQ+uHXELyx93kblK5YIS3B2ZfLGBmsJaUyor7CpMTBsahDHByqSuWW+q" crossorigin="anonymous">

    <!-- 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>

    <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans&family=Fugaz+One&display=swap" rel="stylesheet">


</head>



<body>
    <a class="top" href="index.html#start"><span id="go-to-top" class="tops">↟</span></a>

    <header class="container-fluid head">
        <div class="jumbotron text-center headi">
            <h4>My project management site!</h4>
        </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 target="_blank" href="https://my-blog.vercel.app/" class="nav-link navbar-brand">My Blog</a>
            </li>

            <li class="nav-item">
                <a target="_blank" href="https://my-blog.vercel.app/about.html" class="nav-link">About</a>
            </li>

            <li class="nav-item">
                <a href="index.html" class="nav-link active">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 projects">
        <div id="pro-item">
            <a target="_blank" href="https://my-blog-awesome.vercel.app/" class="name">
                <h3 class="pro-name"> My Blog </h3>
            </a>

            <div class="row container">

                <img src="pro-blog-img.png" alt="Blog Image" class="pro-img col-sm-5">



                <span class="col cont text-lg-center">This is my blog and my first bootstrap 4 project.</span>


            </div>
            <div class="row view container">
                <button class="btn-block file-btns" data-toggle="collapse"
                    data-target="#pro-blog-codes">Viewcodes⇂</button>
            </div>



            <div class="collapse" id="pro-blog-codes">



                <div class="container row">

                    <a target="_blank" href="indexHTML.md" class="col-lg files">
                        <button class="file-btns"> My Blog (index.html)</button>
                    </a>




                    <a target="_blank" href="aboutHTML.md" class="col-lg files">
                        <button class="file-btns">About (about.html)</button>
                    </a>




                    <a target="_blank" href="blogCSS.md" class="col-lg files">
                        <button class="file-btns">Blog Style (blog.css)</button>
                    </a>




                    <a target="_blank" href="blogJS.md" class="col-lg files">
                        <button class="file-btns">Blog Script (blog.js)</button>
                    </a>
                </div>
            </div>
        </div>







        <div id="pro-item">
            <a target="_blank" href="https://my-old-blog.vercel.app/" class="name">
                <h3 class="pro-name"> My Old Blog </h3>
            </a>

            <div class="row container">

                <img src="pro-old_blog-img.png" alt="Old Blog Image" class="pro-img col-sm-5">



                <span class="col cont text-lg-center">This is my old blog. I rebuilt it using Bootstrap 4.</span>


            </div>
            <div class="row view container">
                <button class="btn-block file-btns" data-toggle="collapse"
                    data-target="#pro-old_blog-codes">Viewcodes⇂</button>
            </div>



            <div class="collapse" id="pro-old_blog-codes">



                <div class="container row">

                    <a target="_blank" href="indexHTML.md" class="col-lg files">
                        <button class="file-btns"> My Blog (index.html)</button>
                    </a>




                    <a target="_blank" href="aboutHTML.md" class="col-lg files">
                        <button class="file-btns">About (about.html)</button>
                    </a>




                    <a target="_blank" href="blogCSS.md" class="col-lg files">
                        <button class="file-btns">Blog Style (blog.css)</button>
                    </a>




                    <a target="_blank" href="blogJS.md" class="col-lg files">
                        <button class="file-btns">Blog Script (blog.js)</button>
                    </a>
                </div>
            </div>
        </div>







        <div id="pro-item">
            <a href="index.html" class="name">
                <h3 class="pro-name">Projects </h3>
            </a>

            <div class="row container">

                <img src="pro-projects-img.png" alt="Blog Image" class="pro-img col-sm-5">



                <span class="col cont text-lg-center">This is a website I built to showcase all of my websites. </span>


            </div>
            <div class="row view container">
                <button class="btn-block file-btns" data-toggle="collapse"
                    data-target="#pro-projects-codes">Viewcodes⇂</button>
            </div>



            <div class="collapse" id="pro-projects-codes">



                <div class="container row">




                    <a target="_blank" href="projects-HTML.md" class="col-lg files">
                        <button class="file-btns"> Projects (index.html)</button>
                    </a>




                    <a target="_blank" href="projects-CSS.md" class="col-lg files">
                        <button class="file-btns">Projects Style (projects.css)</button>
                    </a>



                    <a target="_blank" href="projects-JS.md" class="col-lg files">
                        <button class="file-btns">Projects Script (projects.js)</button>
                    </a>




                </div>
            </div>
        </div>








        <div id="pro-item">
            <a target="_blank" href="https://simple-rps.vercel.app/" class="name">
                <h3 class="pro-name">RPS</h3>
            </a>

            <div class="row container">

                <img src="pro-rps-img.png" alt="Blog Image" class="pro-img col-sm-5">



                <span class="col cont text-lg-center">This is a rock paper scissor game I built using bootstrap
                    4.</span>


            </div>
            <div class="row view container">
                <button class="btn-block file-btns" data-toggle="collapse"
                    data-target="#pro-rps-codes">Viewcodes⇂</button>
            </div>



            <div class="collapse" id="pro-rps-codes">



                <div class="container row">

                    <a target="_blank" href="rps-HTML.md" class="col-lg files">
                        <button class="file-btns"> RPS game (rps.html)</button>
                    </a>




                    <a target="_blank" href="rps-CSS.md" class="col-lg files">
                        <button class="file-btns">RPS Style (rps.css)</button>
                    </a>




                    <a target="_blank" href="rps-JS.md" class="col-lg files">
                        <button class="file-btns">RPS Script (rps.js)</button>
                    </a>
                </div>
            </div>
        </div>

    </div>







    <footer class="container-fluid foot">
        <nav class="navbar bg-dark">
            <ul class="nav nav-pills justify-content-center">

                <li class="nav-item">
                    <a target="_blank" href="https://github.com/devRajneeshKumar7" class="nav-link">Github</a>
                </li>

                <li class="nav-item">
                    <a target="_blank" href="https://my-blog-awesome.vercel.app/about.html#my-story" class="nav-link">My
                        Story</a>
                </li>

                <li class="nav-item">
                    <a href="index.html" class="nav-link">Codes</a>
                </li>

                <li class="nav-item">
                    <a target="_blank" href="info.md" class="nav-link">Info</a>
                </li>

                <li class="nav-item">
                    <a target="_blank" href="mailto:devrajneeshkumar7@gmail.com?subject=BUG" class="nav-link">
                        Report bug</a>
                </li>

                <li class="nav-item">
                    <a target="_blank" href="mailto:devrajneeshkumar7@gmail.com?subject=Outdated or missing"
                        class="nav-link" data-toggle="tooltip" data-placement="right"
                        title="Report something missing or outdated">
                        Report missing
                    </a>
                </li>

            </ul>
        </nav>
    </footer>



    <script src="projects.js"></script>
</body>



</html>