footer complited

pushpraj15295 · May 7, 2022 · 07166d2 · 07166d2
1 parent 89b8ce5
commit 07166d2
Show file tree

Hide file tree

Showing 13 changed files with 93 additions and 18 deletions.
diff --git a/components/footer.js b/components/footer.js
@@ -7,7 +7,7 @@ function footerdata(){
           <h4>INFORMATION</h4>
           <br>
           <ul>
-               <li><a href="./footer-part/about.html">About Us</a></li>
+               <li id='abt'><a href="./footer-part/about.html">About Us</a></li>
                <li><a href="./footer-part/brand.html">Associate Brands</a></li>
                <li><a href="./footer-part/FAQ.html">FAQ</a></li>
                <li><a href="./footer-part/collaborate.html">Collaborative with Fab Bag</a></li>

diff --git a/components/innerfooter.js b/components/innerfooter.js
@@ -0,0 +1,61 @@
+function footerdata(){
+
+    return ` <div id="foot_div">
+             
+    <div class="container">
+        <div class="footer-col">
+          <h4>INFORMATION</h4>
+          <br>
+          <ul>
+               <li id='abt'><a href="../footer-part/about.html">About Us</a></li>
+               <li><a href="../footer-part/brand.html">Associate Brands</a></li>
+               <li><a href="../footer-part/FAQ.html">FAQ</a></li>
+               <li><a href="../footer-part/collaborate.html">Collaborative with Fab Bag</a></li>
+               <li><a href="../footer-part/contact.html">Contact Us</a></li>
+               <li><a href="../footer-part/return.html">Returns & Refunds</a></li>
+               <li><a href="../footer-part/term.html">Terms & Conditions</a></li>
+               <li><a href="../footer-part/privacy.html">Privecy Policy</a></li>
+              
+          </ul>
+
+        </div>
+
+        <div class="footer-col">
+          <h4>CUSTOMER CARE</h4>
+          <br>
+           <p>Call: <a class='cont' href="foot.html"> 022-6805-6010 </a> </p>
+           <p>(Monday to Friday : 9 AM - 7 PM).</p>
+           <p>Mail : <a class='cont' href="#"> crew@fabbag.com </a> </p>
+        </div>
+
+        <div class="footer-col">
+          <h4>NEWSLETTER</h4>
+          <br>
+          <p>Signup for the latest offers, updates and news</p>
+          <input type="text" placeholder="your email Address">
+           <button id="button">Subscribe</button>
+           <br><br>
+           <p>Don’t worry we don’t spam</p>
+        </div>
+
+    </div>
+    
+ 
+ <div id="icon">
+        <a id="f" href="https://www.facebook.com/fabbag"><i class="fab fa-facebook-f"></i></a>
+        <a id="t" href="https://twitter.com/thefabbag"><i class="fab fa-twitter"></i></a>
+        <a id="i" href="https://www.instagram.com/thefabbag/"><i class="fab fa-instagram"></i></a>
+        <a id="y" href="https://www.youtube.com/fabbag"><i class="fab fa-youtube"></i></a>
+         <br><br>
+        <p>Copyright © 2021 fabbag.com All rights reserved.</p>
+ </div>
+
+</div>  `
+
+
+}
+
+
+
+export default footerdata
+
diff --git a/footer-part/FAQ.html b/footer-part/FAQ.html
@@ -140,6 +140,6 @@ <h4>8. What is my beauty profile?</h4>
 </html>
 <script type="module">
 
-  import footerdata from "../components/footer.js"
-  document.getElementById("footer").innerHTML = footerdata();
+import footerdata from "../components/innerfooter.js"
+    document.getElementById("footer").innerHTML = footerdata();
 </script>
diff --git a/footer-part/about.html b/footer-part/about.html
@@ -27,6 +27,9 @@
 
 <script type="module">
 
-    import footerdata from "../components/footer.js"
+    import footerdata from "../components/innerfooter.js"
     document.getElementById("footer").innerHTML = footerdata();
-</script>
+
+
+
+</script>
diff --git a/footer-part/brand.html b/footer-part/brand.html
@@ -22,8 +22,8 @@
 </body>
 </html>
 <script type="module">
-      import footerdata from "../components/footer.js"
-          document.getElementById("footer").innerHTML = footerdata();
+    import footerdata from "../components/innerfooter.js"
+    document.getElementById("footer").innerHTML = footerdata();
 
     let brand = [{image :'https://cdn.shopify.com/s/files/1/0052/7551/6995/files/APS_LOGO_NEW_compact.png?v=1548834005'},
     {image :'https://cdn.shopify.com/s/files/1/0052/7551/6995/files/Why_Wait_Rectangle_Logo_compact.png?v=1548837051'},
@@ -134,5 +134,6 @@
           })
 
 
