mirror of
https://github.com/Alvin-Zilverstand/Spik-en-span.git
synced 2026-03-06 11:17:09 +01:00
Update ticket pages for Friday and Saturday: modify titles, enhance layout, and add ticket purchase forms
This commit is contained in:
vista-man
@@ -3,7 +3,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<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 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/style.css">
|
||||||
<link rel="stylesheet" href="../css/bestellen.css">
|
<link rel="stylesheet" href="../css/bestellen.css">
|
||||||
@@ -51,6 +51,35 @@
|
|||||||
</div>
|
</div>
|
||||||
</nav>
|
</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>
|
</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>
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<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 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/style.css">
|
||||||
<link rel="stylesheet" href="../css/bestellen.css">
|
<link rel="stylesheet" href="../css/bestellen.css">
|
||||||
@@ -51,6 +51,35 @@
|
|||||||
</div>
|
</div>
|
||||||
</nav>
|
</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>
|
</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>
|
||||||
|
|||||||
@@ -3,14 +3,12 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<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 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/style.css">
|
||||||
<link rel="stylesheet" href="../css/bestellen.css">
|
|
||||||
<link rel="icon" type="image/x-icon" href="../assets/favicon.ico">
|
<link rel="icon" type="image/x-icon" href="../assets/favicon.ico">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<nav class="navbar navbar-expand-lg bg-body-tertiary">
|
<nav class="navbar navbar-expand-lg bg-body-tertiary">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<a class="navbar-brand" href="../index.html">
|
<a class="navbar-brand" href="../index.html">
|
||||||
@@ -22,38 +20,44 @@
|
|||||||
</button>
|
</button>
|
||||||
<div class="collapse navbar-collapse" id="navbarNav">
|
<div class="collapse navbar-collapse" id="navbarNav">
|
||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li class="nav-item">
|
<li class="nav-item"><a class="nav-link active" href="../index.html">Home</a></li>
|
||||||
<a class="nav-link active" aria-current="page" href="../index.html">
|
<li class="nav-item"><a class="nav-link active" href="../bestellen.html">Tickets Bestellen</a></li>
|
||||||
Home
|
<li class="nav-item"><a class="nav-link active" href="../contact.html">Contact</a></li>
|
||||||
</a>
|
<li class="nav-item"><a class="nav-link active" href="../over-ons.html">Over Ons</a></li>
|
||||||
</li>
|
<li class="nav-item"><a class="nav-link active" href="../employee-login.php">Medewerkers</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>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</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>
|
</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>
|
||||||
<script src="../js/script.js"></script>
|
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@@ -3,14 +3,12 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<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 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/style.css">
|
||||||
<link rel="stylesheet" href="../css/bestellen.css">
|
|
||||||
<link rel="icon" type="image/x-icon" href="../assets/favicon.ico">
|
<link rel="icon" type="image/x-icon" href="../assets/favicon.ico">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<nav class="navbar navbar-expand-lg bg-body-tertiary">
|
<nav class="navbar navbar-expand-lg bg-body-tertiary">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<a class="navbar-brand" href="../index.html">
|
<a class="navbar-brand" href="../index.html">
|
||||||
@@ -22,38 +20,44 @@
|
|||||||
</button>
|
</button>
|
||||||
<div class="collapse navbar-collapse" id="navbarNav">
|
<div class="collapse navbar-collapse" id="navbarNav">
|
||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li class="nav-item">
|
<li class="nav-item"><a class="nav-link active" href="../index.html">Home</a></li>
|
||||||
<a class="nav-link active" aria-current="page" href="../index.html">
|
<li class="nav-item"><a class="nav-link active" href="../bestellen.html">Tickets Bestellen</a></li>
|
||||||
Home
|
<li class="nav-item"><a class="nav-link active" href="../contact.html">Contact</a></li>
|
||||||
</a>
|
<li class="nav-item"><a class="nav-link active" href="../over-ons.html">Over Ons</a></li>
|
||||||
</li>
|
<li class="nav-item"><a class="nav-link active" href="../employee-login.php">Medewerkers</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>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</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>
|
</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>
|
||||||
<script src="../js/script.js"></script>
|
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Reference in New Issue
Block a user