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

Update ticket pages for Friday and Saturday: modify titles, enhance layout, and add ticket purchase forms

Browse Source
This commit is contained in:
vista-man
2025-04-10 17:45:45 +02:00
parent 4769f68e9b
commit 7ae3c03a64
4 changed files with 150 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
order-pages/vrijdag-kinderen.html
View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vrijdag Kinderen - Spik En Span</title>
<title>Kinderen Ticket - Vrijdag</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/bestellen.css">
@@ -51,6 +51,35 @@
</div>
</nav>
<div class="container mt-5">
<div class="row">
<div class="col-md-6">
<img src="../assets/vrij.jpg" class="img-fluid rounded" alt="Kinderen Ticket Vrijdag">
</div>
<div class="col-md-6">
<h1>Kinderen Ticket - Vrijdag 15-08</h1>
<p>Toegang voor één kind op vrijdag 15 augustus. Een avond vol plezier en entertainment voor de kleintjes!</p>
<h3 class="text-success">€15,00</h3>
<form action="../php/process_ticket.php" method="POST">
<input type="hidden" name="category" value="Kinderen Vrijdag">
<div class="mb-3">
<label for="quantity" class="form-label">Aantal Tickets</label>
<input type="number" id="quantity" name="quantity" class="form-control" min="1" value="1" required>
</div>
<div class="mb-3">
<label for="name" class="form-label">Naam</label>
<input type="text" id="name" name="name" class="form-control" required>
</div>
<div class="mb-3">
<label for="email" class="form-label">E-mail</label>
<input type="email" id="email" name="email" class="form-control" required>
</div>
<button type="submit" class="btn btn-primary">Bestel Nu</button>
</form>
</div>
</div>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

31
order-pages/vrijdag-volwassenen.html
View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vrijdag Volwassenen - Spik En Span</title>
<title>Volwassenen Ticket - Vrijdag</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/bestellen.css">
@@ -51,6 +51,35 @@
</div>
</nav>
<div class="container mt-5">
<div class="row">
<div class="col-md-6">
<img src="../assets/vrij.jpg" class="img-fluid rounded" alt="Volwassenen Ticket Vrijdag">
</div>
<div class="col-md-6">
<h1>Volwassenen Ticket - Vrijdag 15-08</h1>
<p>Toegang voor één volwassene op vrijdag 15 augustus. Beleef een onvergetelijke avond vol muziek en entertainment!</p>
<h3 class="text-success">€25,00</h3>
<form action="../php/process_ticket.php" method="POST">
<input type="hidden" name="category" value="Volwassenen Vrijdag">
<div class="mb-3">
<label for="quantity" class="form-label">Aantal Tickets</label>
<input type="number" id="quantity" name="quantity" class="form-control" min="1" value="1" required>
</div>
<div class="mb-3">
<label for="name" class="form-label">Naam</label>
<input type="text" id="name" name="name" class="form-control" required>
</div>
<div class="mb-3">
<label for="email" class="form-label">E-mail</label>
<input type="email" id="email" name="email" class="form-control" required>
</div>
<button type="submit" class="btn btn-primary">Bestel Nu</button>
</form>
</div>
</div>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

86
order-pages/zaterdag-kinderen.html
View File

@@ -3,57 +3,61 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Zaterdag Kinderen - Spik En Span</title>
<title>Kinderen Ticket - Zaterdag</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/bestellen.css">
<link rel="icon" type="image/x-icon" href="../assets/favicon.ico">
</head>
<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="../index.html">
<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" aria-current="page" href="../bestellen.html">
Tickets Bestellen</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>
<li class="nav-item">
<a class="nav-link active" href="../employee-login.php">
Medewerkers
</a>
</li>
</ul>
</div>
<a class="navbar-brand" href="../index.html">
<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" href="../index.html">Home</a></li>
<li class="nav-item"><a class="nav-link active" href="../bestellen.html">Tickets Bestellen</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>
<li class="nav-item"><a class="nav-link active" href="../employee-login.php">Medewerkers</a></li>
</ul>
</div>
</div>
</nav>
<div class="container mt-5">
<div class="row">
<div class="col-md-6">
<img src="../assets/za.jpg" class="img-fluid rounded" alt="Kinderen Ticket Zaterdag">
</div>
<div class="col-md-6">
<h1>Kinderen Ticket - Zaterdag 16-08</h1>
<p>Toegang voor één kind op zaterdag 16 augustus. Een dag vol plezier en onvergetelijke momenten!</p>
<h3 class="text-success">€20,00</h3>
<form action="../php/process_ticket.php" method="POST">
<input type="hidden" name="category" value="Kinderen Zaterdag">
<div class="mb-3">
<label for="quantity" class="form-label">Aantal Tickets</label>
<input type="number" id="quantity" name="quantity" class="form-control" min="1" value="1" required>
</div>
<div class="mb-3">
<label for="name" class="form-label">Naam</label>
<input type="text" id="name" name="name" class="form-control" required>
</div>
<div class="mb-3">
<label for="email" class="form-label">E-mail</label>
<input type="email" id="email" name="email" class="form-control" required>
</div>
<button type="submit" class="btn btn-primary">Bestel Nu</button>
</form>
</div>
</div>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="../js/script.js"></script>
</html>

86
order-pages/zaterdag-volwassenen.html
View File

@@ -3,57 +3,61 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Zaterdag Volwassenen - Spik En Span</title>
<title>Volwassenen Ticket - Zaterdag</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/bestellen.css">
<link rel="icon" type="image/x-icon" href="../assets/favicon.ico">
</head>
<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="../index.html">
<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" aria-current="page" href="../bestellen.html">
Tickets Bestellen</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>
<li class="nav-item">
<a class="nav-link active" href="../employee-login.php">
Medewerkers
</a>
</li>
</ul>
</div>
<a class="navbar-brand" href="../index.html">
<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" href="../index.html">Home</a></li>
<li class="nav-item"><a class="nav-link active" href="../bestellen.html">Tickets Bestellen</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>
<li class="nav-item"><a class="nav-link active" href="../employee-login.php">Medewerkers</a></li>
</ul>
</div>
</div>
</nav>
<div class="container mt-5">
<div class="row">
<div class="col-md-6">
<img src="../assets/za.jpg" class="img-fluid rounded" alt="Volwassenen Ticket Zaterdag">
</div>
<div class="col-md-6">
<h1>Volwassenen Ticket - Zaterdag 16-08</h1>
<p>Toegang voor één volwassene op zaterdag 16 augustus. Geniet van een spectaculaire avond vol plezier en muziek!</p>
<h3 class="text-success">€30,00</h3>
<form action="../php/process_ticket.php" method="POST">
<input type="hidden" name="category" value="Volwassenen Zaterdag">
<div class="mb-3">
<label for="quantity" class="form-label">Aantal Tickets</label>
<input type="number" id="quantity" name="quantity" class="form-control" min="1" value="1" required>
</div>
<div class="mb-3">
<label for="name" class="form-label">Naam</label>
<input type="text" id="name" name="name" class="form-control" required>
</div>
<div class="mb-3">
<label for="email" class="form-label">E-mail</label>
<input type="email" id="email" name="email" class="form-control" required>
</div>
<button type="submit" class="btn btn-primary">Bestel Nu</button>
</form>
</div>
</div>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="../js/script.js"></script>
</html>