From 594df6b77eb9528cad996a1092124d878306c2fb Mon Sep 17 00:00:00 2001
From: Anup kumar jha <anup.20416101420@ipu.ac.in>
Date: Fri, 21 Jun 2024 18:48:01 +0530
Subject: [PATCH] Update about.html

---
 about.html | 417 ++++++++++++++++++++++-------------------------------
 1 file changed, 169 insertions(+), 248 deletions(-)

diff --git a/about.html b/about.html
index 0716fb9..54379db 100644
--- a/about.html
+++ b/about.html
@@ -156,159 +156,149 @@ <h1><a href="index.html">Food Recipe</a></h1>
       </div>
     </div>
     <!-- // banner -->
-
-    <!-- //bottom button added by preksha mahajan-->
-    <a href="#" id="scrollDownButton">
-      <div class="circle-background">
-          <img src="./images/bottomButton.webp" alt="Scroll Down">
-      </div>
-    </a>
-    <!-- //bottom button added by preksha mahajan-->
-
-    <!-- about section -->
-    <div class="about">
-      <div class="container">
-        <h2 class="heading" data-aos="fade-right" data-aos-delay="10">About <span>our</span> food</h2>
-        <p class="heading" data-aos="fade-right" data-aos-delay="30">About Our History</p>
-        <div class="about-content" data-aos="fade-right" data-aos-delay="70">
-          <div class="col-md-6 bottom-left">
-            <!-- <div class="addition"> -->
-            <h3>We make tasty food,the Best grills and drinks</h3>
-            <p>
-              Etiam vitae augue odio. Ut laoreet ipsum vel ultrices viverra.
-              Donec nisl dolor, mollis vel libero id, tempor cursus lectus.
-              Vestibulum eu ligula et pharetra efficitur. Maecenas eleifend.
-              Phasellus antelig.
-            </p>
-            <p>
-              Etiam vitae augue odio. Ut laoreet ipsum vel ultrices viverra.
-              Donec nisl dolor, mollis vel libero id, tempor cursus lectus.
-              Vestibulum eu ligula et pharetra efficitur. Maecenas eleifend.
-            </p>
-            <!-- </div> -->
-            <div class="morebutton">
-              <a href="#">Read More</a>
-            </div>
-          </div>
-          <div class="col-md-6 bottom-right">
-            <img src="images/about.webp" alt="" />
+	   <!-- // banner --><!-- about section -->
+  <div class="about">
+    <div class="container">
+      <h2 class="heading" data-aos="fade-right" data-aos-delay="10">About <span>our</span> food</h2>
+      <p class="heading" data-aos="fade-right" data-aos-delay="30">About Our History</p>
+      <div class="about-content" data-aos="fade-right" data-aos-delay="70">
+        <div class="col-md-6 bottom-left">
+          <!-- <div class="addition"> -->
+          <h3>We make tasty food,the Best grills and drinks</h3>
+          <p>
+            Etiam vitae augue odio. Ut laoreet ipsum vel ultrices viverra.
+            Donec nisl dolor, mollis vel libero id, tempor cursus lectus.
+            Vestibulum eu ligula et pharetra efficitur. Maecenas eleifend.
+            Phasellus antelig.
+          </p>
+          <p>
+            Etiam vitae augue odio. Ut laoreet ipsum vel ultrices viverra.
+            Donec nisl dolor, mollis vel libero id, tempor cursus lectus.
+            Vestibulum eu ligula et pharetra efficitur. Maecenas eleifend.
+          </p>
+          <!-- </div> -->
+          <div class="morebutton">
+            <a href="#">Read More</a>
           </div>
-          <div class="clearfix"></div>
         </div>
+        <div class="col-md-6 bottom-right">
+          <img src="images/about.webp" alt="" />
+        </div>
+        <div class="clearfix"></div>
       </div>
     </div>
