<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ONLINE BILLBOARD CREATOR</title>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/minireset.css/0.0.2/minireset.min.css"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500;600;700;800;900&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="./css/style.css" />
</head>
<body>
<nav class="navbar navbar-expand-sm navbar-light bg-light bannersNavbar">
<div class="container">
<a class="navbar-brand" href="#">ONLINE BILLBOARD CREATOR</a>
<button
class="navbar-toggler d-lg-none"
type="button"
data-toggle="collapse"
data-target="#collapsibleNavId"
aria-controls="collapsibleNavId"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavId">
<ul class="navbar-nav ml-auto">
<li class="nav-item mr-4">
<a
class="nav-link navbarBtn"
href="https://myonlinebillboard.com/"
>Advertise Billboard</a
>
</li>
</ul>
</div>
</div>
</nav>
<!-- Banners Section -->
<section class="bannersSection">
<div class="container">
<h1 class="mainHeading">CHOOSE YOUR ONLINE BILLBOARD DESIGN</h1>
<div class="mainText">
Please select your online billboard design below and you will then be
able to modify and download your online billboard in a matter of
seconds!
</div>
<div class="mainText mt-3">
Once you have your online billboard design. Don't forget to check out
My Online Billboard today to advertise your online billboard to
thousands of websites, apps, games and more in a matter of seconds!
</div>
<div class="row mt-4">
<div class="col-lg-3">
<a href="banner1.html" class="bannersCard bannerCardOne">
<div class="contents">
<div class="bannerText">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Molestias, laborum.
</div>
<div class="adsbannerTag">READ MORE</div>
</div>
<img class="bannerLogo" src="./img/banner-logo.png" alt="" />
<div id="chevron">
<div class="bannerHeading">Lorem</div>
</div>
<img class="bannerImg" src="./img/card-banner-img1.jpg" alt="" />
<span class="bannerTag">1</span>
</a>
</div>
<div class="col-lg-3">
<a href="banner2.html" class="bannersCard bannerCardTwo">
<div class="contents">
<div class="bannerText">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Molestias, laborum.
</div>
<div class="adsbannerTag">READ MORE</div>
</div>
<img class="bannerLogo" src="./img/banner-logo.png" alt="" />
<div id="pointer">
<div class="bannerHeading">Lorem</div>
</div>
<img class="bannerImg" src="./img/card-banner-img2.jpg" alt="" />
<span class="bannerTag">2</span>
</a>
</div>
<div class="col-lg-3">
<a href="banner3.html" class="bannersCard bannersCardThree">
<div class="contents">
<div class="bannerText">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Molestias, laborum.
</div>
<div class="adsbannerTag">READ MORE</div>
</div>
<img class="bannerLogo" src="./img/banner-logo.png" alt="" />
<div class="bannerCardTag">
<div class="bannerHeading">Lorem</div>
</div>
<img class="bannerImg" src="./img/card-banner-img3.jpg" alt="" />
<span class="bannerTag">3</span>
</a>
</div>
<div class="col-lg-3">
<a href="banner4.html" class="bannersCard bannersCardFour">
<div class="contents">
<div class="bannerText">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Molestias, laborum.
</div>
<div class="adsbannerTag">READ MORE</div>
</div>
<div class="bannerCardTagFour">
<img class="bannerLogo" src="./img/banner-logo.png" alt="" />
<div class="bannerHeading">Lorem</div>
</div>
<img class="bannerImg" src="./img/card-banner-img4.jpg" alt="" />
<span class="bannerTag">4</span>
</a>
</div>
<div class="col-lg-3">
<a href="banner5.html" class="bannersCard bannersCardFive">
<div class="bannerCardTagFive">
<div class="bannerHeading">Lorem</div>
</div>
<div class="contents">
<div class="bannerText">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Molestias, laborum.
</div>
<div class="adsbannerTag">READ MORE</div>
</div>
<img class="bannerLogo" src="./img/banner-logo.png" alt="" />
<img class="bannerImg" src="./img/card-banner-img5.jpg" alt="" />
<span class="bannerTag">5</span>
</a>
</div>
<div class="col-lg-3">
<a href="banner6.html" class="bannersCard bannersCardSix">
<div class="contents">
<div class="bannerText">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Molestias, laborum.
</div>
<div class="adsbannerTag">READ MORE</div>
</div>
<img class="bannerLogo" src="./img/banner-logo.png" alt="" />
<div class="bannerSixcardTag">
<div id="talkbubble">
<div class="bannerHeading">Lorem</div>
</div>
</div>
<img class="bannerImg" src="./img/card-banner-img6.jpg" alt="" />
<span class="bannerTag">6</span>
</a>
</div>
</div>
</div>
</section>
<!-- Page footer -->
<footer class="pageFooter">
<div class="container">
<div class="row mb-5">
<div class="col-lg-4">
<a class="footerLogo" href="https://myonlinebIllboard.com/"
><img src="./img/footer-logo.png" alt=""
/></a>
</div>
<div class="col-lg-4 my-4 my-lg-0">
<h2 class="footerHeading">Online Billboard</h2>
<a class="footerLink" href="#">Sign Up For</a>
<a class="footerLink" href="#">MyOnline</a>
<a class="footerLink" href="#">Billboard</a>
<a class="footerLink" href="#">Create Online</a>
<a class="footerLink" href="#">Billboard</a>
</div>
<div class="col-lg-4">
<h2 class="footerHeading">ONLINE BILLBOARD CREATOR</h2>
<div class="footerText">
Create multiple online billboards in seconds and begin advertising
your online billboard in minutes! Test out our free online
billboard creator today!
</div>
<div class="footerSearchArea">
<input type="text" name="" id="" placeholder="Search..." />
<button class="sendBtn"><i class="fas fa-search"></i></button>
</div>
</div>
</div>
<div class="copyrightText">
Copyright My Online Billboard Creator. Made In Partnership By My
Online Billboard.
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>