Project done

MusayevDoniyor · Jan 18, 2024 · 3da02f4 · 3da02f4
commit 3da02f4
Show file tree

Hide file tree

Showing 11 changed files with 721 additions and 0 deletions.
diff --git a/images/1. White.png b/images/1. White.png
diff --git a/images/2. White.png b/images/2. White.png
diff --git a/images/Logo.svg b/images/Logo.svg
diff --git a/images/ic_call.svg b/images/ic_call.svg
diff --git a/images/ic_near_me.svg b/images/ic_near_me.svg
diff --git a/images/ic_watch_later.svg b/images/ic_watch_later.svg
diff --git a/images/placeholder(1).png b/images/placeholder(1).png
diff --git a/images/placeholder(2).png b/images/placeholder(2).png
diff --git a/images/placeholder.png b/images/placeholder.png
diff --git a/index.html b/index.html
@@ -0,0 +1,175 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Healthy Food Delivery</title>
+    <link rel="stylesheet" href="./style.css" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap"
+      rel="stylesheet"
+    />
+  </head>
+  <body>
+    <!-- SITE MAIN -->
+    <main>
+      <!-- SITE NAV BAR -->
+      <header>
+        <nav>
+          <div>
+            <a href="index.html">
+              <img src="./images/Logo.svg" alt="Site Logo" />
+            </a>
+            <h6>HEALTHY SWITCHER</h6>
+          </div>
+
+          <ul>
+            <li class="nav-main-list">
+              <a href="index.html">Home</a>
+            </li>
+
+            <li>
+              <a href="index.html">Recipes</a>
+            </li>
+
+            <li>
+              <a href="index.html">Chefs</a>
+            </li>
+
+            <li>
+              <a href="index.html">Contacs</a>
+            </li>
+          </ul>
+        </nav>
+      </header>
+
+      <section class="hero">
+        <h1>
+          <span> Your </span>
+          favourite food
+          <span> delivered </span>
+          hot & fresh
+        </h1>
+
+        <p class="hero-p1">
+          HEALTHY SWITCHER chefs do all the prep work, like peeling, chopping &
+          marinating, so you can cook a fresh homemade dinner in just 15
+          minutes.
+        </p>
+
+        <button>
+          <a href="index.html">Order Now</a>
+        </button>
+
+        <!-- CARD BOX -->
+
+        <div class="hero-cardBoxDiv">
+          <div class="hero-card1">
+            <img src="./images/ic_watch_later.svg" alt="icon watch" />
+            <h4>Today 10:00 am - 7:00 pm</h4>
+            <p>Working hours</p>
+          </div>
+
+          <div class="hero-card2">
+            <img src="./images/ic_near_me.svg" alt="icon near me" />
+            <address>
+              <h4>Velyka Vasylkivska 100</h4>
+              <p>Get Directions</p>
+            </address>
+          </div>
+
+          <div class="hero-card3">
+            <img src="./images/ic_call.svg" alt="icon call" />
+            <address>
+              <a href="tel:+38 (063)833 24 15">+38 (063)833 24 15</a>
+              <p>Call Online</p>
+            </address>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- SECTION 2 -->
+    <section class="section2">
+      <div class="section2-mainDiv">
+        <h3>The Basic Of Healthy Food</h3>
+        <h1>ABOUT</h1>
+      </div>
+
+      <div class="section2-imgInfoDiv">
+        <p>
+          In aliqua ea ullamco ad est ex non deserunt nulla. Consectetur sint ea
+          aliquip aliquip consectetur voluptate est. Eu minim dolore laboris
+          enim mollit voluptate irure esse aliquip.
+        </p>
+
+        <div class="section2-imgDiv">
+          <img class="leftRow" src="./images/1. White.png" alt="left-row" />
+
+          <img
+            class="section2Img1"
+            src="./images/placeholder(1).png"
+            alt="section2 img1"
+          />
+
+          <img
+            class="section2Img2"
+            src="./images/placeholder(2).png"
+            alt="section2 img2"
+          />
+
+          <img class="rightRow" src="./images/2. White.png" alt="right-row" />
+        </div>
+      </div>
+    </section>
+
+    <!-- SECTION 3 -->
+    <section class="section3">
+      <div class="section3-mainDiv">
+        <h3>How It Works</h3>
+        <h1>WORK</h1>
+        <span><hr /></span>
+      </div>
+
+      <div class="section3-cardBox">
+        <div class="s3-card1">
+          <h4>Pick Meals</h4>
+          <span><hr /></span>
+          <p>
+            Choose your meals from our diverse weekly menu. Find gluten or dairy
+            free, low carb & veggie options.
+          </p>
+        </div>
+
+        <div class="s3-card2">
+          <h4>Choose How Often</h4>
+          <span><hr /></span>
+          <p>
+            Our team of chefs do the prep work - no more chopping, measuring, or
+            sink full of dishes!
+          </p>
+        </div>
+
+        <div class="s3-card3">
+          <h4>Fast Deliveries</h4>
+          <span><hr /></span>
+          <p>
+            Your freshly prepped 15-min dinner kits arrive on your doorstep in a
+            refrigerated box.
+          </p>
+        </div>
+
+        <div class="s3-card4">
+          <h4>Tasty Meals</h4>
+          <span><hr /></span>
+          <p>
+            Gobble makes cooking fast, so you have more time to unwind and be
+            with family.
+          </p>
+        </div>
+      </div>
+    </section>
+  </body>
+</html>