-    <div class="why-choose-agile">
-      <div class="container">
-        <div class="w3-heading-grid">
-          <h3 class="heading" data-aos="fade-left" data-aos-delay="10">Why <span>Choose</span> Us</h3>
-          <p class="heading" data-aos="fade-left" data-aos-delay="30">What We Do</p>
-          <div class="agileits-border"></div>
-        </div>
-        <div class="why-choose-agile-grids-top">
-          <div class="col-md-4 agileits-w3layouts-grid">
-            <div class="wthree_agile_us" data-aos="fade-left" data-aos-delay="20">
-              <div class="col-xs-9 agile-why-text">
-                <h4>Maecenas</h4>
-                <p>
-                  Lorem ipsum magna, vehicula ut scelerisque ornare porta ete.
-                </p>
-              </div>
-              <div class="col-xs-3 agile-why-text">
-                <div class="wthree_features_grid hvr-rectangle-out">
-                  <i class="fa fa-glass" aria-hidden="true"></i>
-                </div>
-              </div>
-              <div class="clearfix"></div>
+  </div>
+  <div class="why-choose-agile">
+    <div class="container">
+      <div class="w3-heading-grid">
+        <h3 class="heading" data-aos="fade-left" data-aos-delay="10">Why <span>Choose</span> Us</h3>
+        <p class="heading" data-aos="fade-left" data-aos-delay="30">What We Do</p>
+        <div class="agileits-border"></div>
+      </div>
+      <div class="why-choose-agile-grids-top">
+        <div class="col-md-4 agileits-w3layouts-grid">
+          <div class="wthree_agile_us" data-aos="fade-left" data-aos-delay="20">
+            <div class="col-xs-9 agile-why-text">
+              <h4>Maecenas</h4>
+              <p>
+                Lorem ipsum magna, vehicula ut scelerisque ornare porta ete.
+              </p>
             </div>
-            <div class="wthree_agile_us" data-aos="fade-left" data-aos-delay="40">
-              <div class="col-xs-9 agile-why-text">
-                <h4>Lorem ipsum</h4>
-                <p>
-                  Lorem ipsum magna, vehicula ut scelerisque ornare porta ete.
-                </p>
+            <div class="col-xs-3 agile-why-text">
+              <div class="wthree_features_grid hvr-rectangle-out">
+                <i class="fa fa-glass" aria-hidden="true"></i>
               </div>
-              <div class="col-xs-3 agile-why-text">
-                <div class="wthree_features_grid hvr-rectangle-out">
-                  <i class="fa fa-gift" aria-hidden="true"></i>
-                </div>
-              </div>
-              <div class="clearfix"></div>
             </div>
-            <div class="wthree_agile_us" data-aos="fade-left" data-aos-delay="60">
-              <div class="col-xs-9 agile-why-text">
-                <h4>Duis ipsum</h4>
-                <p>
-                  Lorem ipsum magna, vehicula ut scelerisque ornare porta ete.
-                </p>
-              </div>
-              <div class="col-xs-3 agile-why-text">
-                <div class="wthree_features_grid hvr-rectangle-out">
-                  <i class="fa fa-heart" aria-hidden="true"></i>
-                </div>
+            <div class="clearfix"></div>
+          </div>
+          <div class="wthree_agile_us" data-aos="fade-left" data-aos-delay="40">
+            <div class="col-xs-9 agile-why-text">
+              <h4>Lorem ipsum</h4>
+              <p>
+                Lorem ipsum magna, vehicula ut scelerisque ornare porta ete.
+              </p>
+            </div>
+            <div class="col-xs-3 agile-why-text">
+              <div class="wthree_features_grid hvr-rectangle-out">
+                <i class="fa fa-gift" aria-hidden="true"></i>
               </div>
-              <div class="clearfix"></div>
             </div>
+            <div class="clearfix"></div>
           </div>
-          <div class="col-md-4 agileits-w3layouts-grid img" data-aos="fade-up" data-aos-delay="50">
-            <img src="images/bottom.webp" alt=" " class="img-responsive" />
-          </div>
-          <div class="col-md-4 agileits-w3layouts-grid" data-aos="fade-right" data-aos-delay="50">
-            <div class="wthree_agile_us">
-              <div class="col-xs-3 agile-why-text agile-icon-left">
-                <div class="wthree_features_grid hvr-rectangle-out">
-                  <i class="fa fa-picture-o" aria-hidden="true"></i>
-                </div>
-              </div>
-              <div class="col-xs-9 agile-why-text two">
-                <h4>Donec egestas</h4>
-                <p>
-                  Lorem ipsum magna, vehicula ut scelerisque ornare porta ete.
-                </p>
-              </div>
-
-              <div class="clearfix"></div>
+          <div class="wthree_agile_us" data-aos="fade-left" data-aos-delay="60">
+            <div class="col-xs-9 agile-why-text">
+              <h4>Duis ipsum</h4>
+              <p>
+                Lorem ipsum magna, vehicula ut scelerisque ornare porta ete.
+              </p>
             </div>
