index.html

<!DOCTYPE html>
<html>
<head>
	<title>Ecommerce Website!</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>
	<div class="container">
		<div class="logo">
			<img src="images/logo.jpg" alt="Our Cosmetic Shop">
		</div>
		<div class="header-top">
			<span>Call Us!</span> 0123456789
		</div>
		<nav>
			<ul>
				<li><a href="">Home</li>
				<li><a href="">About Us</li>
				<li><a href="">Services</li>
				<li><a href="">Products</li>
				<li><a href="">Blog</li>
				<li><a href="">Contact</li>
			</ul>
		</nav>
	</div>
	<div class="clear"></div>

</header>
<!--banner-->
<section id="banner">
	<div class="container">
		<img src="images/slider.jpg">
	</div>
</section>
<!--Hot Offer-->
<section>
	<div class="container">
		<h1>Best Selling Products</h1>
		<div class="products-div">
			<div class="single">
				<img src="images/1.jpg">
				<a href="">Product One</a>
			</div>
			<div class="single">
				<img src="images/1.jpg">
				<a href="">Product One</a>
			</div>
			<div class="single">
				<img src="images/1.jpg">
				<a href="">Product One</a>
			</div>
		</div>
		<div class="feature last">
			<img src="images/sale-product.jpg" alt="best product">
		</div>
	</div>
</section>


</body>
</html>