More Related Content
Similar to DOCTYPE html.pdf
Similar to DOCTYPE html.pdf (20)
DOCTYPE html.pdf
- 1. <!DOCTYPE html>
<html>
<head>
<title>Online Shopping Web</title>
<link rel="stylesheet" type="text/css" href="e-commerce.css">
</head>
<body>
<header id="home">
<nav>
<div class="logo">E-shop</div>
<div class="menu">
<a href="#home">Home </a>
<a href="#featured">Featured </a>
<a href="#man">Man </a>
<a href="#women">Women </a>
<a href="#">Shop </a>
</div>
</nav>
<div class="container">
<div class="left">
<img src="e-com1.png">
</div>
<div class="right">
<h1> Best Festival Offers</h1>
<p>
We are providing best quality materials. We have best quality clothes, shoes, for man and
womens.
</p>
<p>
50% Discount!!!
- 2. </p>
<button>Shop</button> <br>
</div>
</div>
</header>
<section id="featured">
<h1>Featured</h1>
<div class="wrapper">
<div class="box1">
<img src="e-com1.png">
<div class="price"> Price:$70 </div>
</div>
<div>
<img src="e-com2.png">
<div class="price"> Price:$50 </div>
</div>
<div>
<img src="e-com3.png">
<div class="price"> Price:$60 </div>
</div>
<div>
<img src="e-com4.png">
<div class="price"> Price:$80 </div>
</div>
<div>
<img src="e-com5.png">
<div class="price"> Price:$30 </div>
</div>
</div>
</section>
<section id="man">
- 3. <h1> Mens Footware</h1>
<div class="man-row">
<div class="man-box">
<img src="e-com4.png">
<h2> Nike Shoes <br> $80</h2>
<h3> Add to cart</h3>
</div>
<div class="man-box">
<img src="e-com4.png">
<h2> Nike Shoes <br> $80</h2>
<h3> Add to cart</h3>
</div>
<div class="man-box">
<img src="e-com4.png">
<h2> Nike Shoes <br> $80</h2>
<h3> Add to cart</h3>
</div>
<div class="man-box">
<img src="e-com4.png">
<h2> Nike Shoes <br> $80</h2>
<h3> Add to cart</h3>
</div>
</div>
</section>
<section id="women">
<h1> Womens Footware</h1>
<div class="man-row">
<div class="man-box">
<img src="e-com8.png">
<h2> Redtape Shoes <br> $60</h2>
<h3> Add to cart</h3>
- 4. </div>
<div class="man-box">
<img src="e-com8.png">
<h2> Redtape Shoes <br> $60</h2>
<h3> Add to cart</h3>
</div>
<div class="man-box">
<img src="e-com8.png">
<h2> Redtape Shoes <br> $60</h2>
<h3> Add to cart</h3>
</div>
<div class="man-box">
<img src="e-com8.png">
<h2> Redtape Shoes <br> $60</h2>
<h3> Add to cart</h3>
</div>
</div>
</section>
<section id="footer">
</section>
</body>
</html>
