alvin/Spik-en-span
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/Spik-en-span.git synced 2026-03-06 21:36:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: add navigation bar using Bootstrap for improved site navigation

Browse Source
This commit is contained in:
vista-man
2025-04-03 13:47:10 +02:00
parent 0c2a19e2f8
commit 8c6d15a6d7
1 changed files with 31 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
over-ons.html
View File

@@ -10,6 +10,37 @@
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="assets/favicon.ico" alt="Bootstrap" width="30" height="24">
Spik & Span
</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 class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">
Home
</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="contact.html">
Contact
</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="over-ons.html">
Over Ons
</a>
</li>
</ul>
</div>
</div>
</nav>
</body> </body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>