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

Re-organized templates/partials and hierarchy.

Browse source
This commit is contained in:
Bob Vandevliet 2025-12-18 12:43:13 +01:00
parent ff363f50e9
commit c23bed009f
8 changed files with 60 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

12
public/contact.html
View file

@ -2,7 +2,7 @@
<html lang="nl" data-bs-theme="dark"> <html lang="nl" data-bs-theme="dark">
<head> <head>
<!--# include file="/includes/head.html" --> <!--# include file="/includes/partials/head-content.html" -->
<title>Vandevliet Aerial Shots</title> <title>Vandevliet Aerial Shots</title>
<meta name="description" content="FPV dronevideo's voor bedrijven, vastgoed, recreatie, sport en evenementen."> <meta name="description" content="FPV dronevideo's voor bedrijven, vastgoed, recreatie, sport en evenementen.">
@ -17,21 +17,27 @@
<body> <body>
<header> <header>
<!--# include file="/includes/nav.html" --> <!--# include file="/includes/components/nav.html" -->
</header> </header>
<main> <main>
<section class="container-xxl pb-0 text-center"> <section class="container-xxl pb-0 text-center">
<h1 id="contact" class="text-center">Contact</h1>
<p class="lead"> <p class="lead">
Stuur mij gerust een mailtje voor een vrijblijvend gesprek! 🙂 Stuur mij gerust een mailtje voor een vrijblijvend gesprek! 🙂
<br>🡇 <br>🡇
</p> </p>
<section class="container-xxl">
<!--# include file="/includes/components/contact-row.html" -->
</section>
</section> </section>
<!-- Nothing more here yet, contact form will be added later, contact info is in the footer --> <!-- Nothing more here yet, contact form will be added later, contact info is in the footer -->
</main> </main>
<!--# include file="/includes/footer.html" --> <footer class="bg-secondary-subtle pt-3">
<!--# include file="/includes/partials/footer-bottom.html" -->
</footer>
</body> </body>
</html> </html>

34
public/includes/components/contact-row.html Normal file
View 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>

0
public/includes/nav.html → public/includes/components/nav.html
View file

46
public/includes/footer.html
View file

@ -1,46 +0,0 @@
<footer class="bg-secondary-subtle pt-3">
<section class="container-xxl">
<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>
</section>
<div class="text-center py-4">
<p>
Vandevliet Aerial Shots &copy; <!--# config timefmt="%Y" --><!--# echo var="date_local" -->
&bull; <a href="/privacy#">Privacyverklaring</a>
</p>
</div>
</footer>

6
public/includes/partials/footer-bottom.html Normal file
View file

@ -0,0 +1,6 @@
<div class="text-center py-4">
<p>
Vandevliet Aerial Shots &copy; <!--# config timefmt="%Y" --><!--# echo var="date_local" -->
&bull; <a href="/privacy#">Privacyverklaring</a>
</p>
</div>

0
public/includes/head.html → public/includes/partials/head-content.html
View file

12
public/index.html
View file

@ -2,7 +2,7 @@
<html lang="nl" data-bs-theme="dark"> <html lang="nl" data-bs-theme="dark">
<head> <head>
<!--# include file="/includes/head.html" --> <!--# include file="/includes/partials/head-content.html" -->
<title>Vandevliet Aerial Shots</title> <title>Vandevliet Aerial Shots</title>
<meta name="description" content="FPV dronevideo's voor bedrijven, vastgoed, recreatie, sport en evenementen."> <meta name="description" content="FPV dronevideo's voor bedrijven, vastgoed, recreatie, sport en evenementen.">
@ -17,7 +17,7 @@
<body> <body>
<header> <header>
<!--# include file="/includes/nav.html" --> <!--# include file="/includes/components/nav.html" -->
<div class="hero position-relative overflow-hidden" style="height: 100vh;"> <div class="hero position-relative overflow-hidden" style="height: 100vh;">
<div class="hero-body position-absolute bottom-0" style="z-index: 1;"> <div class="hero-body position-absolute bottom-0" style="z-index: 1;">
@ -190,7 +190,13 @@
</section> </section>
</main> </main>
<!--# include file="/includes/footer.html" --> <footer class="bg-secondary-subtle pt-3">
<section class="container-xxl">
<!--# include file="/includes/components/contact-row.html" -->
</section>
<!--# include file="/includes/partials/footer-bottom.html" -->
</footer>
</body> </body>
</html> </html>

4
public/privacy.html
View file

@ -2,7 +2,7 @@
<html lang="nl" data-bs-theme="dark"> <html lang="nl" data-bs-theme="dark">
<head> <head>
<!--# include file="/includes/head.html" --> <!--# include file="/includes/partials/head-content.html" -->
<title>Privacyverklaring • Vandevliet Aerial Shots</title> <title>Privacyverklaring • Vandevliet Aerial Shots</title>
<meta name="description" content="Privacyverklaring • Vandevliet Aerial Shots"> <meta name="description" content="Privacyverklaring • Vandevliet Aerial Shots">
@ -17,7 +17,7 @@
<body> <body>
<header> <header>
<!--# include file="/includes/nav.html" --> <!--# include file="/includes/components/nav.html" -->
</header> </header>
<main> <main>