From 713600b86289404e4fea2a13703c51e292a92ab7 Mon Sep 17 00:00:00 2001
From: Ranjan <ranjan@raenabeauty.com>
Date: Sat, 9 Mar 2024 20:59:53 +0530
Subject: [PATCH] footer section added

---
 assets/images/facebook-icon.svg  |  3 ++
 assets/images/instagram-icon.svg |  3 ++
 assets/images/linkedin-icon.svg  |  3 ++
 assets/images/telegram-icon.svg  |  3 ++
 assets/images/youtube-icon.svg   |  3 ++
 index.html                       | 52 +++++++++++++++++++++++++++++++-
 6 files changed, 66 insertions(+), 1 deletion(-)
 create mode 100644 assets/images/facebook-icon.svg
 create mode 100644 assets/images/instagram-icon.svg
 create mode 100644 assets/images/linkedin-icon.svg
 create mode 100644 assets/images/telegram-icon.svg
 create mode 100644 assets/images/youtube-icon.svg

diff --git a/assets/images/facebook-icon.svg b/assets/images/facebook-icon.svg
new file mode 100644
index 0000000..7b59674
--- /dev/null
+++ b/assets/images/facebook-icon.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29 16.3969C28.9959 19.5742 27.8302 22.6403 25.7224 25.0177C23.6145 27.3952 20.7101 28.9198 17.5563 29.3044C17.486 29.3124 17.4149 29.3054 17.3476 29.2838C17.2803 29.2623 17.2183 29.2267 17.1657 29.1795C17.1132 29.1322 17.0712 29.0744 17.0427 29.0097C17.0141 28.9451 16.9996 28.8751 17 28.8044V19.3969H20C20.1371 19.3972 20.2728 19.3694 20.3986 19.315C20.5245 19.2607 20.6378 19.181 20.7316 19.081C20.8254 18.981 20.8976 18.8628 20.9438 18.7338C20.9899 18.6047 21.0091 18.4675 21 18.3307C20.9779 18.0735 20.8593 17.8343 20.668 17.6611C20.4766 17.4878 20.2268 17.3935 19.9688 17.3969H17V14.3969C17 13.8665 17.2107 13.3578 17.5858 12.9827C17.9609 12.6077 18.4696 12.3969 19 12.3969H21C21.1371 12.3972 21.2728 12.3694 21.3986 12.315C21.5245 12.2607 21.6378 12.181 21.7316 12.081C21.8254 11.981 21.8976 11.8628 21.9438 11.7337C21.9899 11.6047 22.0091 11.4675 22 11.3307C21.9779 11.0731 21.8589 10.8335 21.667 10.6602C21.4752 10.4869 21.2248 10.3928 20.9663 10.3969H19C17.9391 10.3969 16.9217 10.8184 16.1716 11.5685C15.4214 12.3187 15 13.3361 15 14.3969V17.3969H12C11.8629 17.3966 11.7272 17.4245 11.6014 17.4789C11.4755 17.5332 11.3622 17.6129 11.2684 17.7129C11.1746 17.8128 11.1024 17.9311 11.0562 18.0601C11.0101 18.1892 10.9909 18.3264 11 18.4632C11.0221 18.7208 11.1411 18.9604 11.333 19.1337C11.5248 19.307 11.7753 19.4011 12.0338 19.3969H15V28.8069C15.0004 28.8775 14.9859 28.9473 14.9574 29.0119C14.9289 29.0764 14.8871 29.1342 14.8347 29.1815C14.7823 29.2287 14.7204 29.2643 14.6533 29.2859C14.5861 29.3075 14.5151 29.3147 14.445 29.3069C11.2067 28.9126 8.23446 27.3168 6.1166 24.8355C3.99873 22.3542 2.88961 19.1682 3.00875 15.9082C3.25875 9.15819 8.72625 3.67069 15.4813 3.40819C17.2301 3.34045 18.9747 3.62613 20.6106 4.24815C22.2465 4.87016 23.7401 5.81574 25.0022 7.02831C26.2642 8.24088 27.2688 9.69554 27.9557 11.3053C28.6426 12.915 28.9978 14.6468 29 16.3969Z" fill="white"/>
+</svg>
diff --git a/assets/images/instagram-icon.svg b/assets/images/instagram-icon.svg
new file mode 100644
index 0000000..d5a4371
--- /dev/null
+++ b/assets/images/instagram-icon.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 3.39648H10C8.14409 3.39847 6.36477 4.13661 5.05245 5.44893C3.74012 6.76125 3.00199 8.54058 3 10.3965V22.3965C3.00199 24.2524 3.74012 26.0317 5.05245 27.344C6.36477 28.6564 8.14409 29.3945 10 29.3965H22C23.8559 29.3945 25.6352 28.6564 26.9476 27.344C28.2599 26.0317 28.998 24.2524 29 22.3965V10.3965C28.998 8.54058 28.2599 6.76125 26.9476 5.44893C25.6352 4.13661 23.8559 3.39847 22 3.39648ZM16 22.3965C14.8133 22.3965 13.6533 22.0446 12.6666 21.3853C11.6799 20.726 10.9108 19.7889 10.4567 18.6926C10.0026 17.5962 9.88378 16.3898 10.1153 15.2259C10.3468 14.0621 10.9182 12.993 11.7574 12.1538C12.5965 11.3147 13.6656 10.7433 14.8295 10.5118C15.9933 10.2803 17.1997 10.3991 18.2961 10.8532C19.3925 11.3073 20.3295 12.0764 20.9888 13.0631C21.6481 14.0498 22 15.2098 22 16.3965C21.9983 17.9873 21.3657 19.5124 20.2408 20.6373C19.116 21.7622 17.5908 22.3948 16 22.3965ZM23.5 10.3965C23.2033 10.3965 22.9133 10.3085 22.6666 10.1437C22.42 9.97887 22.2277 9.7446 22.1142 9.47051C22.0007 9.19642 21.9709 8.89482 22.0288 8.60385C22.0867 8.31288 22.2296 8.0456 22.4393 7.83582C22.6491 7.62605 22.9164 7.48318 23.2074 7.42531C23.4983 7.36743 23.7999 7.39713 24.074 7.51066C24.3481 7.6242 24.5824 7.81646 24.7472 8.06313C24.912 8.3098 25 8.59981 25 8.89648C25 9.29431 24.842 9.67584 24.5607 9.95714C24.2794 10.2384 23.8978 10.3965 23.5 10.3965ZM20 16.3965C20 17.1876 19.7654 17.961 19.3259 18.6188C18.8864 19.2766 18.2616 19.7893 17.5307 20.092C16.7998 20.3948 15.9956 20.474 15.2196 20.3196C14.4437 20.1653 13.731 19.7843 13.1716 19.2249C12.6122 18.6655 12.2312 17.9528 12.0769 17.1768C11.9225 16.4009 12.0017 15.5967 12.3045 14.8658C12.6072 14.1348 13.1199 13.5101 13.7777 13.0706C14.4355 12.6311 15.2089 12.3965 16 12.3965C17.0609 12.3965 18.0783 12.8179 18.8284 13.5681C19.5786 14.3182 20 15.3356 20 16.3965Z" fill="white"/>
+</svg>
diff --git a/assets/images/linkedin-icon.svg b/assets/images/linkedin-icon.svg
new file mode 100644
index 0000000..7e2c76a
--- /dev/null
+++ b/assets/images/linkedin-icon.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27 3.39648H5C4.46957 3.39648 3.96086 3.6072 3.58579 3.98227C3.21071 4.35734 3 4.86605 3 5.39648V27.3965C3 27.9269 3.21071 28.4356 3.58579 28.8107C3.96086 29.1858 4.46957 29.3965 5 29.3965H27C27.5304 29.3965 28.0391 29.1858 28.4142 28.8107C28.7893 28.4356 29 27.9269 29 27.3965V5.39648C29 4.86605 28.7893 4.35734 28.4142 3.98227C28.0391 3.6072 27.5304 3.39648 27 3.39648ZM12 22.3965C12 22.6617 11.8946 22.9161 11.7071 23.1036C11.5196 23.2911 11.2652 23.3965 11 23.3965C10.7348 23.3965 10.4804 23.2911 10.2929 23.1036C10.1054 22.9161 10 22.6617 10 22.3965V14.3965C10 14.1313 10.1054 13.8769 10.2929 13.6894C10.4804 13.5018 10.7348 13.3965 11 13.3965C11.2652 13.3965 11.5196 13.5018 11.7071 13.6894C11.8946 13.8769 12 14.1313 12 14.3965V22.3965ZM11 12.3965C10.7033 12.3965 10.4133 12.3085 10.1666 12.1437C9.91997 11.9789 9.72771 11.7446 9.61418 11.4705C9.50065 11.1964 9.47094 10.8948 9.52882 10.6038C9.5867 10.3129 9.72956 10.0456 9.93934 9.83582C10.1491 9.62605 10.4164 9.48318 10.7074 9.42531C10.9983 9.36743 11.2999 9.39713 11.574 9.51066C11.8481 9.6242 12.0824 9.81646 12.2472 10.0631C12.412 10.3098 12.5 10.5998 12.5 10.8965C12.5 11.2943 12.342 11.6758 12.0607 11.9571C11.7794 12.2384 11.3978 12.3965 11 12.3965ZM23 22.3965C23 22.6617 22.8946 22.9161 22.7071 23.1036C22.5196 23.2911 22.2652 23.3965 22 23.3965C21.7348 23.3965 21.4804 23.2911 21.2929 23.1036C21.1054 22.9161 21 22.6617 21 22.3965V17.8965C21 17.2334 20.7366 16.5976 20.2678 16.1287C19.7989 15.6599 19.163 15.3965 18.5 15.3965C17.837 15.3965 17.2011 15.6599 16.7322 16.1287C16.2634 16.5976 16 17.2334 16 17.8965V22.3965C16 22.6617 15.8946 22.9161 15.7071 23.1036C15.5196 23.2911 15.2652 23.3965 15 23.3965C14.7348 23.3965 14.4804 23.2911 14.2929 23.1036C14.1054 22.9161 14 22.6617 14 22.3965V14.3965C14.0012 14.1515 14.0923 13.9156 14.256 13.7333C14.4197 13.5511 14.6446 13.4353 14.888 13.4078C15.1314 13.3804 15.3764 13.4433 15.5765 13.5845C15.7767 13.7257 15.918 13.9355 15.9738 14.174C16.6502 13.7151 17.4389 13.4491 18.2552 13.4046C19.0714 13.3602 19.8844 13.5389 20.6067 13.9216C21.329 14.3043 21.9335 14.8765 22.3551 15.5768C22.7768 16.2771 22.9997 17.079 23 17.8965V22.3965Z" fill="white"/>
+</svg>
diff --git a/assets/images/telegram-icon.svg b/assets/images/telegram-icon.svg
new file mode 100644
index 0000000..2deb365
--- /dev/null
+++ b/assets/images/telegram-icon.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29.61 3.67C29.4551 3.53622 29.2666 3.44724 29.0648 3.41265C28.863 3.37807 28.6557 3.3992 28.465 3.47375L3.13251 13.3875C2.77349 13.5271 2.46954 13.7796 2.26642 14.1069C2.06329 14.4342 1.97199 14.8186 2.00625 15.2023C2.04052 15.586 2.1985 15.9481 2.4564 16.2342C2.71431 16.5204 3.05819 16.715 3.43626 16.7888L10 18.0775V25.3963C9.99872 25.7949 10.1172 26.1847 10.3401 26.5153C10.5629 26.8458 10.8799 27.1018 11.25 27.25C11.6195 27.4009 12.0258 27.4371 12.4162 27.354C12.8065 27.2708 13.1628 27.0721 13.4388 26.7838L16.6038 23.5013L21.625 27.8963C21.9873 28.2176 22.4545 28.3954 22.9388 28.3963C23.151 28.3961 23.3618 28.3628 23.5638 28.2975C23.8937 28.1928 24.1904 28.0035 24.4245 27.7484C24.6585 27.4934 24.8216 27.1815 24.8975 26.8438L29.9713 4.77125C30.0166 4.57219 30.007 4.36453 29.9434 4.17053C29.8797 3.97653 29.7645 3.80351 29.61 3.67ZM22.9413 26.3963L12.6063 17.3338L27.4813 6.6725L22.9413 26.3963Z" fill="white"/>
+</svg>
diff --git a/assets/images/youtube-icon.svg b/assets/images/youtube-icon.svg
new file mode 100644
index 0000000..bb5ab0f
--- /dev/null
+++ b/assets/images/youtube-icon.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29.2913 8.69C29.1735 8.22919 28.9478 7.80298 28.6329 7.44654C28.318 7.09011 27.9228 6.81366 27.48 6.64C23.195 4.985 16.375 5 16 5C15.625 5 8.805 4.985 4.52 6.64C4.0772 6.81366 3.68204 7.09011 3.36712 7.44654C3.05219 7.80298 2.82653 8.22919 2.70875 8.69C2.385 9.9375 2 12.2175 2 16C2 19.7825 2.385 22.0625 2.70875 23.31C2.82636 23.771 3.05194 24.1975 3.36687 24.5542C3.68181 24.9108 4.07706 25.1875 4.52 25.3613C8.625 26.945 15.05 27 15.9175 27H16.0825C16.95 27 23.3787 26.945 27.48 25.3613C27.9229 25.1875 28.3182 24.9108 28.6331 24.5542C28.9481 24.1975 29.1736 23.771 29.2913 23.31C29.615 22.06 30 19.7825 30 16C30 12.2175 29.615 9.9375 29.2913 8.69ZM20.2775 16.4163L14.2775 20.4163C14.2022 20.4665 14.1146 20.4954 14.0242 20.4997C13.9338 20.5041 13.8438 20.4839 13.764 20.4411C13.6842 20.3984 13.6175 20.3348 13.571 20.2571C13.5245 20.1794 13.4999 20.0905 13.5 20V12C13.4999 11.9095 13.5245 11.8206 13.571 11.7429C13.6175 11.6652 13.6842 11.6016 13.764 11.5589C13.8438 11.5161 13.9338 11.4959 14.0242 11.5003C14.1146 11.5046 14.2022 11.5335 14.2775 11.5838L20.2775 15.5838C20.3461 15.6294 20.4023 15.6913 20.4412 15.7639C20.4801 15.8365 20.5005 15.9176 20.5005 16C20.5005 16.0824 20.4801 16.1635 20.4412 16.2361C20.4023 16.3087 20.3461 16.3706 20.2775 16.4163Z" fill="white"/>
+</svg>
diff --git a/index.html b/index.html
index dbb4e01..9c6bd0b 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@
         <header class="bg-black">
             <div class="container mx-auto">
                 <nav class="flex items-center py-5.5">
