index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Auto Mart</title>
<link rel="stylesheet" href="UI/css/style.css">
<link href="https://fonts.googleapis.com/css" rel="stylesheet">
</head>
<body>
<div id="wrapper">
<header class=" header-main flex">
<nav>
<ul class="nav">
<li id="logo"><a href="">AutoMart</a></li>
<li><a href="UI/seller-signup-page.html">Sell Car</a></li>
<li><a href="UI/buyer-signup-page.html">Buy Car</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h1>Welcome to AutoMart, Find the Best Car deals Here</h1>
<div id='slider'>
<figure>
<img src="UI/images/black-car-car-fancy-104401.jpg" alt="Your text" />
<img src="UI/images/rangerover.jpg" alt="Your text" />
<img src="UI/images/black-car-car-fancy-104401.jpg" alt="Your text" />
<img src="UI/images/pexels-photo-810357.jpeg" alt="Your text" />
<img src="UI/images/black-car-car-fancy-104401.jpg">
</figure>
</div>
</section>
<section>
<div class="buy-car">
<h2>How to Buy a Car</h2>
<div class='buycar'>
<p><span>Find your car:</span> Find the vehicle you want to buy, ask the seller anything you want to know about the vehicle, test drive it (if you want) and then "Buy it Now" or make an offer to the seller.</p>
</div>
<div class='buycar'>
<p><span> Pay securely online: </span>Pay securely and easily with financing from your own bank. You can also buy your new vehicle with a credit/debit card.</p>
</div>
<div class='buycar'>
<p><span>Pick it up and drive it home:</span> Once you've paid, we let the seller know it's OK to release the car. We do all the paperwork for both buyer and seller. </p>
</div>
</div>
<div class="sell-car">
<h2>How to Sell Your Car</h2>
<div class='sellcar'>
<p><span>List your car: </span>Tell us about your car and set your price. We'll advertise it on our massive network of the best online car buying sites and find your buyer.</p>
</div>
<div class='sellcar'>
<p><span>Get Paid: </span>When you and the buyer agree to a price, your buyer pays securely on our site. </p>
</div>
<div class='sellcar'>
<p><span>Hand over the keys: </span>Once we get your buyer's payment, we 'll let you know it's safe to give the buyer the car. We 'll handle the paperwork and the title transfer</p>
</div>
</div>
</section>
<section id='testimonial-section'>
<h2>Testimonies</h2>
<div class="testimonial">
<div class="testimony">
<div class="testimony-items">
<img src="UI/images/pexels-photo-116675.jpeg" alt="">
<p>"I am happy because my car was sold within 3 days" - Kunle</p>
</div>
</div>
<div class="testimony">
<div class="testimony-items">
<img src="UI/images/pexels-photo-116675.jpeg" alt="">
<p>"I bought the car of my dreams within my budget." - Moruntayo</p>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="footer-main flex">
<p> © 2019 AutoMart designed by Chiamaka</p>
</footer>
</div>
</body>
</html>