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

Merge branch 'development'

Browse source
This commit is contained in:
Bob Vandevliet 2024-06-28 10:30:11 +02:00
commit 77d9bde4cd
3 changed files with 22 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

18
public/includes/footer.html
View file

@ -7,25 +7,25 @@
<div class="card-body"> <div class="card-body">
<h5 class="card-title" id="section-contact">Contact</h5> <h5 class="card-title" id="section-contact">Contact</h5>
<h2>Bob Vandevliet</h2> <h2>Bob Vandevliet</h2>
<p>Gecertificeerd FPV-dronepiloot voor open categorie A1, A2 en A3.</p> <p>Gecertificeerd FPV-dronepiloot voor open categorie A1, (binnenkort ook A2) en A3.</p>
<h5>Email</h5> <h5>Email</h5>
<p><a href="mailto:bob@vandevliet-aerialshots.com">bob@vandevliet-aerialshots.com</a></p> <p><a href="mailto:bob@vandevliet-aerialshots.com">bob@vandevliet-aerialshots.com</a></p>
<h5>Telefoon</h5> <!-- <h5>Telefoon</h5>
<p><a href="tel:+31612345678">+31 6 12345678</a></p> <p><a href="tel:+31612345678">+31 6 12345678</a></p> -->
<h5>Regio</h5> <h5>Regio</h5>
<p>Arnhem, Gelderland</p> <p>Arnhem, Gelderland</p>
<h5>Socials</h5> <!-- <h5>Socials</h5> -->
<p> <p class="fs-2">
<a href="https://www.linkedin.com/in/bobvandevliet" target="_blank" rel="noopener noreferrer"><i class="fab fa-linkedin"></i></a> <!-- <a href="https://www.linkedin.com/company/vandevliet-aerialshots" 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.instagram.com/bvandevliet" 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> <a href="https://www.youtube.com/@bob-fpv" target="_blank" rel="noopener noreferrer" title="Bob FPV on YouTube" aria-label="Bob FPV on YouTube"><i class="fab fa-youtube"></i></a>
</p> </p>
</div> </div>
</div> </div>
</div> </div>
<div class="col-6 col-lg-3"> <div class="col-6 col-lg-3">
<div class="card h-100 bg-transparent"> <div class="card h-100 bg-transparent">
<img class="card-img" src="assets/static/20230909_150343.jpg" alt="..."> <img class="card-img" src="assets/static/20230909_150343.jpg" alt="Portrait foto van mijzelf.">
</div> </div>
</div> </div>
</div> </div>

2
public/includes/nav.html
View file

@ -1,7 +1,7 @@
<nav class="navbar navbar-expand-lg fixed-top"> <nav class="navbar navbar-expand-lg fixed-top">
<div class="container-xxl justify-content-center"> <div class="container-xxl justify-content-center">
<a class="navbar-brand" href="#"> <a class="navbar-brand" href="#">
<img src="assets/static/logo-aerialshots-v1-w.png" alt="Logo" height="48"> <img src="assets/static/logo-aerialshots-v1-w.png" alt="Vandevliet Aerial Shots logo" height="48">
</a> </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"> <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> <span class="navbar-toggler-icon"></span>

