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>Bukan Website 9i Rill</title>
    <link rel="stylesheet" href="style.css" />
    <link rel="shortcut icon" href="img/jim.jpg" type="">
  </head>

  <body>

   <div class="nav">
  <input type="checkbox" id="nav-check">
  <div class="nav-header">
    
  </div>
  <div class="nav-btn ">
    <label for="nav-check">
      <span></span>
      <span></span>
      <span></span>
    </label>
  </div>
  
  <div class="nav-links">
    <a href="index.html" >Beranda</a>
    <a href="#section-a" >Visi Misi</a>
    <a href="#section-b" >Wali Kelas</a>
    <a href="#section-c" >Pengurus</a>
    
  </div>
</div>
    

    <header>
      <div class="bg-image"></div>
      <div class="content">
        <h1>WELCOME</h1>
        <p> BUKAN WEBSITE 9I</p>
        
        <div class="container">

  <a href="index3.html"class="btn first btn btn-5 page-scroll">TEKAN INI</a>
  
  
</div>
      </div>
    </header>
    <main>
      <section id="section-a">
        <div class="content">
          <h2> 9 INCREDIBLE</h2>
          <p>
            OKE - KECE - PINTAR - SANTUN
          </p>
        </div>
      </section>
      <section id="section-b">
        
              
          </li>
          <li>
            <div style="margin-left:auto;margin-right:auto" border="1" class="col">
              <img src="./img/idk-removebg-preview.png" alt="" />
              <div class="col-content">
                <h3 class="col-title">WALI KELAS 9I</h3>
                <p>
                  TO BE A COOL MAN AND DONT FORGET SHEESH
                </p>
              </div>


        </ul>


      </section>
      <section id="section-c">
        <div class="content">
          <h2>PENGURUS 9I</h2>
          <p>
            MARIA - JESSICA - NINA - JOJO - HARRIER
          </p>
        

      </section>
    </main>
    <footer>
      <div>BUKAN WEBSITE 9I</div>
      <div> BY - - > <a href="http://gunakra.rf.gd/?i=1 ">Dr.ExFurry</a></div>
    </footer>

     <script  src="./app.js"></script>
  </body>
</html>