alvin/carsite
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/carsite.git synced 2026-04-21 18:46:42 +02:00
Code Issues Packages Projects Releases Wiki Activity
Files
8756b4269db2920616284d6ab8be1fc6c36211d6
carsite/index.html

821 lines
39 KiB
HTML
Raw Normal View History

cvxxv
2024-10-30 11:08:30 +01:00
<!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">
updates
2024-10-30 21:04:44 +01:00
<link rel="shortcut icon" href="favicon.jpg" type="image/x-icon">
cvxxv
2024-10-30 11:08:30 +01:00
<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>
cx
2024-10-30 11:21:48 +01:00
<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">
updates
2024-10-30 21:04:44 +01:00
<link rel="stylesheet" href="css/jarallax.css">
<link rel="stylesheet" href="css/dropstyle.css">
meh
2024-10-31 00:05:07 +01:00
<link rel="stylesheet" href="https://r.mobirisesite.com/849385/assets/socicon/css/styles.css?rnd=1730245704585">
updates
2024-10-30 21:04:44 +01:00
<link rel="stylesheet" href="css/themestyle.css">
cvxxv
2024-10-30 11:08:30 +01:00
<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>
updates
2024-10-30 21:04:44 +01:00
<link rel="stylesheet" href="css/additional.css" type="text/css">
mehmeh
2024-10-30 23:57:26 +01:00
meh
2024-10-31 00:05:07 +01:00
cvxxv
2024-10-30 11:08:30 +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>
ih
2024-10-30 11:19:20 +01:00
<style type="text/css">
body {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px
}
</style>
cvxxv
2024-10-30 11:08:30 +01:00
</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</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="#">JoinUs</a>
</li>
</ul>
f
2024-10-31 00:07:15 +01:00
<!--
<div class="navbar-buttons mbr-section-btn">
cvxxv
2024-10-30 11:08:30 +01:00
<a class="btn btn-primary display-4" href="#">Get Involved</a>
</div>
f
2024-10-31 00:07:15 +01:00
-->
cvxxv
2024-10-30 11:08:30 +01:00
</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&amp;loop=1&amp;playlist=spJqqu2H8n4&amp;t=20&amp;mute=1&amp;playsinline=1&amp;controls=0&amp;showinfo=0&amp;autohide=1&amp;allowfullscreen=true&amp;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="https://r.mobirisesite.com/849385/assets/images/photo-1428434828181-9d110c490087.jpeg" 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">Welcome to the ultimate carmeet experience! We’re not just a bunch of gearheads; we’re a family of speed demons, car lovers, and adrenaline junkies. Our meets are where horsepower meets heart, and every rev of the engine is a beat of our collective passion.</p>
<p class="mbr-text align-left mbr-fonts-style mb-3 display-7">From classic beauties to modern marvels, our gallery showcases the finest rides that graced our recent meet. Each car tells a story, and we’re here to share those tales with you. Buckle up, because this is where the rubber meets the road and the fun never stops!</p>
<p class="mbr-text align-left mbr-fonts-style mb-3 display-7">Join us for our next event, where the asphalt is hot, the engines are roaring, and the camaraderie is unbeatable. Whether you’re a car enthusiast or just love the thrill of the chase, there’s a spot for you in our 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">Where did this carmeet happen?</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">It took place at the iconic Speedster Park, where engines roared and tires squealed!</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&amp;loop=1&amp;playlist=a2GpdsT7v7w&amp;t=20&amp;mute=1&amp;playsinline=1&amp;controls=0&amp;showinfo=0&amp;autohide=1&amp;allowfullscreen=true&amp;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="#" 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="url" name="url" placeholder="Phone" data-form-field="url" 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:(555) 123-4567" class="text-black">(555) 123-4567</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:info@carmeet.com" class="text-black">info@carmeet.com</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">Berlicum 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">Mon-Fri: 9am - 5pm</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="#" 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="#" 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="#/" target="_blank">
<span class="mbr-iconfont socicon socicon-linkedin"></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>
begin js
2024-10-30 23:29:18 +01:00
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/jarallax.js"></script>
cvxxv
2024-10-30 11:08:30 +01:00
<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>
Reference in New Issue Copy Permalink