mirror of
https://github.com/Alvin-Zilverstand/carsite.git
synced 2026-03-06 13:21:39 +01:00
815 lines
39 KiB
HTML
815 lines
39 KiB
HTML
<!DOCTYPE html>
|
||
<html >
|
||
<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 Showcase</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="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="#">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="gallery.html">Gallery</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link link text-black display-4" href="#" aria-expanded="false">Events</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link link text-black display-4" href="contact.html" aria-expanded="false">Contact</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
</section>
|
||
|
||
<section data-bs-version="5.1" class="header18 cid-usDHBbLoPE mbr-fullscreen" data-bg-video="https://www.youtube.com/embed/spJqqu2H8n4?autoplay=1&loop=1&playlist=spJqqu2H8n4&t=20&mute=1&playsinline=1&controls=0&showinfo=0&autohide=1&allowfullscreen=true&mode=transparent" id="hero-15-usDHBbLoPE">
|
||
|
||
|
||
<div class="mbr-overlay" style="opacity: 0.5; background-color: rgb(0, 0, 0);"></div>
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="content-wrap col-12 col-md-12">
|
||
<h1 class="mbr-section-title mbr-fonts-style mbr-white mb-4 display-1">
|
||
<strong>Rev It Up</strong>
|
||
</h1>
|
||
|
||
<p class="mbr-fonts-style mbr-text mbr-white mb-4 display-7">Join the wildest car enthusiasts in town and relive the excitement!</p>
|
||
<div class="mbr-section-btn">
|
||
<a class="btn btn-white-outline display-7" href="#">See Highlights</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section data-bs-version="5.1" class="people05 cid-usDHBbLwKa" id="testimonials-6-usDHBbLwKa">
|
||
|
||
|
||
|
||
|
||
<div class="container">
|
||
<div class="row mb-5 justify-content-center">
|
||
<div class="col-12 mb-0 content-head">
|
||
<h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
|
||
<strong>Buzz</strong>
|
||
</h3>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="item features-without-image col-12 col-md-6 col-lg-4 active">
|
||
<div class="item-wrapper">
|
||
<div class="card-box align-left">
|
||
<p class="card-text mbr-fonts-style display-7">Best carmeet ever! The energy was off the charts!</p>
|
||
<div class="img-wrapper mt-4 mb-3">
|
||
<img src="https://r.mobirisesite.com/849385/assets/images/photo-1489980791458-937dcbaf1d5b.jpeg" alt="" data-slide-to="0" data-bs-slide-to="0">
|
||
</div>
|
||
<h5 class="card-title mbr-fonts-style display-7">
|
||
<strong>Mike 'The Rev' Johnson</strong>
|
||
</h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="item features-without-image col-12 col-md-6 col-lg-4">
|
||
<div class="item-wrapper">
|
||
<div class="card-box align-left">
|
||
<p class="card-text mbr-fonts-style display-7">I’ve never seen so many stunning rides in one place!</p>
|
||
<div class="img-wrapper mt-4 mb-3">
|
||
<img src="https://r.mobirisesite.com/849385/assets/images/photo-1643029950351-6ae7f69186fc.jpeg" data-slide-to="1" data-bs-slide-to="1" alt="">
|
||
</div>
|
||
<h5 class="card-title mbr-fonts-style display-7">
|
||
<strong>Samantha 'Speedster' Lee</strong>
|
||
</h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="item features-without-image col-12 col-md-6 col-lg-4">
|
||
<div class="item-wrapper">
|
||
<div class="card-box align-left">
|
||
<p class="card-text mbr-fonts-style display-7">A car lover's paradise! Can't wait for the next one!</p>
|
||
<div class="img-wrapper mt-4 mb-3">
|
||
<img src="https://r.mobirisesite.com/849385/assets/images/photo-1522091066250-665186289043.jpeg" data-slide-to="2" data-bs-slide-to="2" alt="">
|
||
</div>
|
||
<h5 class="card-title mbr-fonts-style display-7">
|
||
<strong>Tommy 'Turbo' Smith</strong>
|
||
</h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section data-bs-version="5.1" class="article2 cid-usDHBbLhc6" id="about-us-2-usDHBbLhc6">
|
||
|
||
|
||
|
||
|
||
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-12 col-md-12 col-lg-6 image-wrapper">
|
||
<img class="w-100" src="media/30.jpg" alt="Mobirise Website Builder">
|
||
</div>
|
||
<div class="col-12 col-md-12 col-lg">
|
||
<div class="text-wrapper align-left">
|
||
<h1 class="mbr-section-title mbr-fonts-style mb-4 display-2">
|
||
<strong>Our Wild Ride</strong>
|
||
</h1>
|
||
<p class="mbr-text align-left mbr-fonts-style mb-3 display-7">Welkom bij de ultieme carmeet-ervaring! We zijn niet zomaar een groep autogekken; we zijn een familie van snelheidsduivels, autoliefhebbers en adrenalinejunkies. Onze meets zijn waar paardenkracht en passie samenkomen, en elke toeren van de motor is een hartslag van onze collectieve passie.</p>
|
||
|
||
<p class="mbr-text align-left mbr-fonts-style mb-3 display-7">Van klassieke schoonheden tot moderne wonderen, onze galerij toont de beste ritten die onze recente meet sierden. Elke auto vertelt een verhaal, en we zijn er om die verhalen met jou te delen. Maak je klaar, want hier is waar het rubber op de weg komt en het plezier nooit stopt!</p>
|
||
|
||
<p class="mbr-text align-left mbr-fonts-style mb-3 display-7">Doe mee met ons volgende evenement, waar het asfalt heet is, de motoren brullen en de kameraadschap onverslaanbaar is. Of je nu een autoliefhebber bent of gewoon van de sensatie van de jacht houdt, er is een plekje voor jou in onze crew!</p>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section data-bs-version="5.1" class="gallery10 cid-usDHBbMQak" id="features-69-usDHBbMQak">
|
||
|
||
|
||
|
||
<div class="container-fluid">
|
||
|
||
<div class="loop-container">
|
||
<div class="item display-1" data-linewords="Stunning Car Photography * Epic Community Events * " data-direction="-1" data-speed="0.05">☁️ Best offers ☁️ Free delivery ☁️ Perfect design ☁️ Comfort ☁️ Support 24/7 ☁️ Vibes</div>
|
||
|
||
<div class="item display-1" data-linewords="Stunning Car Photography * Epic Community Events * " data-direction="-1" data-speed="0.05">☁️ Best offers ☁️ Free delivery ☁️ Perfect design ☁️ Comfort ☁️ Support 24/7 ☁️ Vibes</div>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<section data-bs-version="5.1" class="list1 cid-usDHBbMTcA" id="faq-1-usDHBbMTcA">
|
||
|
||
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-12 col-md-12 col-lg-10 m-auto">
|
||
<div class="content">
|
||
<div class="row justify-content-center mb-5">
|
||
<div class="col-12 content-head">
|
||
<div class="mbr-section-head">
|
||
<h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
|
||
<strong>Frequently Asked Questions</strong>
|
||
</h4>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="bootstrap-accordion_6" class="panel-group accordionStyles accordion" role="tablist" aria-multiselectable="true">
|
||
<div class="card">
|
||
<div class="card-header" role="tab" id="headingOne">
|
||
<a role="button" class="panel-title collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse1_6" aria-expanded="false" aria-controls="collapse1">
|
||
<h6 class="panel-title-edit mbr-semibold mbr-fonts-style mb-0 display-5">What is a carmeet?</h6>
|
||
<span class="sign mbr-iconfont mobi-mbri-arrow-down"></span>
|
||
</a>
|
||
</div>
|
||
<div id="collapse1_6" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_6">
|
||
<div class="panel-body">
|
||
<p class="mbr-fonts-style panel-text display-7">A carmeet is a gathering of car enthusiasts, showcasing their rides and sharing their passion!</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-header" role="tab" id="headingOne">
|
||
<a role="button" class="panel-title collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse2_6" aria-expanded="false" aria-controls="collapse2">
|
||
<h6 class="panel-title-edit mbr-semibold mbr-fonts-style mb-0 display-5">Waar was de carmeet?</h6>
|
||
<span class="sign mbr-iconfont mobi-mbri-arrow-down"></span>
|
||
</a>
|
||
</div>
|
||
<div id="collapse2_6" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_6">
|
||
<div class="panel-body">
|
||
<p class="mbr-fonts-style panel-text display-7">Vliegveld wezen in Duitsland.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-header" role="tab" id="headingOne">
|
||
<a role="button" class="panel-title collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse3_6" aria-expanded="false" aria-controls="collapse3">
|
||
<h6 class="panel-title-edit mbr-semibold mbr-fonts-style mb-0 display-5">How can I join the next one?</h6>
|
||
<span class="sign mbr-iconfont mobi-mbri-arrow-down"></span>
|
||
</a>
|
||
</div>
|
||
<div id="collapse3_6" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_6">
|
||
<div class="panel-body">
|
||
<p class="mbr-fonts-style panel-text display-7">Follow us on social media for updates and be part of the action!</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-header" role="tab" id="headingOne">
|
||
<a role="button" class="panel-title collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse4_6" aria-expanded="false" aria-controls="collapse4">
|
||
<h6 class="panel-title-edit mbr-semibold mbr-fonts-style mb-0 display-5">Is there an entry fee?</h6>
|
||
<span class="sign mbr-iconfont mobi-mbri-arrow-down"></span>
|
||
</a>
|
||
</div>
|
||
<div id="collapse4_6" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_6">
|
||
<div class="panel-body">
|
||
<p class="mbr-fonts-style panel-text display-7">Nope! Just bring your love for cars and a smile!</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-header" role="tab" id="headingOne">
|
||
<a role="button" class="panel-title collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse5_6" aria-expanded="false" aria-controls="collapse5">
|
||
<h6 class="panel-title-edit mbr-semibold mbr-fonts-style mb-0 display-5">Can I bring my kids?</h6>
|
||
<span class="sign mbr-iconfont mobi-mbri-arrow-down"></span>
|
||
</a>
|
||
</div>
|
||
<div id="collapse5_6" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_6">
|
||
<div class="panel-body">
|
||
<p class="mbr-fonts-style panel-text display-7">Absolutely! Kids love cars, and we have fun activities for them!</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section data-bs-version="5.1" class="image02 cid-usDHBbNnNQ mbr-fullscreen mbr-parallax-background" id="image-13-usDHBbNnNQ">
|
||
|
||
|
||
<div class="container">
|
||
<div class="row"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section data-bs-version="5.1" class="features10 cid-usDHBbNsax" id="metrics-2-usDHBbNsax">
|
||
|
||
|
||
|
||
|
||
<div class="container">
|
||
|
||
<div class="row justify-content-center">
|
||
<div class="item features-without-image col-12 col-md-6 col-lg-4">
|
||
<div class="item-wrapper">
|
||
<div class="card-box align-left">
|
||
|
||
<p class="card-title mbr-fonts-style mb-3 display-1">
|
||
<strong>150+</strong>
|
||
</p>
|
||
<p class="card-text mbr-fonts-style mb-3 display-7">Cars Showcased</p>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="item features-without-image col-12 col-md-6 col-lg-4">
|
||
<div class="item-wrapper">
|
||
<div class="card-box align-left">
|
||
|
||
<p class="card-title mbr-fonts-style mb-3 display-1">
|
||
<strong>500+</strong>
|
||
</p>
|
||
<p class="card-text mbr-fonts-style mb-3 display-7">Happy Participants</p>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="item features-without-image col-12 col-md-6 col-lg-4">
|
||
<div class="item-wrapper">
|
||
<div class="card-box align-left">
|
||
|
||
<p class="card-title mbr-fonts-style mb-3 display-1">
|
||
<strong>10+</strong>
|
||
</p>
|
||
<p class="card-text mbr-fonts-style mb-3 display-7">Sponsors Onboard</p>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section data-bs-version="5.1" class="features03 cid-usDHBbNZTG" id="news-1-usDHBbNZTG">
|
||
|
||
|
||
<div class="container-fluid">
|
||
<div class="row justify-content-center mb-5">
|
||
<div class="col-12 content-head">
|
||
<div class="mbr-section-head">
|
||
<h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
|
||
<strong>Car Meet Highlights</strong>
|
||
</h4>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="item features-image col-12 col-md-6 col-lg-3 active">
|
||
<div class="item-wrapper">
|
||
<div class="item-img mb-3">
|
||
<img src="https://r.mobirisesite.com/849385/assets/images/photo-1470723710355-95304d8aece4.jpeg" alt="Mobirise Website Builder" title="">
|
||
</div>
|
||
<div class="item-content align-left">
|
||
<h5 class="item-title mbr-fonts-style mt-0 mb-2 display-5">
|
||
<strong>Epic Night of Rides</strong>
|
||
</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">Last night was a blast! Cars, friends, and unforgettable moments filled the air. Check out the highlights!</p>
|
||
<div class="mbr-section-btn item-footer">
|
||
<a href="" class="btn item-btn btn-primary display-7">View</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="item features-image col-12 col-md-6 col-lg-3">
|
||
<div class="item-wrapper">
|
||
<div class="item-img mb-3">
|
||
<img src="https://r.mobirisesite.com/849385/assets/images/photo-1665823451818-0672b68ab6bc.jpeg" alt="Mobirise Website Builder" title="" data-slide-to="1" data-bs-slide-to="1">
|
||
</div>
|
||
<div class="item-content align-left">
|
||
<h5 class="item-title mbr-fonts-style mb-2 mt-0 display-5">
|
||
<strong>Best Rides of the Night</strong>
|
||
</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">From classics to modern beasts, the lineup was jaw-dropping. Don’t miss these stunning machines!</p>
|
||
<div class="mbr-section-btn item-footer">
|
||
<a href="" class="btn item-btn btn-primary display-7">View</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="item features-image col-12 col-md-6 col-lg-3">
|
||
<div class="item-wrapper">
|
||
<div class="item-img mb-3">
|
||
<img src="https://r.mobirisesite.com/849385/assets/images/photo-1533402199111-b58fbae42f5a.jpeg" alt="Mobirise Website Builder" title="" data-slide-to="2" data-bs-slide-to="2">
|
||
</div>
|
||
<div class="item-content align-left">
|
||
<h5 class="item-title mbr-fonts-style mb-2 mt-0 display-5">
|
||
<strong>Meet the Car Enthusiasts</strong>
|
||
</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">Passionate owners shared stories and laughs. It’s not just about the cars; it’s about the community!</p>
|
||
<div class="mbr-section-btn item-footer">
|
||
<a href="" class="btn item-btn btn-primary display-7">View</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="item features-image col-12 col-md-6 col-lg-3">
|
||
<div class="item-wrapper">
|
||
<div class="item-img mb-3">
|
||
<img src="https://r.mobirisesite.com/849385/assets/images/photo-1488134684157-fea2d81a5ec4.jpeg" alt="Mobirise Website Builder" title="" data-slide-to="2" data-bs-slide-to="2">
|
||
</div>
|
||
<div class="item-content align-left">
|
||
<h5 class="item-title mbr-fonts-style mb-2 mt-0 display-5">
|
||
<strong>Join Us Next Time!</strong>
|
||
</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">Don’t be left out! Our next meet promises even more excitement. Mark your calendars!</p>
|
||
<div class="mbr-section-btn item-footer">
|
||
<a href="" class="btn item-btn btn-primary display-7">View</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section data-bs-version="5.1" class="form1 cid-usDHBbNMs4" id="call-to-action-12-usDHBbNMs4">
|
||
|
||
|
||
|
||
|
||
<div class="container">
|
||
<div class="row content-wrapper justify-content-center">
|
||
<div class="col-lg-7 mbr-form">
|
||
<div class="col-lg-12 col-md-12 col-sm-12">
|
||
<h5 class="mbr-section-title mbr-fonts-style mb-5 display-2">
|
||
<strong>Subscribe for More Car Madness!</strong>
|
||
</h5>
|
||
</div>
|
||
|
||
<div class="text-wrapper align-left" data-form-type="formoid">
|
||
<form action="https://mobirise.eu/" method="POST" class="mbr-form form-with-styler" data-form-title="Form Name"><input type="hidden" name="email" data-form-email="true" value="rO7FMmEkMNqitPt6pzT8cdXsF2S4HPEMCftRisZilxUy1FPXmn6E7WpLXLM5Iyg7XfKBnJ8PozVT4AAWtMDj0tTVBpHTra3wdUMKOWBqVULNHT4aqXbPT5GJJONQICJ5">
|
||
<div class="row">
|
||
<div hidden="hidden" data-form-alert="" class="alert alert-success col-12">Thanks for filling out the form!</div>
|
||
<div hidden="hidden" data-form-alert-danger="" class="alert alert-danger col-12">
|
||
Oops...! some problem!
|
||
</div>
|
||
</div>
|
||
<div class="dragArea row">
|
||
<div data-for="email" class="col-lg-6 col-md-6 col-sm-12 form-group">
|
||
<input type="email" name="email" placeholder="test@email.com" data-form-field="email" class="form-control display-7" value="" id="email-call-to-action-12-usDHBbNMs4">
|
||
</div>
|
||
<div class="col-auto mbr-section-btn">
|
||
<button type="submit" class="w-100 btn btn-primary display-7">Subscribe</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section data-bs-version="5.1" class="gallery07 cid-usDHBbOyN0" id="gallery-16-usDHBbOyN0">
|
||
|
||
|
||
<div class="container-fluid gallery-wrapper">
|
||
<div class="row justify-content-center">
|
||
<div class="col-12 content-head">
|
||
<div class="mbr-section-head mb-5">
|
||
<h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
|
||
<strong>Gallery of Awesomeness</strong>
|
||
</h4>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="grid-container">
|
||
<div class="grid-container-3 moving-left" style="transform: translate3d(-200px, 0px, 0px);">
|
||
<div class="grid-item">
|
||
<img src="https://r.mobirisesite.com/849385/assets/images/photo-1579762593217-46655e4e7efc.jpeg" alt="Mobirise Website Builder">
|
||
</div>
|
||
<div class="grid-item">
|
||
<img src="https://r.mobirisesite.com/849385/assets/images/photo-1485445636332-cbe2d86716dd.jpeg" alt="Mobirise Website Builder">
|
||
</div>
|
||
<div class="grid-item">
|
||
<img src="https://r.mobirisesite.com/849385/assets/images/photo-1591278169757-deac26e49555.jpeg" alt="Mobirise Website Builder">
|
||
</div>
|
||
<div class="grid-item">
|
||
<img src="https://r.mobirisesite.com/849385/assets/images/photo-1465447142348-e9952c393450.jpeg" alt="Mobirise Website Builder">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section data-bs-version="5.1" class="header18 cid-usDHBbO0wN mbr-fullscreen" data-bg-video="https://www.youtube.com/embed/a2GpdsT7v7w?autoplay=1&loop=1&playlist=a2GpdsT7v7w&t=20&mute=1&playsinline=1&controls=0&showinfo=0&autohide=1&allowfullscreen=true&mode=transparent" id="video-5-usDHBbO0wN">
|
||
|
||
|
||
<div class="mbr-overlay" style="opacity: 0.3; background-color: rgb(0, 0, 0);"></div>
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section data-bs-version="5.1" class="social4 cid-usDHBbO6Y1" id="follow-us-1-usDHBbO6Y1">
|
||
|
||
|
||
|
||
|
||
<div class="container">
|
||
<div class="media-container-row">
|
||
<div class="col-12">
|
||
<h3 class="mbr-section-title align-center mb-5 mbr-fonts-style display-2">
|
||
<strong>Join Our Car Culture!</strong>
|
||
</h3>
|
||
<div class="social-list align-center">
|
||
<a class="iconfont-wrapper bg-twitter m-2" href="#" target="_blank">
|
||
<span class="socicon-twitter socicon"></span>
|
||
</a>
|
||
<a class="iconfont-wrapper bg-instagram m-2" href="#" target="_blank">
|
||
<span class="socicon-instagram socicon"></span>
|
||
</a>
|
||
|
||
|
||
|
||
|
||
|
||
<a class="iconfont-wrapper bg-tiktok m-2" href="https://www.tiktok.com/@402automotive" target="_blank">
|
||
<span class="socicon-tiktok socicon"></span>
|
||
</a>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section data-bs-version="5.1" class="form5 cid-usDHBbOy81" id="contact-form-3-usDHBbOy81">
|
||
|
||
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-12 content-head">
|
||
<div class="mbr-section-head mb-5">
|
||
<h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
|
||
<strong>Get In Touch!</strong>
|
||
</h3>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-8 mx-auto mbr-form" data-form-type="formoid">
|
||
<form action="https://mobirise.eu/" method="POST" class="mbr-form form-with-styler" data-form-title="Form Name"><input type="hidden" name="email" data-form-email="true" value="DxwsoVqZWVUA3z8iDqs1mU8Ped76MqRBdZPVRDrGK9i60+giLiIXPtmi/Z1uaAirCIeQ2gnA2UrtDTHyilyA0uPClZRGN6SQq68AE9yh1yh1hI/n1i0zMafGdTNRa0mj">
|
||
<div class="row">
|
||
<div hidden="hidden" data-form-alert="" class="alert alert-success col-12">Thanks for filling out the form!</div>
|
||
<div hidden="hidden" data-form-alert-danger="" class="alert alert-danger col-12">
|
||
Oops...! some problem!
|
||
</div>
|
||
</div>
|
||
<div class="dragArea row">
|
||
<div class="col-md col-sm-12 form-group mb-3" data-for="name">
|
||
<input type="text" name="name" placeholder="Name" data-form-field="name" class="form-control" value="" id="name-contact-form-3-usDHBbOy81">
|
||
</div>
|
||
<div class="col-md col-sm-12 form-group mb-3" data-for="email">
|
||
<input type="email" name="email" placeholder="Email" data-form-field="email" class="form-control" value="" id="email-contact-form-3-usDHBbOy81">
|
||
</div>
|
||
<div class="col-12 form-group mb-3 mb-3" data-for="url">
|
||
<input type="number" name="url" placeholder="Phone" data-form-field="number" class="form-control" value="" id="url-contact-form-3-usDHBbOy81">
|
||
</div>
|
||
<div class="col-12 form-group mb-3" data-for="textarea">
|
||
<textarea name="textarea" placeholder="Message" data-form-field="textarea" class="form-control" id="textarea-contact-form-3-usDHBbOy81"></textarea>
|
||
</div>
|
||
<div class="col-lg-12 col-md-12 col-sm-12 align-center mbr-section-btn">
|
||
<button type="submit" class="btn btn-primary display-7">Send It!</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section data-bs-version="5.1" class="contacts01 cid-usDHBbOaGu" id="contacts-1-usDHBbOaGu">
|
||
|
||
|
||
|
||
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-12 content-head">
|
||
<div class="mbr-section-head mb-5">
|
||
<h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
|
||
<strong>Contact Us</strong>
|
||
</h3>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="item features-without-image col-12 col-md-6 active">
|
||
<div class="item-wrapper">
|
||
<div class="text-wrapper">
|
||
<h6 class="card-title mbr-fonts-style mb-3 display-5">
|
||
<strong>Phone</strong>
|
||
</h6>
|
||
<p class="mbr-text mbr-fonts-style display-7">
|
||
<a href="tel:+31 6 48284258" class="text-black">+31 6 48284258</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="item features-without-image col-12 col-md-6">
|
||
<div class="item-wrapper">
|
||
<div class="text-wrapper">
|
||
<h6 class="card-title mbr-fonts-style mb-3 display-5">
|
||
<strong>Email</strong>
|
||
</h6>
|
||
<p class="mbr-text mbr-fonts-style display-7">
|
||
<a href="mailto:508831@vistacollege.nl" class="text-black">508831@vistacollege.nl</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="item features-without-image col-12 col-md-6">
|
||
<div class="item-wrapper">
|
||
<div class="text-wrapper">
|
||
<h6 class="card-title mbr-fonts-style mb-3 display-5">
|
||
<strong>Address</strong>
|
||
</h6>
|
||
<p class="mbr-text mbr-fonts-style display-7">Heerlen Netherlands</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="item features-without-image col-12 col-md-6">
|
||
<div class="item-wrapper">
|
||
<div class="text-wrapper">
|
||
<h6 class="card-title mbr-fonts-style mb-3 display-5">
|
||
<strong>Working Hours</strong>
|
||
</h6>
|
||
<p class="mbr-text mbr-fonts-style display-7">Frijdag: 9:00 - 17:00</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section data-bs-version="5.1" class="footer3 cid-usDHBbOYRj" once="footers" id="footer-3-usDHBbOYRj">
|
||
|
||
|
||
|
||
|
||
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="row-links">
|
||
<ul class="header-menu">
|
||
|
||
|
||
|
||
|
||
<li class="header-menu-item mbr-fonts-style display-5">
|
||
<a href="#" class="text-white">Home</a>
|
||
</li><li class="header-menu-item mbr-fonts-style display-5">
|
||
<a href="gallery.html" class="text-white">Gallery</a>
|
||
</li><li class="header-menu-item mbr-fonts-style display-5">
|
||
<a href="#" class="text-white">Events</a>
|
||
</li><li class="header-menu-item mbr-fonts-style display-5">
|
||
<a href="contact.html" class="text-white">Contact</a>
|
||
</li></ul>
|
||
</div>
|
||
|
||
<div class="col-12 mt-4">
|
||
<div class="social-row">
|
||
<div class="soc-item">
|
||
<a href="#/" target="_blank">
|
||
<span class="mbr-iconfont socicon-twitter socicon"></span>
|
||
</a>
|
||
</div>
|
||
<div class="soc-item">
|
||
<a href="#/" target="_blank">
|
||
<span class="mbr-iconfont socicon-instagram socicon"></span>
|
||
</a>
|
||
</div>
|
||
<div class="soc-item">
|
||
<a href="https://www.tiktok.com/@402automotive/" target="_blank">
|
||
<span class="mbr-iconfont socicon socicon-tiktok"></span>
|
||
</a>
|
||
</div>
|
||
<div class="soc-item">
|
||
<a href="#/" target="_blank">
|
||
<span class="mbr-iconfont socicon socicon-twitch"></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 mt-5">
|
||
<p class="mbr-fonts-style copyright display-7">© 2024 Car Meet Inc. All rights reserved.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<script src="js/jquery.min.js"></script>
|
||
<script src="js/bootstrap.bundle.min.js"></script>
|
||
<script src="js/jarallax.js"></script>
|
||
<script src="https://r.mobirisesite.com/849385/assets/smoothscroll/smooth-scroll.js?rnd=1730245704585"></script>
|
||
<script src="https://r.mobirisesite.com/849385/assets/ytplayer/index.js?rnd=1730245704585"></script>
|
||
<script src="https://r.mobirisesite.com/849385/assets/dropdown/js/navbar-dropdown.js?rnd=1730245704585"></script>
|
||
<script src="https://r.mobirisesite.com/849385/assets/vimeoplayer/player.js?rnd=1730245704585"></script>
|
||
<script src="https://r.mobirisesite.com/849385/assets/mbr-switch-arrow/mbr-switch-arrow.js?rnd=1730245704585"></script>
|
||
<script src="https://r.mobirisesite.com/849385/assets/scrollgallery/scroll-gallery.js?rnd=1730245704585"></script>
|
||
<script src="https://r.mobirisesite.com/849385/assets/theme/js/script.js?rnd=1730245704585"></script>
|
||
<script src="https://r.mobirisesite.com/849385/assets/formoid/formoid.min.js?rnd=1730245704585"></script>
|
||
|
||
|
||
|
||
</body>
|
||
</html>
|