-            <div class="wthree_agile_us">
-              <div class="col-xs-3 agile-why-text agile-icon-left">
-                <div class="wthree_features_grid hvr-rectangle-out">
-                  <i class="fa fa-user" aria-hidden="true"></i>
-                </div>
+            <div class="col-xs-3 agile-why-text">
+              <div class="wthree_features_grid hvr-rectangle-out">
+                <i class="fa fa-heart" aria-hidden="true"></i>
               </div>
-              <div class="col-xs-9 agile-why-text two">
-                <h4>Suspendisse</h4>
-                <p>
-                  Lorem ipsum magna, vehicula ut scelerisque ornare porta ete.
-                </p>
+            </div>
+            <div class="clearfix"></div>
+          </div>
+        </div>
+        <div class="col-md-4 agileits-w3layouts-grid img" data-aos="fade-up" data-aos-delay="50">
+          <img src="images/bottom.webp" alt=" " class="img-responsive" />
+        </div>
+        <div class="col-md-4 agileits-w3layouts-grid" data-aos="fade-right" data-aos-delay="50">
+          <div class="wthree_agile_us">
+            <div class="col-xs-3 agile-why-text agile-icon-left">
+              <div class="wthree_features_grid hvr-rectangle-out">
+                <i class="fa fa-picture-o" aria-hidden="true"></i>
               </div>
-
-              <div class="clearfix"></div>
             </div>
-            <div class="wthree_agile_us">
-              <div class="col-xs-3 agile-why-text agile-icon-left">
-                <div class="wthree_features_grid hvr-rectangle-out">
-                  <i class="fa fa-envelope" aria-hidden="true"></i>
-                </div>
+            <div class="col-xs-9 agile-why-text two">
+              <h4>Donec egestas</h4>
+              <p>
+                Lorem ipsum magna, vehicula ut scelerisque ornare porta ete.
+              </p>
+            </div>
+
+            <div class="clearfix"></div>
+          </div>
+          <div class="wthree_agile_us">
+            <div class="col-xs-3 agile-why-text agile-icon-left">
+              <div class="wthree_features_grid hvr-rectangle-out">
+                <i class="fa fa-user" aria-hidden="true"></i>
               </div>
-              <div class="col-xs-9 agile-why-text two">
-                <h4>Nunc vitae</h4>
-                <p>
-                  Lorem ipsum magna, vehicula ut scelerisque ornare porta ete.
-                </p>
+            </div>
+            <div class="col-xs-9 agile-why-text two">
+              <h4>Suspendisse</h4>
+              <p>
+                Lorem ipsum magna, vehicula ut scelerisque ornare porta ete.
+              </p>
+            </div>
+
+            <div class="clearfix"></div>
+          </div>
+          <div class="wthree_agile_us">
+            <div class="col-xs-3 agile-why-text agile-icon-left">
+              <div class="wthree_features_grid hvr-rectangle-out">
+                <i class="fa fa-envelope" aria-hidden="true"></i>
               </div>
-              <div class="clearfix"></div>
+            </div>
+            <div class="col-xs-9 agile-why-text two">
+              <h4>Nunc vitae</h4>
+              <p>
+                Lorem ipsum magna, vehicula ut scelerisque ornare porta ete.
+              </p>
             </div>
             <div class="clearfix"></div>
           </div>
           <div class="clearfix"></div>
         </div>
+        <div class="clearfix"></div>
       </div>
     </div>
+  </div>
 
-    <!-- menu section -->
-    <div class="menu">
-      <div class="container">
-        <div class="con_mid">
-
+  <!-- menu section -->
+  <div class="menu">
+    <div class="container">
+      <div class="con_mid">
         <h3 class="heading" data-aos="fade-right" data-aos-delay="0">Our <span>Menu</span> List</h3>
         <p class="heading" data-aos="fade-right" data-aos-delay="20">Our Food Items List</p>
         <div class="menu-grids">
@@ -357,29 +347,26 @@ <h4>American fried rice <span>-21$</span></h4>
               <h4>Hawaiian haystack <span>-28$</span></h4>
               <p>Vestibulum eu ligula et pharetra efficitur vesti.</p>
             </div>
