Deploying to gh-pages from @ 5f21e7d 🚀

chertik77 · Sep 30, 2023 · a78ef81 · a78ef81
1 parent 6464147
commit a78ef81
Show file tree

Hide file tree

Showing 10 changed files with 49 additions and 3 deletions.
diff --git a/assets/index-748b3d6a.js → assets/index-0e11135e.js b/assets/index-748b3d6a.js → assets/index-0e11135e.js
diff --git a/assets/index-4fd2a98c.css b/assets/index-4fd2a98c.css
diff --git a/assets/index-f1db7c36.css b/assets/index-f1db7c36.css
diff --git a/assets/order-girl-518c97c0.avif b/assets/order-girl-518c97c0.avif
diff --git a/assets/order-girl-8825a678.avif b/assets/order-girl-8825a678.avif
diff --git a/assets/order-girl-e0598198.avif b/assets/order-girl-e0598198.avif
diff --git a/assets/[email protected] b/assets/[email protected]
diff --git a/assets/[email protected] b/assets/[email protected]
diff --git a/assets/[email protected] b/assets/[email protected]
diff --git a/index.html b/index.html
@@ -6,8 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>VeggieBoost</title>
 
-    <script type="module" crossorigin src="/VeggieBoost/assets/index-748b3d6a.js"></script>
-    <link rel="stylesheet" href="/VeggieBoost/assets/index-f1db7c36.css">
+    <script type="module" crossorigin src="/VeggieBoost/assets/index-0e11135e.js"></script>
+    <link rel="stylesheet" href="/VeggieBoost/assets/index-4fd2a98c.css">
   </head>
   <body>
     <header class="header">
@@ -291,6 +291,52 @@ <h2 class="order-title">To order your vegetable basket, simply follow these easy
   </div>
 </section>
 
+      <section class="steps-section">
+  <div class="container">
+    <div class="steps-container">
+      <div class="step-info">
+        <h3 class="step-title">3 Easy Steps for Buying Fresh Vegetables</h3>
+        <ul class="steps-list">
+          <li class="steps-item">
+            Just choose the vegetable you want to order by clicking on the checkboxes next to it.
+          </li>
+          <li class="steps-item">Click on the basket and fill out the form.</li>
+          <li class="steps-item">
+            Sit back and relax! Your fresh vegetables basket will be delivered.
+          </li>
+        </ul>
+      </div>
+      <div class="step-block">
+        <picture class="order-picture">
+          <source
+            media="(width >= 1280px)"
+            srcset="/VeggieBoost/assets/order-girl-518c97c0.avif 1x, /VeggieBoost/assets/[email protected] 2x"
+            type="image/avif"
+          />
+          <source
+            media="(width >= 768px)"
+            srcset="/VeggieBoost/assets/order-girl-8825a678.avif 1x, /VeggieBoost/assets/[email protected] 2x"
+            type="image/avif"
+          />
+          <source
+            media="(width < 767px)"
+            srcset="/VeggieBoost/assets/order-girl-e0598198.avif 1x, /VeggieBoost/assets/[email protected] 2x"
+            type="image/avif"
+          />
+          <img
+            class="step-img"
+            src="/VeggieBoost/assets/order-girl-e0598198.avif"
+            alt="Girl"
+            loading="lazy"
+          />
+        </picture>
+      </div>
+    </div>
+    <div class="step-block"></div>
+    <div class="step-block"></div>
+  </div>
+</section>
+
     </main>
 
   </body>