Untitled

mail@pastecode.io avatar
unknown
plain_text
2 months ago
2.4 kB
5
Indexable
Never
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Waroeng rumah</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div class="badan-utama">
      <header>
        <h2>Rumah Waroeng</h2>
        <p>Warteg Online</p>
      </header>
      <nav class="navigasi">
        <ul>
          <li><a href="">Home</a></li>
          <li><a href="">Menu</a></li>
          <li><a href="">Kontak</a></li>
          <li><a href="">About</a></li>
        </ul>
      </nav>

      <div class="banner">
        <img src="ayam_goreng.jpeg" alt="" />
      </div>
      <!-- untuk menu sebelah kiri -->
      <div class="menu-kiri">
        <div class="kotak">
          <h3>Pemesanan</h3>
          <p>Isi Form ini dengan klik tombol di bawah ini</p>
          <a class="tombol tombol-pesan" href="#">Pesan</a>
        </div>
      </div>
      <!-- untuk menu tengah -->
      <div class="menu-tengah">
        <div class="kotak">
          <h3>Ayam goreng Tepung kriuk</h3>
          <span class="tanggal-posting">
            Diposting pada 11.04 WIB, 29 April 2054
          </span>
          <img src="ayam_goreng.jpeg" alt="ayam" />

          <p>Ayam goreng buatan ibu di wakilkan oleh bapaknya</p>

          <a href="#" class="tombol tombol-lengkap">Selengkapnya</a>
        </div>
      </div>
      <!-- menu kanan -->
      <div class="menu-kanan">
        <div class="kotak">
          <h3>Jadwal Buka</h3>
          <img src="ayam_goreng.jpeg" alt="ayamgoreng" />

          <h4>Jadwal Buka</h4>
          <p>Senin - Minggu 08:00 WIB - 22:00 WIB</p>
        </div>
        <!-- batas -->
        <div class="kotak">
          <h3>Berita Terbaru</h3>
          <nav class="menu-artikel">
            <ul>
              <li><a href="">Khasiat Daging Kambing</a></li>
              <li><a href="">Menu Makanan Keluarga</a></li>
              <li><a href="">Sejarah Pembuatan Sambal</a></li>
              <li><a href="">Minuman Pelepas Dahaga</a></li>
              <li><a href="">Ayam Geprek Cap Nona</a></li>
            </ul>
          </nav>
        </div>
        <footer>@copyright 2024 || by Thinking</footer>
      </div>
    </div>
  </body>
</html>
Leave a Comment