Wrapping up contact footer and page.

public/contact.html

@@ -23,19 +23,13 @@
   <main>
     <section class="container-xxl pb-0 text-center">
       <h1 id="contact" class="text-center">Contact</h1>
-      <p class="lead">
-        Stuur mij gerust een mailtje voor een vrijblijvend gesprek! 🙂
-        <br>🡇
-      </p>
-      <section class="container-xxl">
-        <!--# include file="/includes/components/contact-row.html" -->
-      </section>
+      <!--# include file="/includes/components/contact-row.html" -->
     </section>
 
     <!-- Nothing more here yet, contact form will be added later, contact info is in the footer -->
   </main>
 
-  <footer class="bg-secondary-subtle pt-3">
+  <footer class="bg-secondary-subtle">
     <!--# include file="/includes/partials/footer-bottom.html" -->
   </footer>
 </body>

public/includes/components/contact-row.html

@@ -1,4 +1,8 @@
 <div class="row justify-content-center">
+  <p class="lead text-center">
+    Stuur mij gerust een mailtje voor een offerte of vrijblijvend gesprek! 🙂
+    <br>🡇
+  </p>
   <div class="col-6 col-lg-3">
     <div class="card h-100">
       <div class="card-body d-flex flex-column">

public/index.html

@@ -190,7 +190,7 @@
     </section>
   </main>
 
-  <footer class="bg-secondary-subtle pt-3">
+  <footer class="bg-secondary-subtle">
     <section class="container-xxl">
       <!--# include file="/includes/components/contact-row.html" -->
     </section>