cc36a2abdd
Convert Diensten nav link to Bootstrap dropdown with all 5 services. Enable Bootstrap dropdown SCSS import and add dark-theme styles. Switch to bootstrap.bundle.min.js (includes Popper.js for dropdown). Add "Lees meer" links to recreatie, sport, evenementen homepage cards. Add service page links in cat-specific pricing component. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
38 lines
No EOL
2.4 KiB
HTML
38 lines
No EOL
2.4 KiB
HTML
<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 dropdown">
|
|
<a class="nav-link dropdown-toggle" href="/#diensten" role="button" data-bs-toggle="dropdown" aria-expanded="false">Diensten</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="/bedrijfsvideo">Bedrijfsvideo</a></li>
|
|
<li><a class="dropdown-item" href="/vastgoed">Vastgoed</a></li>
|
|
<li><a class="dropdown-item" href="/recreatie">Recreatie</a></li>
|
|
<li><a class="dropdown-item" href="/sport">Sport</a></li>
|
|
<li><a class="dropdown-item" href="/evenementen">Evenementen</a></li>
|
|
</ul>
|
|
</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> |