From 0607f4ff8ff8d4564797cc6d0f99428d6c8561a2 Mon Sep 17 00:00:00 2001
From: Bob Vandevliet <info@bvandevliet.nl>
Date: Fri, 14 Jun 2024 11:12:15 +0200
Subject: [PATCH] Started adding contact section.

---
 public/assets/js/navigation.js |  2 +-
 public/index.html              | 50 +++++++++++++++++++++++++++++++++-
 2 files changed, 50 insertions(+), 2 deletions(-)

diff --git a/public/assets/js/navigation.js b/public/assets/js/navigation.js
index 03ee273..516eb8b 100644
--- a/public/assets/js/navigation.js
+++ b/public/assets/js/navigation.js
@@ -45,7 +45,7 @@ window.addEventListener('scroll', () =>
   });
 });
 
-document.querySelectorAll('h1, h2, h3, h4, h5, h6').forEach(header =>
+document.querySelectorAll('h1, h2').forEach(header =>
 {
   if (header.id)
   {
diff --git a/public/index.html b/public/index.html
index 79094c2..09c01b0 100644
--- a/public/index.html
+++ b/public/index.html
@@ -154,7 +154,55 @@
       </p>
 
       <h2 class="section" id="section-contact">Contact</h2>
-      <p></p>
+      <p>
+      <div class="row">
+        <div class="col-md"></div>
+        <div class="col-md">
+          <div class="card h-100">
+            <div class="card-body">
+              <h4 class="card-title">Bob Vandevliet</h4>
+              <p>Gecertificeerd FPV-dronepiloot voor open categorie A1, A2 en A3.</p>
+              <h5>Email</h5>
+              <p><a href="mailto:bob@vandevliet-fpv.nl">bob@vandevliet-fpv.nl</a></p>
+              <h5>Telefoon</h5>
+              <p><a href="tel:+31612345678">+31 6 12345678</a></p>
+              <h5>Regio</h5>
+              <p>Arnhem, Gelderland</p>
+              <h5>Socials</h5>
+              <p>
+                <a href="https://www.linkedin.com/in/bobvandevliet" target="_blank" rel="noopener noreferrer"><i class="fab fa-linkedin"></i></a>
+                <a href="https://www.instagram.com/bobvandevliet" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram"></i></a>
+                <a href="https://www.youtube.com/channel/UCb1J9Z9Z9Z9Z9Z9Z9Z9Z9Z9" target="_blank" rel="noopener noreferrer"><i class="fab fa-youtube"></i></a>
+              </p>
+            </div>
+          </div>
+        </div>
+        <div class="col-md">
+          <div class="card h-100">
+            <div class="card-body">
+            </div>
+          </div>
+        </div>
+        <div class="col-md"></div>
+      </div>
+      <!-- <div class="row justify-content-center">
+        <form>
+          <div class="mb-3">
+            <label for="input-name" class="form-label">Name</label>
+            <input type="text" class="form-control" id="input-name" required>
+          </div>
+          <div class="mb-3">
+            <label for="input-email" class="form-label">Email</label>
+            <input type="email" class="form-control" id="input-email" required>
+          </div>
+          <div class="mb-3">
+            <label for="input-message" class="form-label">Message</label>
+            <textarea class="form-control" id="input-message" rows="5" required></textarea>
+          </div>
+          <button type="submit" class="btn btn-primary">Submit</button>
+        </form>
+      </div> -->
+      </p>
 
     </div>
   </main>