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

add 'Tickets Bestellen' link to navigation and create bestellen.html page

Browse Source
This commit is contained in:
vista-man
2025-04-08 13:25:16 +02:00
parent e16af2ec05
commit f3676639e3
8 changed files with 242 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
index.html
View File

@@ -7,7 +7,6 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/x-icon" href="assets/favicon.ico">
</head>
<body>
@@ -38,23 +37,11 @@
Over Ons
</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="employee-login.html">
Medewerkers
</a>
</li>
</ul>
</div>
</div>
</nav>
<H1>KAMPIOENEN VAN DE NACH</H1>
<video autoplay loop class="background-video">
<source src="img/yt1z.net - Spik Span - Kampioene van de nach de11devande11de 2023 (720p) (1).mp4" type="video/mp4">
<button onclick="toggleVideo()">⏯ Video pauzeren/afspelen</button>
<!-- <div class="container mt-5">
<h1 class="text-center">Koop je tickets voor Spik en Span!</h1>
<form id="ticketForm" action="process_ticket.php" method="POST" class="mt-4">
@@ -83,18 +70,29 @@
<div id="qrCodeContainer" class="mt-5 text-center"></div>
</div>-->
<div class="container">
<h2>Spik&Span</h2>
<p>Heb je vragen of wil je contact opnemen? Vul het onderstaande formulier in.</p>
<form action="#" method="post">
<input type="text" name="naam" placeholder="Je naam" required>
<input type="email" name="email" placeholder="Je e-mail" required>
<textarea name="bericht" placeholder="Je bericht" rows="5" required></textarea>
<button type="submit">Verstuur</button>
</form>
</div>
<div id="carouselExampleIndicators" class="carousel slide size">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="img/vrij.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="img/za.jpg" class="d-block w-100" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>