Merge branch 'master' into icy/deliveryForm

DharshiBalasubramaniyam · Oct 30, 2024 · 65d1935 · 65d1935
2 parents 0f40b03 + 7973f0b
commit 65d1935
Show file tree

Hide file tree

Showing 17 changed files with 266 additions and 104 deletions.
diff --git a/blogs.html b/blogs.html
@@ -17,7 +17,7 @@
   <link rel="icon" href="./images/logo.png" type="image/png">
 
   <!-- font awesome icons script -->
-  <script src="https://kit.fontawesome.com/c732ec9339.js" crossorigin="anonymous"></script>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
 
 </head>
 
@@ -91,8 +91,13 @@ <h1>Your Cart</h1>
       </div>
 
       <div class="empty-cart active">
-        <p>No items in the cart!</p>
-      </div>
+        <div class="empty-cart-img-div">
+            <img src="images/empty-cart.png" alt="Delicious Ice Cream" class="ice-cream-image" />
+        </div>
+        <p class="empty-cart-text">Your cart is empty!</p>
+        <p class="empty-cart-info">As a cone without ice cream!🍦 </p>
+        <p class="empty-cart-info">Fill it up with our delicious flavors!</p>
+    </div>
 
     </div>
 
@@ -492,10 +497,13 @@ <h4>Need Help?</h4>
         </ul>
         <h4 style="margin-top: 15px;">Follow Us</h4>
         <ul class="links">
-          <li><a href="#" class="social"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
-          <li><a href="#" class="social"><i class="fa-brands fa-instagram"></i> Instagram</a></li>
-          <li><a href="#" class="social"><i class="fa-brands fa-linkedin-in"></i> Linkedin</a></li>
-          <li><a href="#" class="social"><i class="fa-brands fa-x-twitter"></i> Twitter</a></li>
+          <li><a href="https://www.facebook.com/" class="social"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
+          <li><a href="https://www.instagram.com/" class="social"><i class="fa-brands fa-instagram"></i> Instagram</a></li>
+          <li><a href="https://www.linkedin.com/" class="social"><i class="fa-brands fa-linkedin-in"></i> Linkedin</a></li>
+          <li><a href="https://www.twitter.com/" class="social"><i class="fa-brands fa-x-twitter"></i> Twitter</a></li>
+          <!-- Added Whatsapp Logo -->
+          <li><a href="https://www.whatsapp.com/" class="social"><i class="fa-brands fa-whatsapp"></i>
+            Whatsapp</a></li>
         </ul>
       </div>
       <div class="footer-col">

diff --git a/catering.html b/catering.html
@@ -22,7 +22,7 @@
     <link rel="icon" href="./images/logo.png" type="image/png">
 
     <!-- font awesome icons script -->
-    <script src="https://kit.fontawesome.com/c732ec9339.js" crossorigin="anonymous"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
 
 </head>
 
@@ -125,14 +125,29 @@ <h2 class="heading">Tell us about your event</h2>
 
             <div class="indv-text">
                 <label for="eventtype" class="text">Event Type</label>
-                <input type="radio" id="self-pickup" name="indoor-outdoor" value="self-pickup"> Self Service
-                Pickup<br><br>
-                <input type="radio" id="self-delivery" name="indoor-outdoor" value="self-delivery"> Self Service
-                Delivery<br><br>
-                <input type="radio" id="full-service" name="indoor-outdoor" value="full-service"> Full Service
-                Catering<br><br>
-                <input type="radio" id="not-sure" name="indoor-outdoor" value="not-sure"> Not Sure, Want To Learn More
+
+                <label for="self-pickup">
+                    <input type="radio" id="self-pickup" name="indoor-outdoor" value="self-pickup">
+                    Self Service Pickup
+                </label><br><br>
+
+                <label for="self-delivery">
+                    <input type="radio" id="self-delivery" name="indoor-outdoor" value="self-delivery">
+                    Self Service Delivery
+                </label><br><br>
+
+                <label for="full-service">
+                    <input type="radio" id="full-service" name="indoor-outdoor" value="full-service">
+                    Full Service Catering
+                </label><br><br>
+
+                <label for="not-sure">
+                    <input type="radio" id="not-sure" name="indoor-outdoor" value="not-sure">
+                    Not Sure, Want To Learn More
+                </label>
             </div>
+
+
 
             <div class="indv-text">
                 <label for="add1" class="text">Complete Address</label>
@@ -198,7 +213,12 @@ <h1>Your Cart</h1>
         </div>
 
         <div class="empty-cart active">
