From f2cd3398d19dd1cc2ad3b21b50fbaf091b0688fb Mon Sep 17 00:00:00 2001
From: Moin Khan <moinkhan1119rja@gmail.com>
Date: Sun, 7 Jan 2024 21:40:48 +0000
Subject: [PATCH] footer almost done

---
 index.html       | 12 ++++++++++++
 styles/style.css | 16 +++++++++++++---
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 46a4a65..09de645 100644
--- a/index.html
+++ b/index.html
@@ -172,6 +172,18 @@ <h4 class="resume-item-sub-title">Adobe Inc / 2017 - 2018</h4>
     </main>
 
     <footer>
+        <div class="footer-colum">
+            <h3 class="footer-title">
+                Lets Connect
+            </h3>
+            <p class="footer-text">Please fill out the form on this section to contact with me or call between 9:00 A.M and 8.00 P.M ET, Monday through Friday.</p>
+            <div class="social-links"><a href=""><img src="images/icons/facebook.png" alt=""></a><a href=""><img src="images/icons/insta.png" alt=""></a><a href=""><img src="images/icons/twitter.png" alt=""></a></div>
+        </div>
+        <div class="footer-colum">
+            <h3 class="footer-title">
+                Let’s Message me
+            </h3>
+        </div>
 
     </footer>
 </body>
diff --git a/styles/style.css b/styles/style.css
index a3e144a..e82c8b5 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -170,8 +170,8 @@ main {
    display: flex;
    gap: 24px;
    margin-top: 80px;
-   /* justify-content: space-around; */
-   text-align: left;
+   justify-content: space-around;
+   /* text-align: center; */
    background-color: #fff;
 }
 
@@ -199,7 +199,9 @@ main section {
    display: flex;
    gap: 50px;
    justify-content: space-around;
-   text-align: center;
+   /* text-align: center; */
+   padding-left: 230px;
+   padding-right: 230px;
 }
 
 .resume-colum-title {
@@ -217,4 +219,12 @@ main section {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 100px;
+}
+footer{
+   display: flex;
+   justify-content:space-around;
+   gap: 120px;
+   background: #FFF8F3;
+   padding: 130px 230px;
+   margin-top: 100px;
 }
\ No newline at end of file