certi animation

sanketvekariya95 · Nov 1, 2023 · 3e1740e · 3e1740e
1 parent fa9c80f
commit 3e1740e
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 15 deletions.
diff --git a/ceriti.html b/ceriti.html
@@ -7,6 +7,8 @@
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
   <link rel="stylesheet" href="styale.css">
   <link rel="stylesheet" href="detail.css">
+  <!-- scrool animation -->
+  <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
   <link
   rel="stylesheet"
   href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
@@ -182,13 +184,13 @@
 
 
 
-        <div class="col-lg-4">
+        <div class="col-lg-4" data-aos="fade-down" data-aos-duration="3000">
             <img class="myImg" src="assets/images/GST CERTIFICATE_page-0001.jpg" alt="Snow" style="width:100%;max-width:300px">
             <div>
              GST   Certificate
             </div>
         </div>
-        <div class="col-lg-4">
+        <div class="col-lg-4" data-aos="fade-up" data-aos-duration="3000">
             <img class="myImg" src="assets/images/ImportersandExporterscode(IEC)745414.jpeg.jpg" alt="Another Image" style="width:100%;max-width:300px"; height="400px">
             <div>
               Import Exporter Code
@@ -259,6 +261,11 @@
         }
     </script>
 
+<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+<script>
+  AOS.init();
+</script>
+
 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
 </body>
 </html>
diff --git a/index.html b/index.html
@@ -246,9 +246,9 @@ <h1>Gallery</h1>
       </div>
 
       <!-- Portfolio Gallery Grid -->
-      <div class="row">
-        <div class="column nature col-md-4" data-aos="fade-up"
-        data-aos-duration="3000">
+      <div class="row" data-aos="fade-up"
+      data-aos-duration="3000">
+        <div class="column nature col-md-4">
          <a href="onion.html#onion" class="text-decoration-none nav-link">
           <div class="content">
             <img src="assets/images/fresh-red-onion-1607515951-5652344.jpeg" alt="Mountains" style="width:100%">
@@ -261,8 +261,7 @@ <h1>Gallery</h1>
           <h4>Onion</h4>
         </a>
         </div>
-        <div class="column nature col-lg-4" data-aos="fade-up"
-        data-aos-duration="3000">
+        <div class="column nature col-lg-4">
           <a href="drumstick.html#drumestick" class="nav-link">
             <div class="content">
               <img src="assets/images/fresh-drumstick-1607515801-5652338.jpeg" alt="Lights" style="width:100%">
@@ -276,8 +275,7 @@ <h4>Onion</h4>
             <h4>Fresh Drumstick</h4>
           </a>
         </div>
-        <div class="column nature col-lg-4" data-aos="fade-up"
-        data-aos-duration="3000">
+        <div class="column nature col-lg-4">
           <a href="Chili.html" class="nav-link">
             <div class="content">
               <img src="assets//images/fresh-green-chilli-1607515482-5652326.jpeg" alt="Nature" style="width:100%">
@@ -290,8 +288,7 @@ <h4>Fresh Drumstick</h4>
             <h4>Fresh Green Chilli</h4>
           </a>
         </div>
-        <div class="column nature col-lg-4" data-aos="fade-up"
-        data-aos-duration="3000">
+        <div class="column nature col-lg-4">
           <a href="tomoto.html" class="nav-link">
             <div class="content">
               <img src="assets//images/fresh-tomato-1607515730-5652336.jpeg" alt="Nature" style="width:100%">
@@ -393,8 +390,7 @@ <h4>FUNGREEK SEEDS</h4>
     <!-- contact us -->
 
     <div class="container  top-main" id="Contact">
-      <div class="section-title text-center" data-aos="zoom-in"
-      data-aos-duration="3000">
+      <div class="section-title text-center" >
         <h2>Contact</h2>
         <p>
           Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex
@@ -415,8 +411,7 @@ <h2>Contact</h2>
       <iframe  style="border: 0; width: 100%; height: 350px" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3688.4341704433796!2d70.04003878885493!3d22.412678700000008!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3957150d062c1161%3A0x4ab30e158553000!2sMARUTI%20BRASS%20PRODUCTS!5e0!3m2!1sen!2sin!4v1697889730887!5m2!1sen!2sin"  style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
     </div>
 
-    <div class="container" data-aos="fade-up"
-    data-aos-duration="2000">
+    <div class="container">
       <div class="row mt-5">
         <div class="col-lg-6">
           <div class="row">