-            <p>No items in the cart!</p>
+            <div class="empty-cart-img-div">
+                <img src="images/empty-cart.png" alt="Delicious Ice Cream" class="ice-cream-image" />
+            </div>
+            <p class="empty-cart-text">Your cart is empty!</p>
+            <p class="empty-cart-info">As a cone without ice cream!🍦 </p>
+            <p class="empty-cart-info">Fill it up with our delicious flavors!</p>
         </div>
 
     </div>
@@ -252,10 +272,13 @@ <h4>Need Help?</h4>
                 </ul>
                 <h4 style="margin-top: 15px;">Follow Us</h4>
                 <ul class="links">
-                    <li><a href="#" class="social"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
-                    <li><a href="#" class="social"><i class="fa-brands fa-instagram"></i> Instagram</a></li>
-                    <li><a href="#" class="social"><i class="fa-brands fa-linkedin-in"></i> Linkedin</a></li>
-                    <li><a href="#" class="social"><i class="fa-brands fa-x-twitter"></i> Twitter</a></li>
+                    <li><a href="https://www.facebook.com/" class="social"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
+                    <li><a href="https://www.instagram.com/" class="social"><i class="fa-brands fa-instagram"></i> Instagram</a></li>
+                    <li><a href="https://www.linkedin.com/" class="social"><i class="fa-brands fa-linkedin-in"></i> Linkedin</a></li>
+                    <li><a href="https://www.twitter.com/" class="social"><i class="fa-brands fa-x-twitter"></i> Twitter</a></li>
+                    <!-- Added Whatsapp Logo -->
+                    <li><a href="https://www.whatsapp.com/" class="social"><i class="fa-brands fa-whatsapp"></i>
+                        Whatsapp</a></li>
                 </ul>
             </div>
             <div class="footer-col">

diff --git a/contributor.html b/contributor.html
@@ -11,6 +11,9 @@
     <!-- Link to add favicon  -->
     <link rel="icon" href="./images/logo.png" type="image/png">
 
+    <!-- link to add favicon -->
+    <link rel="icon" href="./images/logo.png" type="image/png">
+
     <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
@@ -142,15 +145,22 @@ <h1>Your Cart</h1>
       </div>
 
       <div class="empty-cart active">
-          <p>No items in the cart!</p>
-      </div>
+        <div class="empty-cart-img-div">
+            <img src="images/empty-cart.png" alt="Delicious Ice Cream" class="ice-cream-image" />
+        </div>
+        <p class="empty-cart-text">Your cart is empty!</p>
+        <p class="empty-cart-info">As a cone without ice cream!🍦 </p>
+        <p class="empty-cart-info">Fill it up with our delicious flavors!</p>
+    </div>
 
   </div>
     <div class="container">
       <div class="toggle-container aos-init aos-animate" data-aos="fade-down">
         <input id="themeToggle" class="toggle" type="checkbox" />
       </div>
-      <h1 class="title">Our Contributors</h1>
+      <section class="products" id="products" style="margin-top: 100px;">
+        <h1>Our <span>Contributors</span></h1>
+      </section>
       <div id="contributors" class="contributors-grid"></div>
     </div>
     <button class="top-btn" id="goToTopBtn" onclick="goToTop()">
@@ -162,7 +172,7 @@ <h1 class="title">Our Contributors</h1>
           <div class="footer-col">
               <h4>Useful links</h4>
               <ul class="links">
-                  <li><a href="#home">Home</a></li>
+                  <li><a href="./index.html">Home</a></li>
                   <li><a href="./products.html">Products</a></li>
                   <li><a href="gallary.html">Gallery</a></li>
                   <li><a href="#about">About Us</a></li>
@@ -226,8 +236,8 @@ <h4 style="margin-top: 15px;">Follow Us</h4>
                           Linkedin</a></li>
                   <li><a href="https://www.twitter.com/" class="social"><i class="fa-brands fa-x-twitter" aria-hidden="true"></i>
                           Twitter</a></li>
-                  <li><a href="#1" class="social"><i class="fa-brands fa-whatsapp" aria-hidden="true"></i> Whatsapp</a></li>
-                  <!--                     It's href is #1 for css purpose to get it's hover green  -->
+                  <!-- Modified the class link for redirect and CSS -->
+                  <li><a href="https://www.whatsapp.com/" class="social"><i class="fa-brands fa-whatsapp" aria-hidden="true"></i> Whatsapp</a></li>
 
               </ul>
           </div>

diff --git a/delivery.html b/delivery.html
@@ -19,7 +19,7 @@
     <link rel="icon" href="./images/logo.png" type="image/png">
 
     <!-- font awesome icons script -->
