2024-11-05 09:52:39 +01:00
<!DOCTYPE html>
< html lang = "en" >
< head >
2024-11-05 09:59:27 +01:00
< 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" >
2024-11-05 09:52:39 +01:00
< 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 >
2024-11-05 10:14:00 +01:00
< li class = "nav-item" >
< a class = "nav-link link text-black display-4" href = "#" aria-expanded = "false" > Evenementen< / a >
< / li >
2024-11-05 09:52:39 +01:00
< / ul >
< / div >
< / div >
< / nav >
< / section >
2024-11-05 09:59:27 +01:00
2024-11-05 09:52:39 +01:00
< / body >
< / html >
