basic.html

<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
    <link rel="stylesheet" href="/style (2).css">
    <title>Never stop learning</title>
</head>

<body>
    <!---=====Navbar======-->

    <section class="nav justify-content-end ">

        <li class="nav-item">
            <a class="nav-link" style="color:white" aria-current="page" href="#">Home</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="mailto:amritanarang6@gmail.com">Contact US</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#">Want to <br> contribute?</a>
        </li>

    </section>

    <!---=====Three boxes======-->
    <div class="container-fluid">
        <div class="row">
            <div class="col first" >
                <div class="title" style="color:white" >
                    <h1> basic programming and important topics</h1>
                    <a href="C:\Users\91701\Downloads\studybasics.html" style="color:white">CLICK HERE FOR INFORMATION</a>
                </div>

            </div>


            <div class="col second">
                <div class="title">
                    <h1>Competitative Programming</h1>
                </div>
            </div>

            <div class="col third">
                <div class="title">
                    <h1>Open Source and fellowship</h1>
                </div>
            </div>

        </div>
    </div>
    <!---=====Section-1(Studies)======-->
    <div class="container-sm-fluid">
        <div class="row">
            <div class="col-4 first">
                <div class="title">
                    <h1> <a id="dep" href="#" style="color:white"> Basic Programming and Important topics </a></h1>
                </div>
                <div class="bullets">
                    <ul>benefits</ul>
                    <ul>use</ul>
                    <ul>other</ul>
                </div>
            </div>
            <div class="col-6 ">
                <h1 class="info_title">
<pre class="info_title">
 Which is the best language
 to start programming?
 What are the best courses to learn?
 Youtube vs paid courses
 NEVER MISS OUT ON INFO

</pre>
            </div>

        </div>
    </div>


    <!---=====Section-2(OS & FS)======-->
    <div class="container-fluid">
        <div class="row">

            <div class="col-8 ">
                <div class="info_title"><pre id="pree">

                Programmer's Fav Game
                CP is one of the  best exercise to
                learn about ds and algo

              </pre>


               </div>
            </div>
            <div class="col-4 second">
                <div class="title">
                    <h1>Competitative Programming</h1>
                </div>
            </div>

        </div>
    </div>


      <!---=====Section-1(CP)======-->
      <div class="container-sm-fluid">
        <div class="row">
            <div class="col-4 third">
                <div class="title">
                    <h1>open Source & fellowship</a></h1>
                </div>
            </div>
            <div class="col-6 ">
                <div class="info"><pre id="pree">

                info about the
                open source
                and fellow ships</pre> </div>
            </div>

        </div>
    </div>
    <!-- Optional JavaScript; choose one of the two! -->

    <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0"
        crossorigin="anonymous"></script>

    <!-- Option 2: Separate Popper and Bootstrap JS -->
    <!--
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.6.0/dist/umd/popper.min.js" integrity="sha384-KsvD1yqQ1/1+IA7gi3P0tyJcT3vR+NdBTt13hSJ2lnve8agRGXTTyNaBYmCR/Nwi" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.min.js" integrity="sha384-nsg8ua9HAw1y0W1btsyWgBklPnCUAFLuTMS2G72MMONqmOymq585AcH49TLBQObG" crossorigin="anonymous"></script>
    -->
</body>

</html>