sync footer name

assets/scss/components/_footer-section.scss

@@ -1,4 +1,4 @@
-.contact{
+.footer{
     background: #1B2031;
     position: relative;
     margin-top: 150px;

assets/scss/style.scss

@@ -36,7 +36,7 @@ VERSION:	1.0.0
 
 @import "components/blog-section";
 
-@import "components/contact-section";
+@import "components/footer-section";
 
 // @import "components/blog";
 

layouts/partials/footer.html

@@ -1,5 +1,5 @@
-<section class="contact" id="contact">
-    <div class="contact__background_shape">
+<section class="footer" id="contact">
+    <div class="footer__background_shape">
         <svg viewBox="0 0 1920 79">
             <path d="M0 0h1920v79L0 0z" data-name="Path 1450" />
         </svg>
@@ -7,7 +7,7 @@
     <div class="container">
         <div class="row">
             <div class="col-lg-12">
-                <div class="contact__cta">
+                <div class="footer__cta">
                     <div class="shape-1">
                         <svg xmlns="http://www.w3.org/2000/svg" width="357" height="315.029" viewBox="0 0 357 315.029">
                             <path data-name="Path 1449"
@@ -22,25 +22,25 @@
                                 transform="translate(217.489 188.626)" />
                         </svg>
                     </div>
-                    <div class="text-light contact__cta_content">
+                    <div class="text-light footer__cta_content">
                         <span>Contact me</span>
                         <h2>Let’s Start a Project</h2>
                     </div>
-                    <div class="contact__cta_action">
+                    <div class="footer__cta_action">
                         <a class="btn btn-light btn-zoom" href="{{ .Site.Params.contactLink | absURL }}">Get in
                             touch</a>
                     </div>
                 </div>
             </div>
         </div>
-        <div class="row contact__widget">
+        <div class="row footer__widget">
             <div class="col-lg-4">
-                <div class="contact__widget_logo">
+                <div class="footer__widget_logo">
                     <img src="{{ .Site.Params.footerLogo | absURL }}" alt="widget-logo">
                 </div>
             </div>
             <div class="col-lg-4">
-                <div class="text-light contact__widget_sitemap">
+                <div class="text-light footer__widget_sitemap">
                     <h4 class="base-font">Sitemap</h4>
                     <ul class="fa-ul small ml-0 mt-4 mr-4 mb-4">
                         {{ $sitemap := .Site.Menus.sitemap }}
@@ -51,7 +51,7 @@
                 </div>
             </div>
             <div class="col-lg-4">
-                <div class="text-light contact__widget_address">
+                <div class="text-light footer__widget_address">
                     <h4 class="base-font">Address</h4>
                     {{ $address := .Site.Params.address }}
                     <ul class="fa-ul small m-4">
@@ -66,14 +66,14 @@
                 </div>
             </div>
         </div>
-        <div class="row contact__footer">
+        <div class="row footer__footer">
             <div class="col-lg-6">
-                <div class="contact__footer_copy">
+                <div class="footer__footer_copy">
                     <p>{{ .Site.Params.copyright }}</p>
                 </div>
             </div>
             <div class="col-lg-6">
-                <div class="contact__footer_social">
+                <div class="footer__footer_social">
                     <ul>
                         <li><a href=""><i class="fa fa-facebook-official"></i></a></li>
                         <li><a href=""><i class="fa fa-linkedin-square"></i></a></li>