mirror of
https://github.com/Alvin-Zilverstand/carsite.git
synced 2026-03-06 13:21:39 +01:00
events
This commit is contained in:
vista-man
@@ -45,13 +45,13 @@
|
|||||||
<a class="nav-link link text-black display-4" href="index.html">Main website</a>
|
<a class="nav-link link text-black display-4" href="index.html">Main website</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link link text-black display-4" href="gallery.html">Gallery</a>
|
<a class="nav-link link text-black display-4" href="gallery.html">Galerij</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link link text-black display-4" href="contact.html">Contacts</a>
|
<a class="nav-link link text-black display-4" href="contact.html">Contacten</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link link text-black display-4" href="#" aria-expanded="false">Events</a>
|
<a class="nav-link link text-black display-4" href="events.html" aria-expanded="false">Evenementen</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
160
events.html
Normal file
160
events.html
Normal file
@@ -0,0 +1,160 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
|
||||||
|
<link rel="shortcut icon" href="favicon.jpg" type="image/x-icon">
|
||||||
|
<meta name="description" content="Explore the vibrant moments captured at our recent car meet, showcasing stunning vehicles and the passionate community behind them.">
|
||||||
|
<title>Car Meet Evenementen</title>
|
||||||
|
<link rel="stylesheet" href="css/style1.css">
|
||||||
|
<link rel="stylesheet" href="css/bootstrap1.css">
|
||||||
|
<link rel="stylesheet" href="css/bootstrap2.css">
|
||||||
|
<link rel="stylesheet" href="css/bootstrap3.css">
|
||||||
|
<link rel="stylesheet" href="css/jarallax.css">
|
||||||
|
<link rel="stylesheet" href="css/dropstyle.css">
|
||||||
|
<link rel="stylesheet" href="https://r.mobirisesite.com/849385/assets/socicon/css/styles.css?rnd=1730245704585">
|
||||||
|
<link rel="stylesheet" href="css/themestyle.css">
|
||||||
|
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700&display=swap&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
|
||||||
|
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700&display=swap&display=swap"></noscript>
|
||||||
|
<link rel="stylesheet" href="css/additional.css" type="text/css">
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.navbar-fixed-top {
|
||||||
|
top: auto;
|
||||||
|
}
|
||||||
|
#mobiriseBanner.container-banner {
|
||||||
|
height: 8rem;
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-animation: 4s linear animationHeight;
|
||||||
|
-moz-animation: 4s linear animationHeight;
|
||||||
|
-o-animation: 4s linear animationHeight;
|
||||||
|
animation: 4s linear animationHeight;
|
||||||
|
transition: all 0.5s;
|
||||||
|
}
|
||||||
|
#mobiriseBanner.container-banner.container-banner-closing {
|
||||||
|
pointer-events: none;
|
||||||
|
height: 0;
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-animation: 0.5s linear animationClosing;
|
||||||
|
-moz-animation: 0.5s linear animationClosing;
|
||||||
|
-o-animation: 0.5s linear animationClosing;
|
||||||
|
animation: 0.5s linear animationClosing;
|
||||||
|
}
|
||||||
|
#mobiriseBanner .banner {
|
||||||
|
min-height: 8rem;
|
||||||
|
position:fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: #fff;
|
||||||
|
padding: 10px;
|
||||||
|
opacity:1;
|
||||||
|
-webkit-animation: 4s linear animationBanner;
|
||||||
|
-moz-animation: 4s linear animationBanner;
|
||||||
|
-o-animation: 4s linear animationBanner;
|
||||||
|
animation: 4s linear animationBanner;
|
||||||
|
z-index: 1031;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#mobiriseBanner .banner .btn {
|
||||||
|
margin: 0.3rem 0.5rem;
|
||||||
|
animation: none;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
.navbar.opened {
|
||||||
|
z-index: 1032;
|
||||||
|
}
|
||||||
|
@-webkit-keyframes animationBanner { 0% { opacity: 0; top: -8rem; } 75% { opacity: 0; top: -8rem; } 100% { opacity: 1; top: 0; } }
|
||||||
|
@-moz-keyframes animationBanner { 0% { opacity: 0; top: -8rem; } 75% { opacity: 0; top: -8rem; } 100% { opacity: 1; top: 0; } }
|
||||||
|
@-o-keyframes animationBanner { 0% { opacity: 0; top: -8rem; } 75% { opacity: 0; top: -8rem; } 100% { opacity: 1; top: 0; } }
|
||||||
|
@keyframes animationBanner { 0% { opacity: 0; top: -8rem; } 75% { opacity: 0; top: -8rem; } 100% { opacity: 1; top: 0; } }
|
||||||
|
@-webkit-keyframes animationHeight { 0% { height: 0; } 75% { height: 0; } 100% { height: 8rem; } }
|
||||||
|
@-moz-keyframes animationHeight { 0% { height: 0; } 75% { height: 0; } 100% { height: 8rem; } }
|
||||||
|
@-o-keyframes animationHeight { 0% { height: 0; } 75% { height: 0; } 100% { height: 8rem; } }
|
||||||
|
@keyframes animationHeight { 0% { height: 0; } 75% { height: 0; } 100% { height: 8rem; } }
|
||||||
|
|
||||||
|
@-webkit-keyframes animationClosing { 0% { height: 8rem; opacity: 1; } 30% { height: 8rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
|
||||||
|
@-moz-keyframes animationClosing { 0% { height: 8rem; opacity: 1; } 30% { height: 8rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
|
||||||
|
@-o-keyframes animationClosing { 0% { height: 8rem; opacity: 1; } 30% { height: 8rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
|
||||||
|
@keyframes animationClosing { 0% { height: 8rem; opacity: 1; } 30% { height: 8rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
|
||||||
|
|
||||||
|
@media(max-width: 767px) {
|
||||||
|
#mobiriseBanner.container-banner {
|
||||||
|
height: 12rem;
|
||||||
|
}
|
||||||
|
#mobiriseBanner .banner {
|
||||||
|
min-height: 12rem;
|
||||||
|
}
|
||||||
|
@-webkit-keyframes animationBanner { 0% { opacity: 0; top: -12rem; } 75% { opacity: 0; top: -12rem; } 100% { opacity: 1; top: 0; } }
|
||||||
|
@-moz-keyframes animationBanner { 0% { opacity: 0; top: -12rem; } 75% { opacity: 0; top: -12rem; } 100% { opacity: 1; top: 0; } }
|
||||||
|
@-o-keyframes animationBanner { 0% { opacity: 0; top: -12rem; } 75% { opacity: 0; top: -12rem; } 100% { opacity: 1; top: 0; } }
|
||||||
|
@keyframes animationBanner { 0% { opacity: 0; top: -12rem; } 75% { opacity: 0; top: -12rem; } 100% { opacity: 1; top: 0; } }
|
||||||
|
@-webkit-keyframes animationHeight { 0% { height: 0; } 75% { height: 0; } 100% { height: 12rem; } }
|
||||||
|
@-moz-keyframes animationHeight { 0% { height: 0; } 75% { height: 0; } 100% { height: 12rem; } }
|
||||||
|
@-o-keyframes animationHeight { 0% { height: 0; } 75% { height: 0; } 100% { height: 12rem; } }
|
||||||
|
@keyframes animationHeight { 0% { height: 0; } 75% { height: 0; } 100% { height: 12rem; } }
|
||||||
|
|
||||||
|
@-webkit-keyframes animationClosing { 0% { height: 12rem; opacity: 1; } 30% { height: 12rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
|
||||||
|
@-moz-keyframes animationClosing { 0% { height: 12rem; opacity: 1; } 30% { height: 12rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
|
||||||
|
@-o-keyframes animationClosing { 0% { height: 12rem; opacity: 1; } 30% { height: 12rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
|
||||||
|
@keyframes animationClosing { 0% { height: 12rem; opacity: 1; } 30% { height: 12rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<style type="text/css">
|
||||||
|
body {
|
||||||
|
margin-top: 0px;
|
||||||
|
margin-right: 0px;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
margin-left: 0px
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<section data-bs-version="5.1" class="pad-down menu menu2 cid-usDHBbJnxp" once="menu" id="menu-5-usDHBbJnxp">
|
||||||
|
<nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg">
|
||||||
|
<div class="container">
|
||||||
|
<div class="navbar-brand">
|
||||||
|
<span class="navbar-logo">
|
||||||
|
|
||||||
|
</span>
|
||||||
|
<span class="navbar-caption-wrap"><a class="navbar-caption text-black display-4" href="index.html">CarMeet</a></span>
|
||||||
|
</div>
|
||||||
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<div class="hamburger">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||||
|
<ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link link text-black display-4" href="index.html">Main website</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link link text-black display-4" href="gallery.html">Galerij</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link link text-black display-4" href="contact.html">Contacten</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link link text-black display-4" href="#" aria-expanded="false">Evenementen</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -48,13 +48,13 @@
|
|||||||
<a class="nav-link link text-black display-4" href="index.html">Main website</a>
|
<a class="nav-link link text-black display-4" href="index.html">Main website</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link link text-black display-4" href="gallery.html">Gallery</a>
|
<a class="nav-link link text-black display-4" href="gallery.html">Galerij</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link link text-black display-4" href="contact.html">Contacts</a>
|
<a class="nav-link link text-black display-4" href="contact.html">Contacten</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link link text-black display-4" href="#" aria-expanded="false">Events</a>
|
<a class="nav-link link text-black display-4" href="events.html" aria-expanded="false">Evenementen</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
34
index.html
34
index.html
@@ -117,7 +117,7 @@
|
|||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
margin-left: 0px
|
margin-left: 0px
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@@ -144,10 +144,10 @@
|
|||||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||||
<ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
|
<ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link link text-black display-4" href="gallery.html">Gallery</a>
|
<a class="nav-link link text-black display-4" href="gallery.html">Galerij</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link link text-black display-4" href="#" aria-expanded="false">Evenementen</a>
|
<a class="nav-link link text-black display-4" href="events.html" aria-expanded="false">Evenementen</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link link text-black display-4" href="contact.html" aria-expanded="false">Contact</a>
|
<a class="nav-link link text-black display-4" href="contact.html" aria-expanded="false">Contact</a>
|
||||||
@@ -441,9 +441,9 @@
|
|||||||
</h5>
|
</h5>
|
||||||
<p class="mbr-text mbr-fonts-style mb-3 display-7">2024-10-28</p>
|
<p class="mbr-text mbr-fonts-style mb-3 display-7">2024-10-28</p>
|
||||||
<p class="mbr-text mbr-fonts-style mb-3 display-7">Gisteren was een knaller! Auto's, vrienden en onvergetelijke momenten vulden de lucht.</p>
|
<p class="mbr-text mbr-fonts-style mb-3 display-7">Gisteren was een knaller! Auto's, vrienden en onvergetelijke momenten vulden de lucht.</p>
|
||||||
<div class="mbr-section-btn item-footer">
|
<!-- <div class="mbr-section-btn item-footer">
|
||||||
<a href="" class="btn item-btn btn-primary display-7">View</a>
|
<a href="" class="btn item-btn btn-primary display-7">View</a>
|
||||||
</div>
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -454,13 +454,13 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="item-content align-left">
|
<div class="item-content align-left">
|
||||||
<h5 class="item-title mbr-fonts-style mb-2 mt-0 display-5">
|
<h5 class="item-title mbr-fonts-style mb-2 mt-0 display-5">
|
||||||
<strong>Best Rides of the Night</strong>
|
<strong>Beste Ritten van de Dag</strong>
|
||||||
</h5>
|
</h5>
|
||||||
<p class="mbr-text mbr-fonts-style mb-3 display-7">2024-10-28</p>
|
<p class="mbr-text mbr-fonts-style mb-3 display-7">2024-10-28</p>
|
||||||
<p class="mbr-text mbr-fonts-style mb-3 display-7">From classics to modern beasts, the lineup was jaw-dropping. Don’t miss these stunning machines!</p>
|
<p class="mbr-text mbr-fonts-style mb-3 display-7">Van klassiekers tot moderne beesten, de line-up was adembenemend. Mis deze prachtige machines niet!</p>
|
||||||
<div class="mbr-section-btn item-footer">
|
<!-- <div class="mbr-section-btn item-footer">
|
||||||
<a href="" class="btn item-btn btn-primary display-7">View</a>
|
<a href="" class="btn item-btn btn-primary display-7">View</a>
|
||||||
</div>
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -471,13 +471,13 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="item-content align-left">
|
<div class="item-content align-left">
|
||||||
<h5 class="item-title mbr-fonts-style mb-2 mt-0 display-5">
|
<h5 class="item-title mbr-fonts-style mb-2 mt-0 display-5">
|
||||||
<strong>Meet the Car Enthusiasts</strong>
|
<strong>Ontmoet de Autoliefhebbers</strong>
|
||||||
</h5>
|
</h5>
|
||||||
<p class="mbr-text mbr-fonts-style mb-3 display-7">2024-10-28</p>
|
<p class="mbr-text mbr-fonts-style mb-3 display-7">2024-10-28</p>
|
||||||
<p class="mbr-text mbr-fonts-style mb-3 display-7">Passionate owners shared stories and laughs. It’s not just about the cars; it’s about the community!</p>
|
<p class="mbr-text mbr-fonts-style mb-3 display-7">Passionele eigenaren deelden verhalen en kennis. Het gaat niet alleen om de auto's, maar om de gemeenschap!</p>
|
||||||
<div class="mbr-section-btn item-footer">
|
<!-- <div class="mbr-section-btn item-footer">
|
||||||
<a href="" class="btn item-btn btn-primary display-7">View</a>
|
<a href="" class="btn item-btn btn-primary display-7">View</a>
|
||||||
</div>
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -488,13 +488,13 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="item-content align-left">
|
<div class="item-content align-left">
|
||||||
<h5 class="item-title mbr-fonts-style mb-2 mt-0 display-5">
|
<h5 class="item-title mbr-fonts-style mb-2 mt-0 display-5">
|
||||||
<strong>Join Us Next Time!</strong>
|
<strong>Doe mee de volgende keer!</strong>
|
||||||
</h5>
|
</h5>
|
||||||
<p class="mbr-text mbr-fonts-style mb-3 display-7">2024-10-28</p>
|
<p class="mbr-text mbr-fonts-style mb-3 display-7">2024-10-28</p>
|
||||||
<p class="mbr-text mbr-fonts-style mb-3 display-7">Don’t be left out! Our next meet promises even more excitement. Mark your calendars!</p>
|
<p class="mbr-text mbr-fonts-style mb-3 display-7">Zorg dat je erbij bent! Onze volgende meet belooft nog meer opwinding. Zet het in je agenda!</p>
|
||||||
<div class="mbr-section-btn item-footer">
|
<!-- <div class="mbr-section-btn item-footer">
|
||||||
<a href="" class="btn item-btn btn-primary display-7">View</a>
|
<a href="" class="btn item-btn btn-primary display-7">View</a>
|
||||||
</div>
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user