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

update

Browse Source
This commit is contained in:
EspenVista
2025-04-08 11:01:57 +01:00
parent 2a695ee737
commit e3833107ae
2 changed files with 25 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@@ -48,11 +48,13 @@
</div> </div>
</nav> </nav>
<video autoplay muted loop class="background-video"> <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"> <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"> <!-- <div class="container mt-5">
<h1 class="text-center">Koop je tickets voor Spik en Span!</h1> <h1 class="text-center">Koop je tickets voor Spik en Span!</h1>
<form id="ticketForm" action="process_ticket.php" method="POST" class="mt-4"> <form id="ticketForm" action="process_ticket.php" method="POST" class="mt-4">

20
style.css
View File

@@ -19,6 +19,7 @@
justify-content: right; justify-content: right;
background-color: #000; background-color: #000;
padding: 10px 20px; padding: 10px 20px;
color: black;
} }
.logo { .logo {
@@ -127,3 +128,22 @@ p {
margin: 0; margin: 0;
} }
.achtergrond-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}
.inhoud {
position: relative;
z-index: 1;
color: white;
text-align: center;
margin-top: 20vh;
}