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

Merge branch 'main' of https://github.com/Alvin-Zilverstand/Spik-en-span

Browse Source
This commit is contained in:
vista-man
2025-04-04 10:08:43 +02:00
parent bddc4d3424 5a3a204d4e
commit 17f89e3f55
5 changed files with 193 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
contact.html
View File

@@ -46,9 +46,46 @@
</div>
</nav>
<section>
<h2>Contact</h2>
</section>
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact - Spik en Span</title>
</head>
<body>
<div class="container">
<h2>Contacteer Spik en 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>
</body>
</html>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background: url('https://source.unsplash.com/1600x900/?clean,bright') no-repeat center center fixed;
background-size: cover;
text-align: center;
}
.container {
max-width: 600px;
margin: 50px auto;
background: rgba(255, 255, 255, 0.9);
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
</style>
</body>

BIN
img/spik en span achtergrond.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 872 KiB

5
index.html
View File

@@ -37,6 +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>

113
over-ons.html
View File

@@ -36,11 +36,124 @@
Over Ons
</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="employee-login.html">
Medewerkers
</a>
</li>
</ul>
</div>
</div>
</nav>
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Over Ons - Spik en Span</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f8f9fa;
text-align: center;
}
.container {
max-width: 800px;
margin: 50px auto;
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h2 {
color: #28a745;
}
p {
text-align: left;
line-height: 1.6;
}
.team-member {
margin: 20px 0;
}
.team-member img {
border-radius: 50%;
width: 150px;
height: 150px;
}
.team-member h3 {
margin: 10px 0 5px;
}
.team-member p {
margin: 0;
}
</style>
</head>
<body>
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Over Ons - Spik en Span</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f8f9fa;
text-align: center;
}
.container {
max-width: 800px;
margin: 50px auto;
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
text-align: left;
}
h2 {
color: #d81b60;
}
img {
width: 100%;
border-radius: 10px;
}
p {
line-height: 1.6;
}
</style>
</head>
<body>
<div class="container">
<h2>Over Spik en Span</h2>
<img src="schermafbeelding.jpg" alt="Spik en Span op het podium">
<p><strong>Spik en Span</strong>, bestaande uit Jo Huijnen en Niek Dirkx, is een van de meest succesvolle vastelaoves-duo’s in Limburg. Met hun aanstekelijke energie en feestelijke muziek hebben ze zich de afgelopen jaren ontwikkeld tot dé Kampioene van de Nach.</p>
<h2>Succes en Prestaties</h2>
<p>Spik en Span is sinds 2010 actief in de Limburgse vastelaovend-scene en is een vaste naam in het <strong>Limburgs Vastelaoves Leedjes Konkoer (LVK)</strong>. Met maar liefst vier LVK-overwinningen mogen ze zich het meest succesvolle duo van het afgelopen decennium noemen.</p>
<h2>Optredens en Repertoire</h2>
<p>Hun optredens zijn een garantie voor entertainment en plezier. Met nummers die bekend zijn in heel Limburg brengen ze mensen samen om te zingen en te feesten. “Gewuen jongens” met een prachtig repertoire en spetterende live shows!</p>
<h2>Hoogtepunten</h2>
<ul>
<li>Viervoudig winnaar van het LVK</li>
<li>Bekend van hits die van Noord tot Zuid worden meegezongen</li>
<li>Een optreden van Spik en Span staat garant voor sfeer en gezelligheid</li>
</ul>
<h2>Contact</h2>
<p>Wil je Spik en Span boeken voor een optreden of meer informatie? Neem dan contact op via onze <a href="contact.html">contactpagina</a>.</p>
</div>
</body>
</html>
</body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

36
style.css
View File

@@ -52,4 +52,38 @@
.size {
width: 33.33%;
height: 25%;
}
}
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f8f9fa;
text-align: center;
}
.container {
max-width: 600px;
margin: 50px auto;
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
input, textarea {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 5px;
}
button {
background-color: #28a745;
color: white;
padding: 10px 15px;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #218838;
}