Started adding contact section.

This commit is contained in:
Bob Vandevliet 2024-06-14 11:12:15 +02:00
parent af0f67f32c
commit 0607f4ff8f
2 changed files with 50 additions and 2 deletions

View file

@ -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)
{

View file

@ -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>