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>Menu Resoto</title>
  <link rel="stylesheet" href="gaya.css">
</head>
<body>
  <div class="headline">
    <h1> Menu Resoto</h1>
    <h5> Klik Kartu Menu untuk melihat lebih detil <br><br>
    Pilih pesanan anda dan sampaikan kepada kasir :)</h5>
  </div>
  <hr>
  <div class="sub">
    <h2 style="text-align: center;">Main Course</h2>
  </div>
  <div class="flex-container">
    <div class="card" onclick="window.location = 'nasgor.html'">
      <img src="https://kbu-cdn.com/dk/wp-content/uploads/nasi-goreng-saus-tiram.jpg" alt="Nasi Goreng">
      <div class="container">
        <h2><b>NASI GORENG</b></h2>
        <p>Rp 45.000,-</p>
      </div>
    </div>
    <div class="card" onclick="window.location = 'sirloin.html'">
      <img src="https://img-global.cpcdn.com/recipes/76ef73d03062526c/680x482cq70/sirloin-steak-foto-resep-utama.webp" alt="Steak">
      <div class="container">
        <h2><b>STEAK SIRLOIN</b></h2>
        <p>Rp 90.000,-</p>
      </div>
    </div>
    <div class="card" onclick="window.location = 'tenderloin.html'">
      <img src="https://asset.kompas.com/crops/G9BTpvfCxPxRR3aoZe_7re-8Twk=/0x0:780x390/780x390/data/photo/2013/08/16/1149586sinou-2780x390.jpg" alt="Steak Tenderloin">
      <div class="container">
        <h2><b>STEAK TENDERLOIN</b></h2>
        <p>Rp 100.000,-</p> 
      </div>
    </div>
    <div class="card" onclick="window.location = 'sate.html'">
      <img src="https://media.suara.com/pictures/653x366/2019/02/13/63495-sate-kambing.jpg" alt="Sate Ayam">
      <div class="container">
        <h2><b>SATE AYAM</b></h2>
        <p>Rp 40.000,-</p> 
      </div>
    </div>
    <div class="card" onclick="window.location = 'hamburg.html'">
      <img src="https://cdn1-production-images-kly.akamaized.net/rl5shUp-S0U--QEF2hVbsCwBd84=/0x374:5588x3524/1360x766/filters:quality(75):strip_icc():format(webp)/kly-media-production/medias/3952023/original/094822500_1646366545-sasazawa.jpg" alt="Hamburg Steak">
      <div class="container">
        <h2><b>HAMBURG STEAK</b></h2>
        <p>Rp 70.000,-</p> 
      </div>
    </div>
  </div>
  
  <hr>
  <div class="sub">
    <h2 style="text-align: center;">Beverages</h2>
  </div>
  <div class="flex-container">
    <div class="card" onclick="window.location = 'milkshake.html'">
      <img src="https://static.republika.co.id/uploads/images/inpicture_slide/milkshake-_140109164726-465.jpg" alt="Milkshkae">
      <div class="container">
        <h2><b>MILKSHAKE</b></h2>
        <p>Rp 28.000,-</p>
      </div>
    </div>
    <div class="card" onclick="window.location = 'machiato.html'">
      <img src="https://i0.wp.com/indobubbletea.blog/wp-content/uploads/2014/11/starbucks-iced-hazelnut-macchiato.jpg?resize=500%2C300&ssl=1" alt="Machiato">
      <div class="container">
        <h2><b>MACHIATO</b></h2>
        <p>Rp 30.000,-</p> 
      </div>
    </div>
    <div class="card" onclick="window.location = 'mocktail.html'">
      <img src="https://i0.wp.com/indobubbletea.blog/wp-content/uploads/2014/11/mocktails2.jpg?resize=580%2C381&ssl=1" alt="Mocktail">
      <div class="container">
        <h2><b>MOCKTAIL</b></h2>
        <p>Rp 35.000,-</p> 
      </div>
    </div>
    <div class="card" onclick="window.location = 'mojito.html'">
      <img src="https://i0.wp.com/indobubbletea.blog/wp-content/uploads/2014/11/smirnoff-apple-mojito-white-stores-alternative-cocktail-recipe-drink.jpg?resize=690%2C460&ssl=1" alt="Mojito">
      <div class="container">
        <h2><b>MOJITO</b></h2>
        <p>Rp 26.000,-</p> 
      </div>
    </div>
  </div>
</body>
</html>