24
public/index.html
View file

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" data-bs-theme="dark"> <html lang="nl" data-bs-theme="dark">
<!--# set var="title" value="Vandevliet Aerial Shots" --> <!--# set var="title" value="Vandevliet Aerial Shots" -->
<!--# include file="includes/head.html" --> <!--# include file="includes/head.html" -->
@ -23,7 +23,7 @@
<div class="row text-center"> <div class="row text-center">
<div class="col-sm-6 col-lg"> <div class="col-sm-6 col-lg">
<div class="card h-100"> <div class="card h-100">
<img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/fittings-2784899_640.jpg" alt="..."> <img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/fittings-2784899_640.jpg" alt="Abstracte close-up afbeelding van een machine.">
<div class="card-body bg-light text-dark"> <div class="card-body bg-light text-dark">
<h4 class="card-title"> <h4 class="card-title">
<i class="fa-solid fa-industry"></i> <i class="fa-solid fa-industry"></i>
@ -37,11 +37,11 @@
</div> </div>
<div class="col-sm-6 col-lg"> <div class="col-sm-6 col-lg">
<div class="card h-100"> <div class="card h-100">
<img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/sa-rapita-2483668_640.jpg" alt="..."> <img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/sa-rapita-2483668_640.jpg" alt="Afbeelding van een moderne woning.">
<div class="card-body bg-light text-dark"> <div class="card-body bg-light text-dark">
<h4 class="card-title"> <h4 class="card-title">
<i class="fa-solid fa-house"></i> <i class="fa-solid fa-house"></i>
<br>Vastgoed <br>Vastgoed (binnenkort mogelijk)
</h4> </h4>
<p class="card-text"> <p class="card-text">
Met een vloeiende fly-through door jouw pand en van de omgeving, geef je jouw potentiële kopers of huurders een goed beeld van de locatie en de mogelijkheden. Met een vloeiende fly-through door jouw pand en van de omgeving, geef je jouw potentiële kopers of huurders een goed beeld van de locatie en de mogelijkheden.
@ -51,11 +51,11 @@
</div> </div>
<div class="col-sm-6 col-lg"> <div class="col-sm-6 col-lg">
<div class="card h-100"> <div class="card h-100">
<img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/audience-1850119_640.jpg" alt="..."> <img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/audience-1850119_640.jpg" alt="Afbeelding van publiek bij een podium.">
<div class="card-body bg-light text-dark"> <div class="card-body bg-light text-dark">
<h4 class="card-title"> <h4 class="card-title">
<i class="fa-solid fa-guitar"></i> <i class="fa-solid fa-guitar"></i>
<br>Evenementen <br>Evenementen (binnenkort mogelijk)
</h4> </h4>
<p class="card-text"> <p class="card-text">
Leg de grootsheid en energie van elk evenement vast. Of het nu een optreden, concert, festival of bedrijfsfeest is, FPV drone opnames laten een blijvende indruk achter. Leg de grootsheid en energie van elk evenement vast. Of het nu een optreden, concert, festival of bedrijfsfeest is, FPV drone opnames laten een blijvende indruk achter.
@ -65,7 +65,7 @@
</div> </div>
<div class="col-sm-6 col-lg"> <div class="col-sm-6 col-lg">
<div class="card h-100"> <div class="card h-100">
<img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/motor-cross-1634206_640.jpg" alt="..."> <img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/motor-cross-1634206_640.jpg" alt="Afbeelding van motorcrossers.">
<div class="card-body bg-light text-dark"> <div class="card-body bg-light text-dark">
<h4 class="card-title"> <h4 class="card-title">
<i class="fa-solid fa-motorcycle"></i> <i class="fa-solid fa-motorcycle"></i>
@ -77,9 +77,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-sm-6 col-lg"> <!-- <div class="col-sm-6 col-lg">
<div class="card h-100"> <div class="card h-100">
<img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/love-6600904_640.jpg" alt="..."> <img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/love-6600904_640.jpg" alt="Afbeelding van een huwelijkspaar.">
<div class="card-body bg-light text-dark"> <div class="card-body bg-light text-dark">
<h4 class="card-title"> <h4 class="card-title">
<i class="fa-solid fa-champagne-glasses"></i> <i class="fa-solid fa-champagne-glasses"></i>
@ -90,7 +90,7 @@
</p> </p>
</div> </div>
</div> </div>
</div> </div> -->
</div> </div>
</section> </section>
@ -107,7 +107,7 @@
</p> </p>
</div> </div>
<div class="col-md"> <div class="col-md">
<img class="img-fluid" src="assets/static/DSC_4615.png" alt="..."> <img class="img-fluid" src="assets/static/DSC_4615.png" alt="Afbeelding van een 7-inch FPV drone met GoPro.">
</div> </div>
</div> </div>
</section> </section>
@ -116,7 +116,7 @@
<div> <div>
<section class="container-xxl"> <section class="container-xxl">
<div class="card h-100 position-relative overflow-hidden"> <div class="card h-100 position-relative overflow-hidden">
<img class="card-img position-absolute" src="assets/static/GX010078_1703521535190.MP4_snapshot_01.11.jpg" alt="..."> <img class="card-img position-absolute" src="assets/static/GX010078_1703521535190.MP4_snapshot_01.11.jpg" alt="Afbeelding van mezelf terwijl ik een FPV drone bestuur.">
<div class="card-img-overlay text-dark text-shadow" style="background: rgba(255, 255, 255, 0.6);"> <div class="card-img-overlay text-dark text-shadow" style="background: rgba(255, 255, 255, 0.6);">
<h2 class="section card-title text-center" id="section-about">Over mij</h2> <h2 class="section card-title text-center" id="section-about">Over mij</h2>
<div class="row"> <div class="row">