Re-organized templates/partials and hierarchy.
This commit is contained in:
parent
ff363f50e9
commit
c23bed009f
8 changed files with 60 additions and 54 deletions
34
public/includes/components/contact-row.html
Normal file
34
public/includes/components/contact-row.html
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
<div class="row justify-content-center">
|
||||
<div class="col-6 col-lg-3">
|
||||
<div class="card h-100">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<h2 class="section fs-3 card-title">Bob Vandevliet</h2>
|
||||
<p style="margin-top: 0 !important;">Gecertificeerd FPV-dronepiloot</p>
|
||||
<p>
|
||||
<a href="mailto:bob@vandevliet-aerialshots.com">bob@vandevliet-aerialshots.com</a>
|
||||
<br>Arnhem, Gelderland
|
||||
</p>
|
||||
<!-- <p><a class="btn btn-primary" href="/contact">Offerte aanvragen</a></p> -->
|
||||
<p class="fs-5 ff-header">Vandevliet Aerial Shots</p>
|
||||
<p style="margin-top: 0 !important;">
|
||||
KvK: 94567255<br>
|
||||
Btw: NL005095319B19
|
||||
</p>
|
||||
<p>
|
||||
<a href="/assets/static/Vandevliet AS - Algemene Voorwaarden - 250530.pdf" target="_blank">Algemene Voorwaarden</a>
|
||||
</p>
|
||||
<!-- <h4 class="fs-5">Socials</h4> -->
|
||||
<p class="socials fs-2" style="margin-top: auto !important; padding-top: 1rem !important;">
|
||||
<a href="https://www.instagram.com/vandevliet.fpv" target="_blank" rel="noopener noreferrer" title="Vandevliet Aerial Shots on Instagram" aria-label="Vandevliet Aerial Shots on Instagram"><i class="fab fa-instagram"></i></a>
|
||||
<a href="https://www.youtube.com/@vandevliet-fpv" target="_blank" rel="noopener noreferrer" title="Vandevliet Aerial Shots on YouTube" aria-label="Vandevliet Aerial Shots on YouTube"><i class="fab fa-youtube"></i></a>
|
||||
<a href="https://www.linkedin.com/company/vdv-as" target="_blank" rel="noopener noreferrer" title="Vandevliet Aerial Shots on LinkedIn" aria-label="Vandevliet Aerial Shots on LinkedIn"><i class="fab fa-linkedin"></i></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-lg-3">
|
||||
<div class="card h-100 bg-transparent">
|
||||
<img class="card-img" src="/assets/static/20230909_150343.jpg" alt="Portrait foto van mijzelf.">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
31
public/includes/components/nav.html
Normal file
31
public/includes/components/nav.html
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<nav class="navbar navbar-expand-lg fixed-top" role="navigation">
|
||||
<div class="container-xxl justify-content-center">
|
||||
<a class="navbar-brand" href="/#">
|
||||
<img src="/assets/static/logo-aerialshots-v1-w.png" alt="Vandevliet Aerial Shots logo" height="48">
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div id="navbarNav" class="collapse navbar-collapse">
|
||||
<ul class="navbar-nav text-center">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/#diensten">Diensten</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/#prijzen">Prijzen</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/#over-mij">Over mij</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link btn btn-primary" href="/contact">Contact</a>
|
||||
</li>
|
||||
<li class="nav-item socials">
|
||||
<a class="nav-link" href="https://www.instagram.com/vandevliet.fpv" target="_blank" rel="noopener noreferrer" title="Vandevliet Aerial Shots on Instagram" aria-label="Vandevliet Aerial Shots on Instagram"><i class="fab fa-instagram"></i></a>
|
||||
<a class="nav-link" href="https://www.youtube.com/@vandevliet-fpv" target="_blank" rel="noopener noreferrer" title="Vandevliet Aerial Shots on YouTube" aria-label="Vandevliet Aerial Shots on YouTube"><i class="fab fa-youtube"></i></a>
|
||||
<a class="nav-link" href="https://www.linkedin.com/company/vdv-as" target="_blank" rel="noopener noreferrer" title="Vandevliet Aerial Shots on LinkedIn" aria-label="Vandevliet Aerial Shots on LinkedIn"><i class="fab fa-linkedin"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
Loading…
Add table
Add a link
Reference in a new issue