+
 
   </script>
diff --git a/footer-part/collaborate.html b/footer-part/collaborate.html
@@ -60,6 +60,16 @@ <h1>Blogger Collaboration/Affiliate Marketing Program with FAB BAG</h1>
 </html>
 <script type="module">
 
-    import footerdata from "../components/footer.js"
+import footerdata from "../components/innerfooter.js"
     document.getElementById("footer").innerHTML = footerdata();
+
+    document.getElementById("btn").addEventListener("click",fun);
+
+
+function fun(){
+
+    alert("Welcome to the Fab Family!")
+   document.location.href="../index.html"
+
+}
 </script>
diff --git a/footer-part/contact.html b/footer-part/contact.html
@@ -49,7 +49,7 @@ <h1 class="h1">We Want To Hear From You And We're Happy To Help!</h1>
 </html>
 <script type="module">
 
-    import footerdata from "../components/footer.js"
+import footerdata from "../components/innerfooter.js"
     document.getElementById("footer").innerHTML = footerdata();
 
     document.getElementById("btn").addEventListener("click",send)

diff --git a/footer-part/foot.html b/footer-part/foot.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!-- <!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -32,4 +32,4 @@
       document.location.href = "subscribe.html";
     }, 1500);
   }
-</script>
+</script> -->
diff --git a/footer-part/privacy.html b/footer-part/privacy.html
@@ -65,6 +65,6 @@ <h3 style="color: red;">Add Table</h3>
 </html>
 <script type="module">
 
-    import footerdata from "../components/footer.js"
+import footerdata from "../components/innerfooter.js"
     document.getElementById("footer").innerHTML = footerdata();
 </script>
diff --git a/footer-part/return.html b/footer-part/return.html
@@ -80,6 +80,6 @@ <h4>Product Missing:</h4>
 </html>
 <script type="module">
 
-    import footerdata from "../components/footer.js"
+import footerdata from "../components/innerfooter.js"
     document.getElementById("footer").innerHTML = footerdata();
 </script>
diff --git a/footer-part/subscribe.html b/footer-part/subscribe.html
@@ -89,7 +89,7 @@ <h3>Phone</h3>
                     function fun(){
 
                         alert("Welcome to the Fab Family!")
-                        window.location.href="foot.html"
+                       document.location.href="../index.html"
 
                     }
   </script>
diff --git a/footer-part/term.html b/footer-part/term.html
@@ -75,6 +75,6 @@ <h3>Privacy Policy</h3>
 
 <script type="module">
 
-   import footerdata from "../components/footer.js"
-   document.getElementById("footer").innerHTML = footerdata();
+import footerdata from "../components/innerfooter.js"
+    document.getElementById("footer").innerHTML = footerdata();
 </script>
diff --git a/index.html b/index.html
@@ -722,5 +722,5 @@ <h6>Anushree</h6>
 
 </script>
 <script src="./scripts/language_menu.js" type="module"></script>
- <script src="./BODY2/CORNER.JS" type="module"></script>
- <script src="./Body1/index1.js" type="module"></script>
+ <script src="./BODY2/CORNER.JS"></script>
+ <script src="./Body1/index1.js"></script>