index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Dream</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
    <link rel="stylesheet" href="script/styles.css"/>
  </head>
<body>
  <div class="header">
    <!-- header start -->
      <header>
        <h1>Dream</h1>
        <!-- nav start -->
    <!-- <nav class="dropdown"> -->
      <!-- <button class="btn btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> -->
        <!-- <menu> -->
        <nav>
          <ul class="dropdown-menu">
           <li class="dropdown-item" style="background-color: #f01c51;"><a href="+">Home</a></li>
           <li class="dropdown-item" style="background-color: #585123;"><a href="+">Products</a></li>
           <li class="dropdown-item" style="background-color: #2E0219;"><a href="+">Shipping</a></li>
           <li class="dropdown-item" style="background-color: #211103;"><a href="+">Policies</a></li>
           <li class="dropdown-item" style="background-color: #DBCCC5;"><a href="/register.html">Register</a></li>
           <li class="dropdown-item" style="background-color: #DBCCC5;"><a href="/login.html">Log-In</a></li>
          </ul>     
        <!-- </menu> -->
      </button>
  </nav>
  <!-- nav end -->
      </header>
    <!-- header end -->
  </div>

  <div class="nav">
    
  </div>
  <hr>

  <!-- main start  -->
      <main>

        <p class="text-justify">DREAM.COM<i>CODE WANTS TO BE SIMPLE </i> is an initiative  to help the upcoming programmers with the code. Scanfcode focuses on providing the most efficient code or snippets as the code wants to be simple. We will help programmers build up concepts in different programming languages that include C, C++, Java, HTML, CSS, Bootstrap, JavaScript, PHP, Android, SQL and Algorithm.</p>
          
        <section>
            <table>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>

                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </table>
        </section>

        <!-- second section -->
        <section>

        </section>

      </main>
      <!-- main end -->
    

    <!-- footer start -->
    <footer class="second">

    <hr>
    <div class="container">
      <div class="row">
        <div class="col-md-8 col-sm-6 col-xs-12">
            <p class="copyright-text"><a href="#">DREAM</a>Copyright&COPY;2023 All Rights Reserved.</p>
        </div>

        <div class="col-md-4 col-sm-6 col-xs-12">
          <ul class="social-icons">
            <li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li>
            <li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
            <li><a class="dribbble" href="#"><i class="fa fa-dribbble"></i></a></li>
            <li><a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a></li>   
          </ul>
        </div>
    </div>
    </footer>
    <!-- footer end -->
  </body>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
</html>