main.html 1.21 KB
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
      <link rel="style sheet" href="main.css">
    </head>
    <body>
      <section>
        <div class="container">
          <h1 class="brand">Recipe APP</h1>
          <div class="serach-box">
          <form>
            <input id="name" type="text" placeholder="Search Your Recipe...">
            <ion-icon name="search"></ion-icon>
          </form>
          </div>
          <div class="search-result">
            <!--<div class="item">
              <img src="./0.jpg" alt="">
              <div class="flex-container">
                <h1 class="title">This is a recipe</h1>
                <a href="#">View Recipe</a>
              </div>
              <p class="item-data">Calories: 120</p>
            </div>-->
          </div>
        </div>
      </section>
      <script src="./main.js"></script>
      <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
      <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
    </body>
    </html>