addedd fabform

assets/scss/components/_contact.scss

@@ -29,3 +29,18 @@
     }
   }
 }
+.contact-form-generator {
+  margin-top: 20px;
+    a{
+    color: $text-color-dark;
+    text-transform: uppercase;
+    margin-bottom: 50px;
+    letter-spacing: 3px;
+    @include tablet{
+      font-size: 20px;
+    }
+    @include desktop{
+      margin-bottom: 70px;
+    }
+  }
+}

assets/scss/components/_footer.scss

@@ -61,4 +61,23 @@
       }
     }
   }
+  &-copyright{
+    p{
+      color: $white;
+      margin: 50px auto 0;
+      text-align: center;
+    }
+    a{
+      color: $text-color-dark;
+      text-transform: uppercase;
+      margin-bottom: 50px;
+      letter-spacing: 3px;
+      @include tablet{
+        font-size: 20px;
+      }
+      @include desktop{
+        margin-bottom: 70px;
+      }
+    }
+  }
 }

exampleSite/config.toml

@@ -1,7 +1,7 @@
 baseURL       = "http://example.org/"
 languageCode  = "en-us"
 title         = "Roxo | Creative Design Agency"
-theme         = "roxo"
+theme         = "roxo-hugo"
 summarylength = 25
 
 # Site Menus
@@ -38,7 +38,7 @@ summarylength = 25
   # Google Analitycs
   googleAnalitycsID = "Your ID"
   # We're using formspree.io for form handling, paste your formspree url below
-  formspreeFormUrl  = "https://formspree.io/myykjpje"
+  fabform  = "https://fabform.io/f/USAg2Jl"
 
   # Contact Form
   [params.contactForm]

layouts/contact/list.html

@@ -10,7 +10,7 @@
       <div class="col-lg-6 ml-auto">
         <div class="site-contact-form">
           <h4>{{ .Params.form_heading }}</h4>
-          <form id="contact-form" action="{{ .Site.Params.formspreeFormUrl }}" method="POST">
+          <form id="contact-form" action="{{ .Site.Params.fabform }}" method="POST">
             <div class="row">
               <div class="col-lg-6">
                 <input type="text" class="form-control" name="first-name" id="first-name" placeholder="{{ .Site.Params.contactForm.placeholder_first_name }}">
@@ -46,6 +46,9 @@
               <p id="contact-form-status"></p>
             </div>
           </form>
+          <p class="contact-form-generator">
+            <a href="https://app.fabform.io/" target="_blank">** Static website forms</a>
+          </p>
         </div>
       </div>
     </div>

layouts/partials/footer.html

@@ -62,6 +62,11 @@
           </p>
         </a>
       </div>
+      <div class="col-12">
+        <div class="site-footer-copyright">
+          <p>© Copyright {{ dateFormat "2006" now }} - All Rights Reserved by <a href="https://staticmania.com/" target="_blank">StaticMania</a> </p>
+        </div>
+      </div>
     </div>
   </div>
 </footer>