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

Using absolute paths, to enable for sub-pages.

Browse source
This commit is contained in:
Bob Vandevliet 2025-02-14 11:56:18 +01:00
parent 7c51c1aefe
commit a8681fd5cf
5 changed files with 22 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

24
public/index.html
View file

@ -2,11 +2,11 @@
<html lang="nl" data-bs-theme="dark">
<!--# set var="title" value="Vandevliet Aerial Shots" -->
<!--# include file="includes/head.html" -->
<!--# include file="/includes/head.html" -->
<body class="home">
<header>
<!--# include file="includes/nav.html" -->
<!--# include file="/includes/nav.html" -->
<div class="hero position-relative overflow-hidden">
<div class="hero-body position-absolute bottom-0" style="z-index: 1;">
@ -16,7 +16,7 @@
<p><a class="btn btn-primary" href="#section-services">Ontdek meer <i class="fa-solid fa-arrow-down"></i></a></p>
</div>
<video class="cover parallax" preload="auto" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
<source src="assets/static/showreel.mp4" type="video/mp4">
<source src="/assets/static/showreel.mp4" type="video/mp4">
</video>
</div>
</header>
@ -28,7 +28,7 @@
<div class="row">
<div class="col-sm-6 col-lg">
<div class="card h-100">
<img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/fittings-2784899_640.jpg" alt="Abstracte close-up afbeelding van een machine.">
<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">
<h3 class="card-title">
<i class="fa-solid fa-industry"></i>
@ -42,7 +42,7 @@
</div>
<div class="col-sm-6 col-lg">
<div class="card h-100">
<img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/sa-rapita-2483668_640.jpg" alt="Afbeelding van een moderne woning.">
<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">
<h3 class="card-title">
<i class="fa-solid fa-house"></i>
@ -56,7 +56,7 @@
</div>
<div class="col-sm-6 col-lg">
<div class="card h-100">
<img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/ferris-wheel-7299042_640.jpg" alt="Afbeelding van een attractie in een recreatiepark.">
<img class="card-img grayscale-effect" style="height: 10rem;" src="/assets/static/ferris-wheel-7299042_640.jpg" alt="Afbeelding van een attractie in een recreatiepark.">
<div class="card-body bg-light text-dark">
<h3 class="card-title">
<i class="fa-solid fa-house"></i>
@ -70,7 +70,7 @@
</div>
<div class="col-sm-6 col-lg">
<div class="card h-100">
<img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/motor-cross-1634206_640.jpg" alt="Afbeelding van motorcross sport.">
<img class="card-img grayscale-effect" style="height: 10rem;" src="/assets/static/motor-cross-1634206_640.jpg" alt="Afbeelding van motorcross sport.">
<div class="card-body bg-light text-dark">
<h3 class="card-title">
<i class="fa-solid fa-motorcycle"></i>
@ -84,7 +84,7 @@
</div>
<div class="col-sm-6 col-lg">
<div class="card h-100">
<img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/audience-1850119_640.jpg" alt="Afbeelding van publiek bij een concert.">
<img class="card-img grayscale-effect" style="height: 10rem;" src="/assets/static/audience-1850119_640.jpg" alt="Afbeelding van publiek bij een concert.">
<div class="card-body bg-light text-dark">
<h3 class="card-title">
<i class="fa-solid fa-guitar"></i>
@ -247,14 +247,14 @@
<div id="carouselMyDrones" class="carousel slide">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="img-fluid" src="assets/static/DSC_4615.png" alt="Afbeelding van mijn 7-inch FPV drone met GoPro actiecamera.">
<img class="img-fluid" src="/assets/static/DSC_4615.png" alt="Afbeelding van mijn 7-inch FPV drone met GoPro actiecamera.">
<div class="carousel-caption">
<!-- <h3>First slide label</h3> -->
<p>Mijn 7-inch FPV drone met GoPro actiecamera,<br>ideaal voor outdoor vliegen en lange afstanden.</p>
</div>
</div>
<div class="carousel-item">
<img class="img-fluid" src="assets/static/20240815_184226.png" alt="Afbeelding van mijn 3.5-inch cinewhoop met Caddx Walnut camera.">
<img class="img-fluid" src="/assets/static/20240815_184226.png" alt="Afbeelding van mijn 3.5-inch cinewhoop met Caddx Walnut camera.">
<div class="carousel-caption">
<!-- <h3>Second slide label</h3> -->
<p>Mijn 3.5-inch cinewhoop met Caddx Walnut camera,<br>ideaal voor indoor vliegen en dichtbij personen.</p>
@ -284,7 +284,7 @@
<h2 class="card-title mt-4 text-center">Over mij</h2>
<div class="row g-0">
<div class="col-lg-6 gradient-to-top-light">
<img class="card-img" style="object-position: left;" src="assets/static/GX010078_1703521535190.MP4_snapshot_01.11.jpg" alt="Afbeelding van mezelf terwijl ik een FPV drone bestuur.">
<img class="card-img" style="object-position: left;" src="/assets/static/GX010078_1703521535190.MP4_snapshot_01.11.jpg" alt="Afbeelding van mezelf terwijl ik een FPV drone bestuur.">
</div>
<div class="col-lg-6">
<div class="card-body">
@ -308,7 +308,7 @@
</main>
<!--# include file="includes/footer.html" -->
<!--# include file="/includes/footer.html" -->
</body>
</html>