footer almost done

khanm206 · Jan 7, 2024 · f2cd339 · f2cd339
1 parent 9f994e0
commit f2cd339
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 3 deletions.
diff --git 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
@@ -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;
 }