-	  </div>
-              <div class="menu-items">
-                <h4>Chicken Fajitas <span>26$</span></h4>
-                <p>
-                  Vestibulum eu ligula et pharetra efficitur. Maecenas eleifend.
-                </p>
-              </div>
-              <div class="menu-items">
-                <h4>Corn Chowder <span>22$</span></h4>
-                <p>Vestibulum eu ligula et pharetra efficitur vesti.</p>
-              </div>
-              <div class="menu-items">
-                <h4>Honey Baked Chicken <span>33$</span></h4>
-                <p>
-                  Vestibulum eu ligula et pharetra efficitur. Maecenas eleifend.
-                </p>
-              </div>
-            </div>
-            <div class="clearfix"></div>
-            <div class="readmore">
-              <a href="#">Read more</a>
+          </div>
+          <div class="col-md-4" data-aos="fade-right" data-aos-delay="150">
+            <img src="images/dinner.webp" alt="" />
+            <div class="menu-items">
+              <h4>Salisbury Steaks <span>-42$</span></h4>
+              <p>Vestibulum eu ligula et pharetra efficitur vesti.</p>
             </div>
           </div>
+          <div class="menu-items">
+            <h4>Chicken Fajitas<span>-26$</span></h4>
+            <p>Vestibulum eu ligula et pharetra efficitur. Maecenas eleifend.</p>
+          </div>
+          <div class="menu-items">
+            <h4>Corn Chowder<span>-22$</span></h4>
+            <p>Vestibulum eu ligula et pharetra efficitur vesti.</p>
+          </div>
+          <div class="menu-items">
+            <h4>Honey Baked Chicken<span>-33$</span></h4>
+            <p>Vestibulum eu ligula et pharetra efficitur. Maecenas eleifend.</p>
+          </div>
           <div class="clearfix"></div>
           <div class="readmore" data-aos="fade-in" data-aos-delay="100">
             <a href="#">Read more</a>
@@ -397,14 +384,8 @@ <h4>For our latest updates</h4>
         </div>
         <div class="col-md-8">
           <form action="#" method="get">
-            <input
-              type="email"
-              name="email"
-              inputmode="email"
-              style="text-transform: lowercase"
-              placeholder="Enter Your Email Address"
-              required
-            />
+            <input type="email" name="email" inputmode="email" style="text-transform: lowercase"
+              placeholder="Enter Your Email Address" required />
             <input type="submit" value="" />
           </form>
           <div class="clearfix"></div>
@@ -422,16 +403,13 @@ <h4>For our latest updates</h4>
             <div class="col-md-4 ftr-grid fg1" data-aos="fade-left" data-aos-delay="0">
               <h3>opening timings</h3>
               <p>
-                <span class="fa fa-clock-o" aria-hidden="true"></span
-                ><span class="day">Mon - friday</span> : 9am to 8pm
+                <span class="fa fa-clock-o" aria-hidden="true"></span><span class="day">Mon - friday</span> : 9am to 8pm
               </p>
               <p>
-                <span class="fa fa-clock-o" aria-hidden="true"></span
-                ><span class="day">Saturday</span> : 9am to 5pm
+                <span class="fa fa-clock-o" aria-hidden="true"></span><span class="day">Saturday</span> : 9am to 5pm
               </p>
               <p>
-                <span class="fa fa-clock-o" aria-hidden="true"></span
-                ><span class="day">Sunday</span> : 6am to 11pm
+                <span class="fa fa-clock-o" aria-hidden="true"></span><span class="day">Sunday</span> : 6am to 11pm
               </p>
             </div>
             <div class="col-md-4 ftr-grid fg2 mid-gd" data-aos="fade-left" data-aos-delay="20">
@@ -460,9 +438,7 @@ <h3>Our Address</h3>
                 </div>
                 <div class="ftr-text">
                   <p>
-                    <a href="mailto:anupkjha01@gmail.com"
-                      >anupkjha01@gmail.com</a
-                    >
+                    <a href="mailto:anupkjha01@gmail.com">anupkjha01@gmail.com</a>
                   </p>
                 </div>
                 <div class="clearfix"></div>
@@ -495,101 +471,46 @@ <h3>Recent posts</h3>
         <div class="social-icons">
           <ul>
             <li>
