complete footer

Author: programmingNot4u

index.html

@@ -41,8 +41,7 @@ <h1 class="banner-title">
           <div class="action-detials">
             <h2 class="section-title">See It in Action</h2>
             <p>
-              Explore the live preview and imagine your brand in this bold new
-              look.
+              Explore the live preview and imagine your brand in this bold new look.
             </p>
             <a class="primary-btn" href="http://">Launch Live Preview</a>
           </div>
@@ -191,8 +190,25 @@ <h1>Let’s Get in Touch</h1>
             </form>
         </div>
       </section>
+
 
-      <!-- Footer Section -->
     </main>
+
+
+    <!-- Footer Section -->
+     <footer>
+
+      <div class="footer-container">
+              <h1 class="footer-logo">LOGO</h1>
+      <p>Ready to elevate your online presence? Contact us today to discuss your project and discover how we can bring your vision to life.</p>
+      <ul class="footer-links">
+        <li> <a href="">Home</a> </li>
+        <li> <a href="">About</a> </li>
+        <li> <a href="">How it Works</a> </li>
+        <li> <a href="">Services</a> </li>
+      </ul>
+      </div>
+
+     </footer>
   </body>
 </html>

styles/style.css

@@ -220,7 +220,7 @@ margin-bottom: 100px;
     justify-content: space-between;
     align-items: center;
     margin-top: 90px;
-    
+    padding-bottom: 71px;
 
 }
 .form-contianer{
@@ -244,6 +244,7 @@ form input, form textarea{
     border: none;
     min-width: 100%;
     box-sizing: border-box;
+    font-size: 17px;
 
 }
 form label{
@@ -252,4 +253,35 @@ form label{
     font-size: 18px;
 
 }
-/* Footer Section */
+/* Footer Section */
+footer{
+    background-color: #FAFCFF;
+}
+.footer-container{
+    text-align: center;
+    max-width: 531px;
+    margin: 0px auto;
+    padding: 103px 0px;
+    
+}
+
+.footer-links{
+    display: flex;
+    justify-content: space-evenly;
+    
+    margin-top: 20px;
+
+}
+.footer-links a{
+    color:  #8987A1;
+}
+
+.footer-logo{
+    font-family: "Inter", sans-serif;
+    font-size: 100px;
+    color: #4E47FF;
+}
+
+footer p{
+    color: #8987A1;
+}