Scribd
Upload
25 views4 pages

277 C HTML

Uploaded by

KundiLokesh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
25 views4 pages

277 C HTML

Uploaded by

KundiLokesh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 4

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>On Mart--E-Commerce</title>
<link rel="stylesheet" href="style.css">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?
family=Poppins:ital,wght@0,100;0,200;0,300;0,
400;0,500;0,600;0,700;1,100;1,200&display=swap" rel="stylesheet">

</head>

<body>

<div class="header">

<div class="container">
<div class="navbar">
<div class="logo">
<img src="images/logo.jpg" alt="logo" width="175px" height="50px">
</div>
<nav>
<ul>
<li><a href="">Home</a></li>
<li><a href=""></a>Products</li>
<li><a href="">About</a></li>
<li><a href="">Contact</a></li>
<li><a href="">Account</a></li>
</ul>
</nav>
<img src="Images/shop-bag.png" alt="cart icon" width="50px" height="45px">
</div>
<div class="row">
<div class="column-1">
<h1>Add Fashion <br> Change Lifestyle!</h1>
<p>Success isn't always about greatness.It's about
consistency.Consistent<br>
hard work gains success.Greatness will come.</p>
<a href="" class="btn">Explore Now &#8594;</a>

</div>
<div class="column-2">
<img src="images/Sport-main.1.png" alt=" covre image" width="800px"
height="700px">
</div>
</div>
</div>
</div>
<! -------------- featured categories--------------->

<div class="categories">
<div class="column-3">
<ul>
<li><img src="Images/categories-1.jpg" alt="Shoes" width="300px"
height="350px"></li>
<li><img src="Images/categories-2.jpg" alt="Basketball"
width="300px" height="350px"></li>
<li><img src="Images/categories-3.jpg" alt="Sweatshirt"
width="300px" height="350px"></li>
<li> <img src="Images/categories-4.jpg" alt="yoga mat"
width="300px" height="350px"></li>
</ul>
<h2 class="title">Featured Products</h2>
</div>
</div>

<! -------------- featured Products--------------->

<div class="row-2">

<div class="column-4">
<ul>
<li> <img src="images/1.gray-t-shirt.jpg" alt="gray-t-shirt"
style="width: 300px;" height="450px">
<h4>Gray T-Shirt</h4>
<p>$15.00</p></li>

<li> <img src="images/2.man-shirt-mockup.jpg" alt="sweatshirt"


style="width: 300px;" height="450px">
<h4>White Sweatshirt</h4>
<p>$20.00</p></li>

<li> <img src="images/3.jeans.jpg" alt="jeans" style="width:


300px;" height="450px">
<h4>Men Blue Stretchable jeans</h4>
<p>$20.00</p></li>

<li> <img src="images/4.-brown-pants.jpg" alt="joggers"


style="width: 300px;" height="450px">
<h4>Men Textured Slim Fit Formaal Trousers</h4>
<p>$25.00</p></li>

<li> <img src="images/5.-shoes-sneakers.jpg" alt=" Shoes"


style="width: 300px;" height="450px">
<h4>Nike Men Premium Road Running Shoes</h4>
<p>$45.00</p></li>

<li> <img src="images/6.sneakers-isolated-white.jpg" alt="Shoes"


style="width: 300px;" height="450px">
<h4>ADIDAS Men Woven Design Track-one Running Shoes</h4>
<p>$30.00</p></li>

<li> <img src="images/7.cap.jpg" alt="cap" style="width: 300px;"


height="450px">
<h4>H&M Men Grey Cap</h4>
<p>$15.00</p></li>

<li> <img src="images/8.bag.jpg" alt="bag" style="width: 300px;"


height="450px">
<h4>Gear Red and Black Soild Backpack </h4>
<p>$35.00</p></li>
</ul>
<h2 class="title">Latest Products</h2>

<div class="column-4">
<ul>
<li> <img src="images/product-5.jpg" alt="Shoes" style="width:
300px;" height="450px">
<h4>H&M Men Woven Design Track-one Running Shoes </h4>
<p>$15.00</p></li>

<li> <img src="images/product-6.jpg" alt="tshirt" style="width:


300px;" height="450px">
<h4>Black T-shirt</h4>
<p>$20.00</p></li>

<li> <img src="images/product-7.jpg" alt="Socks" style="width:


300px;" height="450px">
<h4>Men Cotton Socks</h4>
<p>$20.00</p></li>

<li> <img src="images/product-8.jpg" alt="Watch" style="width:


300px;" height="450px">
<h4>Men Black Analogue Watch</h4>
<p>$25.00</p></li>

<li> <img src="images/product-9.jpg" alt=" Watch" style="width:


300px;" height="450px">
<h4> Men Brass Dial Analogue Watch</h4>
<p>$45.00</p></li>

<li> <img src="images/product-10.jpg" alt="Shoes" style="width:


300px;" height="450px">
<h4>ADIDAS Men Woven Design Track-one Running Shoes</h4>
<p>$30.00</p></li>

<li> <img src="images/product-11.jpg" alt="Shoes" alt="cap"


style="width: 300px;" height="450px">
<h4>Nike Men Premium Road Running Shoes</h4>
<p>$15.00</p></li>

<li> <img src="images/product-12.jpg" alt="Track Pant" alt="bag"


style="width: 300px;" height="450px">
<h4>Men Navy Blue Solid Track Pant </h4>
<p>$35.00</p></li>
</ul>

<h2 class="title">Offers Now Available</h2>

</div>
</div>
</div>

<!---------------------offer---------------------->
<div class="offer">
<div class="row-3">
<div class="column-5">
<img src="images/exclusive.png" alt="smart watch">
</div>
<div class="column-5">
<p>Exclusively Available On Mart</p>
<h1>Fire Boltt7</h1>
<small> Surprise your dad with the Fire Boltt Visionary Smartwatch
this Father's Day.
With Bluetooth calling, a stunning display, and over 100
sports modes, it's the perfect gift for convenience and style.
This gift is a testament to your dad's well-being and
style.</small>

</div>

</div>
</div>

</body>
</html>

You might also like