-              <a
-                target="_blank"
-                href="https://www.facebook.com/anup.jha.108889"
-                aria-label="Follow us on Facebook"
-                title="Facebook (External Link)"
-                rel="noopener noreferrer"
-                ><i class="fab fa-facebook" aria-hidden="true"></i
-              ></a>
+              <a target="_blank" href="https://www.facebook.com/anup.jha.108889" aria-label="Follow us on Facebook"
+                title="Facebook (External Link)" rel="noopener noreferrer"><i class="fab fa-facebook"
+                  aria-hidden="true"></i></a>
             </li>
             <li>
-              <a
-                target="_blank"
-                href="https://twitter.com/AnupKum59920381"
-                aria-label="Follow us on Twitter"
-                title="Twitter (External Link)"
-                rel="noopener noreferrer"
-                ><i class="fab fa-twitter" aria-hidden="true"></i
-              ></a>
+              <a target="_blank" href="https://twitter.com/AnupKum59920381" aria-label="Follow us on Twitter"
+                title="Twitter (External Link)" rel="noopener noreferrer"><i class="fab fa-twitter"
+                  aria-hidden="true"></i></a>
             </li>
             <li>
-              <a
-                target="_blank"
-                href="mailto:anupkjha01@gmail.com"
-                aria-label="Mail us on"
-                title="Preferred Mail Application (External Link)"
-                rel="noopener noreferrer"
-                ><i class="fab fa-google-plus" aria-hidden="true"></i
-              ></a>
+              <a target="_blank" href="mailto:anupkjha01@gmail.com" aria-label="Mail us on"
+                title="Preferred Mail Application (External Link)" rel="noopener noreferrer"><i
+                  class="fab fa-google-plus" aria-hidden="true"></i></a>
             </li>
             <li>
-              <a
-                target="_blank"
-                href="https://www.instagram.com/anup.jha.108889/"
-                aria-label="Follow us on Instagram"
-                title="Instagram (External Link)"
-                rel="noopener noreferrer"
-                ><i class="fab fa-instagram" aria-hidden="true"></i
-              ></a>
+              <a target="_blank" href="https://www.instagram.com/anup.jha.108889/" aria-label="Follow us on Instagram"
+                title="Instagram (External Link)" rel="noopener noreferrer"><i class="fab fa-instagram"
+                  aria-hidden="true"></i></a>
             </li>
             <li>
-              <a
-                target="_blank"
-                href="https://www.linkedin.com/in/anup-kumar-jha-36a393201"
-                aria-label="Follow us on LinkedIn"
-                title="LinkedIn (External Link)"
-                rel="noopener noreferrer"
-                ><i class="fab fa-linkedin" aria-hidden="true"></i
-              ></a>
+              <a target="_blank" href="https://www.linkedin.com/in/anup-kumar-jha-36a393201"
+                aria-label="Follow us on LinkedIn" title="LinkedIn (External Link)" rel="noopener noreferrer"><i
+                  class="fab fa-linkedin" aria-hidden="true"></i></a>
             </li>
           </ul>
         </div>
-
         <div class="clearfix"></div>
       </div>
     </div>
-    <!-- Footer -->
-
-    <script src="js/copyrightYear.js"></script>
-    <script src="js/SmoothScroll.min.js"></script>
-
-    <script type="text/javascript" src="js/move-top.js"></script>
-    <script type="text/javascript" src="js/scrollToBottom.js"></script>
-    <script type="text/javascript" src="js/easing.js"></script>
-    <script type="text/javascript">
-      jQuery(document).ready(function ($) {
-        $(".scroll").click(function (event) {
-          event.preventDefault();
-          $("html,body").animate(
-            {
-              scrollTop: $(this.hash).offset().top,
-            },
-            1000
-          );
-        });
-      });
-    </script>
-
-    <script src="./js/aos.js"> 
-    </script>
-    <script>
-      AOS.init({
-        duration: 1200, 
-        mirror: true,
-      });
-    </script>
-
-
-    <script type="text/javascript">
-      $(document).ready(function () {
-        $().UItoTop({ easingType: "easeOutQuart" });
-      });
-    </script>
-    <script src="js/bootstrap.js"></script>
-  </body>
-</html>
+        <!-- Footer -->
+        <script src="./js/aos.js"> </script>
+        <script>
+          AOS.init({
+            duration: 1200, 
+            mirror: true,
+          });
+        </script>
+        <script src="js/bootstrap.js"></script>
+      </body>
+    </html>