Footer Completed with responsive

index.html

@@ -131,9 +131,22 @@ <h3 class="text-[18px] sm:text-[22px] font-bold">Software Engineer at Meta</h3>
         </section>
     </section>
 
+    <footer class="bg-[#1e1e1e] max-[450px]:py-10 py-20 text-white">
+        <section class="wrapper">
+            <h1 class="max-[450px]:text-[24px] text-[32px] font-semibold max-[450px]:mb-5 mb-10">Contact</h1>
+            <p class="max-[450px]:text-[12px] text-[16px] font-light opacity-60 max-[450px]:w-full w-[75%]">Seasoned Full Stack Software Engineer with over 8 years of hands-on experience in designing and implementing robust, scalable, and innovative web solutions, Adept at leveraging a comprehensive skill set encompassing front-end and back-end technologies</p>
+            <div class="flex justify-start items-centemax-[450px]:my-5  my-10">
+                <img src="images/Email Icon.png" alt="email" class="max-[450px]:w-[18px] w-[22px] mr-2">
+                <p class="max-[450px]:text-[12px] text-[16px] font-normal opacity-70">ajmalfaris.me@gmail.com</p>
+            </div>
 
-
-
+            <div class="flex justify-start items-center">
+                <img src="images/instagram (1).png" alt="instagram" class="max-[450px]:w-[18px] w-[24px] mr-8">
+                <img src="images/x.png" alt="x" class="max-[450px]:w-[18px] w-[24px] mr-8">
+                <img src="images/youtube.png" alt="yt" class="max-[450px]:w-[18px] w-[24px] mr-8">
+            </div>
+        </section>
+    </footer>
 
 </body>
 </html>