-                    <div class="w-27.5 h-5.5">
+                    <div class="w-27.5">
                         <img class="w-full" src="./assets/images/logo.svg" alt="logo">
                     </div>
                     <div class="flex justify-center gap-x-9 w-full lg:-ml-27.5">
@@ -596,5 +596,55 @@
             </div>
         </section>
         <!-- end section-4 star beauty business  -->
+
+        <!-- footer -->
+        <footer class="bg-black py-[3.25rem]">
+            <div class="container mx-auto">
+                <div class="flex">
+                    <div class="w-[30%]">
+                        <div class="w-27.5">
+                            <img class="w-full" src="./assets/images/logo.svg" alt="logo">
+                        </div>
+                        <p class="text-white text-lg leading-[1.625rem] font-ms font-normal mt-7">Start and grow your Beauty Business with Raena!</p>
+                        <div class="flex gap-3 mt-7.5">
+                            <div class="max-w-8">
+                                <img src="./assets/images/facebook-icon.svg" alt="social">
+                            </div>
+                            <div class="max-w-8">
+                                <img src="./assets/images/youtube-icon.svg" alt="social">
+                            </div>
+                            <div class="max-w-8">
+                                <img src="./assets/images/linkedin-icon.svg" alt="social">
+                            </div>
+                            <div class="max-w-8">
+                                <img src="./assets/images/telegram-icon.svg" alt="social">
+                            </div>
+                            <div class="max-w-8">
+                                <img src="./assets/images/instagram-icon.svg" alt="social">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="w-[70%] flex justify-between ml-24">
+                        <div class="flex flex-col gap-3">
+                            <a href="#" class="text-white text-lg leading-[1.625rem] font-ms font-normal">About Us</a>
+                            <a href="#" class="text-white text-lg leading-[1.625rem] font-ms font-normal">How to Become a Reseller</a>
+                            <a href="#" class="text-white text-lg leading-[1.625rem] font-ms font-normal">FAQ</a>
+                        </div>
+                        <div class="flex flex-col gap-3">
+                            <a href="#" class="text-white text-lg leading-[1.625rem] font-ms font-normal">Start an Online Business</a>
+                            <a href="#" class="text-white text-lg leading-[1.625rem] font-ms font-normal">Buying and Selling Distributors</a>
+                            <a href="#" class="text-white text-lg leading-[1.625rem] font-ms font-normal">Dropship Reseller Community</a>
+                        </div>
+                        <div class="flex flex-col gap-3">
+                            <a href="#" class="text-white text-lg leading-[1.625rem] font-ms font-normal">What is Dropship</a>
+                            <a href="#" class="text-white text-lg leading-[1.625rem] font-ms font-normal">What is a Dropshipper</a>
+                            <a href="#" class="text-white text-lg leading-[1.625rem] font-ms font-normal">What is a Reseller</a>
+                        </div>
+                    </div>
+                </div>
+                <p class="text-white text-lg leading-5.5 font-ms font-normal mt-7">© Copyright 2012 - 2024 | All rights reserved</p>
+            </div>
+        </footer>
+        <!-- end footer -->
     </body>
 </html>