bvandevliet/Vandevliet.AerialShots.Website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Started adding contact section.

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
public/assets/js/navigation.js
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) if (header.id)
{ {

50
public/index.html
View file

@ -154,7 +154,55 @@
</p> </p>
<h2 class="section" id="section-contact">Contact</h2> <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> </div>
</main> </main>