mirror of
https://github.com/Alvin-Zilverstand/carsite.git
synced 2026-03-06 11:06:29 +01:00
161 lines
8.1 KiB
HTML
161 lines
8.1 KiB
HTML
<!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> |