-    <script src="https://kit.fontawesome.com/c732ec9339.js" crossorigin="anonymous"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
 
 </head>
 
@@ -71,8 +71,8 @@
             <a href="./index.html">IcyCo</a>
         </div>
         <div class="nav-links">
-            <a href="./index.html" class="link">home</a>
-            <a href="./products.html" class="link">products</a>
+            <a href="./index.html" class="link">Home</a>
+            <a href="./products.html" class="link">Products</a>
             <a href="./delivery.html" class="link active">Delivery</a>
             <a href="./dine-in.html" class="link">Dine In</a>
             <a href="./catering.html" class="link">Catering</a>
@@ -166,6 +166,7 @@ <h2 class="heading">Enter Your Details</h2>
 
             </form>
         </div>
+
     </section>
 
     <!-- Cart -->
@@ -184,7 +185,12 @@ <h1>Your Cart</h1>
         </div>
 
         <div class="empty-cart active">
-            <p>No items in the cart!</p>
+            <div class="empty-cart-img-div">
+                <img src="images/empty-cart.png" alt="Delicious Ice Cream" class="ice-cream-image" />
+            </div>
+            <p class="empty-cart-text">Your cart is empty!</p>
+            <p class="empty-cart-info">As a cone without ice cream!🍦 </p>
+            <p class="empty-cart-info">Fill it up with our delicious flavors!</p>
         </div>
 
     </div>
@@ -238,10 +244,13 @@ <h4>Need Help?</h4>
                 </ul>
                 <h4 style="margin-top: 15px;">Follow Us</h4>
                 <ul class="links">
-                    <li><a href="#" class="social"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
-                    <li><a href="#" class="social"><i class="fa-brands fa-instagram"></i> Instagram</a></li>
-                    <li><a href="#" class="social"><i class="fa-brands fa-linkedin-in"></i> Linkedin</a></li>
-                    <li><a href="#" class="social"><i class="fa-brands fa-x-twitter"></i> Twitter</a></li>
+                    <li><a href="https://www.facebook.com/" class="social"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
+                    <li><a href="https://www.instagram.com/" class="social"><i class="fa-brands fa-instagram"></i> Instagram</a></li>
+                    <li><a href="https://www.linkedin.com/" class="social"><i class="fa-brands fa-linkedin-in"></i> Linkedin</a></li>
+                    <li><a href="https://www.twitter.com/" class="social"><i class="fa-brands fa-x-twitter"></i> Twitter</a></li>
+                    <!-- Added Whatsapp Logo -->
+                    <li><a href="https://www.whatsapp.com/" class="social"><i class="fa-brands fa-whatsapp"></i>
+                        Whatsapp</a></li>
                 </ul>
             </div>
             <div class="footer-col">
@@ -278,4 +287,4 @@ <h4>Newsletter</h4>
 
 </body>
 
-</html>
+</html>
diff --git a/dine-in.html b/dine-in.html
@@ -19,7 +19,7 @@
     <link rel="icon" href="./images/logo.png" type="image/png">
 
     <!-- font awesome icons script -->
-    <script src="https://kit.fontawesome.com/c732ec9339.js" crossorigin="anonymous"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
 
 </head>
 
@@ -191,7 +191,12 @@ <h1>Your Cart</h1>
         </div>
 
         <div class="empty-cart active">
-            <p>No items in the cart!</p>
+            <div class="empty-cart-img-div">
+                <img src="images/empty-cart.png" alt="Delicious Ice Cream" class="ice-cream-image" />
+            </div>
+            <p class="empty-cart-text">Your cart is empty!</p>
+            <p class="empty-cart-info">As a cone without ice cream!🍦 </p>
+            <p class="empty-cart-info">Fill it up with our delicious flavors!</p>
         </div>
 
     </div>
@@ -245,10 +250,13 @@ <h4>Need Help?</h4>
                 </ul>
                 <h4 style="margin-top: 15px;">Follow Us</h4>
                 <ul class="links">
-                    <li><a href="#" class="social"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
-                    <li><a href="#" class="social"><i class="fa-brands fa-instagram"></i> Instagram</a></li>
-                    <li><a href="#" class="social"><i class="fa-brands fa-linkedin-in"></i> Linkedin</a></li>
-                    <li><a href="#" class="social"><i class="fa-brands fa-x-twitter"></i> Twitter</a></li>
+                    <li><a href="https://www.facebook.com/" class="social"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
+                    <li><a href="https://www.instagram.com/" class="social"><i class="fa-brands fa-instagram"></i> Instagram</a></li>
+                    <li><a href="https://www.linkedin.com/" class="social"><i class="fa-brands fa-linkedin-in"></i> Linkedin</a></li>
+                    <li><a href="https://www.twitter.com/" class="social"><i class="fa-brands fa-x-twitter"></i> Twitter</a></li>
+                    <!-- Added Whatsapp Logo -->
+                    <li><a href="https://www.whatsapp.com/" class="social"><i class="fa-brands fa-whatsapp"></i>
+                        Whatsapp</a></li>
                 </ul>
             </div>
             <div class="footer-col">

