abdrzqsalihu · abdrzqsalihu · Mar 15, 2023 · Jan 9, 2023 · Jan 9, 2023 · Jan 9, 2023
diff --git a/92. Coffee/Images/1.png b/92. Coffee/Images/1.png
diff --git a/92. Coffee/Images/2.png b/92. Coffee/Images/2.png
diff --git a/92. Coffee/Images/3.png b/92. Coffee/Images/3.png
diff --git a/92. Coffee/Images/4.png b/92. Coffee/Images/4.png
diff --git a/92. Coffee/Images/pexels-chitokan-2183027-removebg-preview.png b/92. Coffee/Images/pexels-chitokan-2183027-removebg-preview.png
diff --git a/92. Coffee/Images/pexels-nao-triponez-129207.jpg b/92. Coffee/Images/pexels-nao-triponez-129207.jpg
diff --git a/92. Coffee/index.html b/92. Coffee/index.html
@@ -0,0 +1,144 @@
+<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>Coffee</title>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <!-- nav -->
+    <nav>
+      <h1 class="logo">Logo</h1>
+      <ul>
+        <li><a href="#" class="active">Home</a></li>
+        <li><a href="#">About</a></li>
+        <li><a href="#">Menu</a></li>
+        <li><a href="#">Contact</a></li>
+      </ul>
+    </nav>
+
+    <!-- header -->
+    <section class="header">
+      <h1 class="main-headings">START YOUR DAY</h1>
+      <h1 class="primary-heading">WITH OUR COFFEE</h1>
+      <button class="main-btn">Shop Now</button>
+    </section>
+
+    <!-- our story -->
+
+    <section id="our-story">
+      <div class="img-container">
+        <div class="img"></div>
+      </div>
+      <div class="section-content">
+        <div class="title-style">
+          <span class="line"></span>
+          <h1 class="title">Our Story</h1>
+        </div>
+        <p>
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor
+          doloremque reiciendis ea voluptatibus. Quis modi ratione incidunt
+          ipsam
+        </p>
+        <button>Learn More</button>
+      </div>
+    </section>
+
+    <!-- Perfect place to enjoy your coffee -->
+    <section class="coffee-container">
+      <div class="content-section">
+        <div class="title-style">
+          <h1 class="title-two">
+            Perfect Place <br />
+            To Enjoy Your <br />
+            Coffee
+          </h1>
+        </div>
+        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
+        <button style="margin-top: 20px">Learn More</button>
+      </div>
+
+      <section class="img-container">
+        <img src="Images/2.png" class="img-2" alt="" />
+      </section>
+    </section>
+
+    <!-- Products -->
+    <section class="products">
+      <h1 class="title title-three">Products</h1>
+
+      <section class="cards">
+        <div class="card">
+          <div class="card-img img-one"></div>
+          <div class="card-title">
+            <h1>Mocha</h1>
+          </div>
+          <div class="items">
+            <p>Espresso</p>
+            <p>Chocolate</p>
+            <p>Steamed Milk</p>
+          </div>
+          <button>Learn More</button>
+        </div>
+        <div class="card">
+          <div class="card-img img-two"></div>
+          <div class="card-title">
+            <h1>Mocha</h1>
+          </div>
+          <div class="items">
+            <p>Espresso</p>
+            <p>Chocolate</p>
+            <p>Steamed Milk</p>
+          </div>
+          <button>Learn More</button>
+        </div>
+        <div class="card">
+          <div class="card-img img-three"></div>
+          <div class="card-title">
+            <h1>Mocha</h1>
+          </div>
+          <div class="items">
+            <p>Espresso</p>
+            <p>Chocolate</p>
+            <p>Steamed Milk</p>
+          </div>
+          <button>Learn More</button>
+        </div>
+      </section>
+    </section>
+
+    <!-- footer -->
+    <hr />
+    <footer>
+      <div class="container">
+        <h1 class="heading-info">About <span>Us</span></h1>
+        <p>
+          Sit amet consectetur adipisicing elit. Dolor doloremque reiciendis ea
+          voluptatibus.
+        </p>
+      </div>
+      <div class="container">
+        <h1 class="heading-info">Contact <span>Us</span></h1>
+        <p>
+          Sit amet consectetur adipisicing elit. Dolor doloremque reiciendis ea
+          voluptatibus.
+        </p>
+      </div>
+      <div class="container">
+        <h1 class="heading-info">Opening <span> Hourse</span></h1>
+        <p>
+          Sit amet consectetur adipisicing elit. Dolor doloremque reiciendis ea
+          voluptatibus.
+        </p>
+      </div>
+    </footer>
+    <hr class="hr-two" />
+
+    <p class="para">
+      Copyright @ 2022 HuXn WebDev | Provided by <span>HuXn WebDev</span>
+    </p>
+
+    <script src="app.js"></script>
+  </body>
+</html>