Untitled

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <script src="https://kit.fontawesome.com/e4cf9541ab.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <title>DRINKS</title>
  </head>
  <body>
    <!-- Title Menu-->
    <table class="menu">
      <tr>
        <th><a href="page/category/coffee.html" name="sectionMenu"><i class="fas fa-coffee">COFFEE</i></a></th>
        <th><a href="page/category/tea.html"><i class="fas fa-mug-hot"></i>TEA</a></th>
        <th><a href="page/category/shake.html"><i class="fas fa-blender"></i>SHAKE</a></th>
        <th><a href="page/order.html"><i class="fab fa-jedi-order"></i>ORDER</a></th>
        <th><a href="page/about.html"><i class="fas fa-address-card"></i>ABOUT US</a></th>
      </tr>
    </table>
    <!-- Coffee -->
    <table>
      <tr>
        <th class="cateTitle">COFFEE</th>
        <th colspan="2"> <a href="#sectionMenu">Back to top</a></th>
      </tr>
      <tr>
        <td>
          <div class="content">
            <img class="drinkpic" src="imgs/coffee/caps.jpg" alt="">
            <h1>Capuccino</h1>
            <p>A cappuccino is an espresso-based coffee drink that originated in Italy, and is traditionally prepared with steamed milk foam.
               Variations of the drink involve the use of cream instead of milk, and flavoring with cinnamon or chocolate powder.
            </p>
          </div>
        </td>
        <td>
          <div class="content" >
            <img class="drinkpic" src="imgs/coffee/expresso.jpg" alt=""  >
            <br><br>
            <h1 style="margin-top:-20px;">Expresso Coffee</h1>
            <p >In its pure form, espresso is more popular in Europe than America, particularly in Italy.
              Though catching in America, derivatives and misconceptions are spreading like cream in coffee.
              For instance, many hold the misconception that espresso is a dark, bitter to burnt-flavored roast of coffee.
            </p>
            <p >In fact, espresso is not a roast at all; it is a method of preparing coffee. Espresso coffee is often blended
               from several roasts and varietals to form a bold - not bitter flavor. The finely ground coffee is tightly packed or
               tamped into a “portafilter”; high-pressure water is then forced through the grounds and extracted in small, concentrated amounts.
               Intensity is the key here. Why do you think they call it a “shot?”
            </p>
          </div>
        </td>
        <td>
          <div class="content">
            <img class="drinkpic" src="imgs/coffee/dripcoffee.jpg" alt="">
            <h1 style="margin-top:17px;">Drip Coffee</h1>
            <p>Drip coffee brew as a method of coffee brewing that involves pouring hot water over roasted, ground coffee beans enclosed in a filter.</p>
            <p>There are two main methods to brew drip coffee, with a drip coffee machine, or with a cone, the so-called pour-over method. There is a lot of
               hype around pour over, and the hype is justified, because pour-over is a very easy way to brew a perfect cup, and there are fewer chances to mess up.
            </p>
          </div>
        </td>
      </tr>
    </table>
    <!-- Tea -->
    <table>
      <tr>
        <th class="cateTitle">TEA</th>
        <th colspan="2"> <a href="#sectionMenu">Back to top</a></th>
      </tr>
      <tr>
        <td>
          <div class="content">
            <div class="contPic">
              <img class="drinkpic" src="imgs/tea/mint.jpg" alt="">
            </div>
            <h1>Peppermint Tea</h1>
            <p>A cappuccino is an espresso-based coffee drink that originated in Italy, and is traditionally prepared with steamed milk foam.
               Variations of the drink involve the use of cream instead of milk, and flavoring with cinnamon or chocolate powder.
            </p>
          </div>
        </td>
        <td>
          <div class="content">
            <div class="contPic">
              <img class="drinkpic" src="imgs/tea/lemongrass.jpg" alt="">
            </div>
            <h1>Lemon Grass Tea</h1>
            <p>Lemongrass is an herb that is native to Sri Lanka and South India but now grows in many countries around the world.
              The plant's stalks are a common ingredient in Asian cooking, but it is also possible to brew lemongrass to make tea.</p>
          </div>
        </td>
        <td>
          <div class="content">
            <div class="contPic">
              <img class="drinkpic" src="imgs/tea/ice.jpg" alt="">
            </div>
            <h1>Lemon Iced Tea</h1>
            <p>Iced tea is a form of cold tea. Though usually served in a glass with ice, it can refer to any tea that has been chilled or cooled.
              It may be sweetened with sugar, syrup and/or apple slices</p>
          </div>
        </td>
      </tr>
    </table>
    <!-- Shake -->
    <table>
      <tr>
        <th class="cateTitle">SHAKE</th>
        <th colspan="2"> <a href="#sectionMenu">Back to top</a></th>
      </tr>
      <tr>
        <td>
          <div class="content">
            <div class="contPic">
              <img class="drinkpic" src="imgs/shake/mango.jpg" alt="">
            </div>
            <h1>Mango Shake</h1>
            <p>Mango Shake (Mango Milkshake) is a cool and tempting fruit drink prepared by simply blending ripe mango
			pieces, milk and sugar. To keep things simple and easy, this recipe primarily
			explains how to make mango shake with milk. However, for those who are looking for
			something different, there are few tips and serving ideas mentioned below which can simply make it a
			divine experience in every sip.
			</p>
          </div>
        </td>
        <td>
          <div class="content">
            <div class="contPic">
              <img class="drinkpic" src="imgs/shake/strawberry.jpg" alt="">
            </div>
            <h1>Strawberry Milkshake</h1>
            <p>Low-Carb Strawberry Smoothie makes a simple breakfast or snack. It can be part of a low-carb, keto, Atkins, gluten-free, grain-free, or Banting diet.
			There is even a dairy-free option. Its pink color makes it perfect for a Valentine’s Day morning treat.
			</p>
          </div>
        </td>
        <td>
          <div class="content">
            <div class="contPic">
              <img class="drinkpic" src="imgs/shake/van.png" alt="">
            </div>
            <h1>Vanilla Milshake</h1>
            <p>Vanilla Milkshake, world’s favorite milkshake, is a smooth and creamy concoction of vanilla ice cream, milk, vanilla extract topped up
              with whipped cream and chocolate vermicelli for irresistible looks</p>
          </div>
        </td>
      </tr>
    </table>
  </body>
</html>