diff --git a/faq.html b/faq.html
@@ -10,6 +10,13 @@
     <link rel="stylesheet" href="./styles/mediaQueries.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
     <link rel="stylesheet" href="styles/topscrollindicator.css">
+
+    <!-- link to add favicon -->
+    <link rel="icon" href="./images/logo.png" type="image/png">
+
+    <!-- font awesome icons script -->
+    <script src="https://kit.fontawesome.com/c732ec9339.js" crossorigin="anonymous"></script>
+
 </head>
 
 <body>
@@ -94,7 +101,12 @@ <h1>Your Cart</h1>
         </div>
 
         <div class="empty-cart active">
-            <p>No items in the cart!</p>
+            <div class="empty-cart-img-div">
+                <img src="images/empty-cart.png" alt="Delicious Ice Cream" class="ice-cream-image" />
+            </div>
+            <p class="empty-cart-text">Your cart is empty!</p>
+            <p class="empty-cart-info">As a cone without ice cream!🍦 </p>
+            <p class="empty-cart-info">Fill it up with our delicious flavors!</p>
         </div>
 
     </div>
@@ -208,9 +220,11 @@ <h4 style="margin-top: 15px;">Follow Us</h4>
                             Instagram</a></li>
                     <li><a href="https://www.linkedin.com/" class="social"><i class="fa-brands fa-linkedin-in"></i>
                             Linkedin</a></li>
-                    <li><a href="https://www.twitter.com/" class="social"><i class="fa-brands fa-twitter"></i>
+                    <!-- Added the new X logo -->
+                    <li><a href="https://www.twitter.com/" class="social"><i class="fa-brands fa-x-twitter"></i>
                             Twitter</a></li>
-                    <li><a href="#" class="social"><i class="fa-brands fa-whatsapp"></i> Whatsapp</a></li>
+                    <!-- Added Whatsapp Redirect -->
+                    <li><a href="https://www.whatsapp.com/" class="social"><i class="fa-brands fa-whatsapp"></i> Whatsapp</a></li>
 
                 </ul>
             </div>

diff --git a/gallary.html b/gallary.html
@@ -18,15 +18,14 @@
     <link href="https://fonts.googleapis.com/css2?family=Rye&display=swap" rel="stylesheet">
 
     <!-- font awesome icons script -->
-    <script src="https://kit.fontawesome.com/c732ec9339.js" crossorigin="anonymous"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
 
     <!-- link to add favicon -->
     <link rel="icon" href="./images/logo.png" type="image/png">
-
 </head>
 
-<body>
 
+<body>
     <!-- cursor -->
     <div class="circle"></div>
     <div class="circle"></div>
@@ -98,7 +97,12 @@ <h1>Your Cart</h1>
                 </div>
 
                 <div class="empty-cart active">
-                    <p>No items in the cart!</p>
+                    <div class="empty-cart-img-div">
+                        <img src="images/empty-cart.png" alt="Delicious Ice Cream" class="ice-cream-image" />
+                    </div>
+                    <p class="empty-cart-text">Your cart is empty!</p>
+                    <p class="empty-cart-info">As a cone without ice cream!🍦 </p>
+                    <p class="empty-cart-info">Fill it up with our delicious flavors!</p>
                 </div>
 
             </div>
@@ -274,7 +278,8 @@ <h4 style="margin-top: 15px;">Follow Us</h4>
                             Linkedin</a></li>
                     <li><a href="https://www.twitter.com/" class="social"><i class="fa-brands fa-x-twitter"></i>
                             Twitter</a></li>
-                    <li><a href="#" class="social"><i class="fa-brands fa-whatsapp"></i> Whatsapp</a></li>
+                    <!-- Added Whatsapp Redirect -->
+                    <li><a href="https://www.whatsapp.com/" class="social"><i class="fa-brands fa-whatsapp"></i> Whatsapp</a></li>
 
                 </ul>
             </div>

diff --git a/images/empty-cart.png b/images/empty-cart.png
diff --git a/images/product-not-found.png b/images/product-not-found.png