LOK C HTML
LOK C HTML
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Ecommerce</title>
</head>
<body>
<div class="main-section">
<div class="navbar">
<div class="company">
<h2>Ecommerce</h2>
</div>
<div class="products">
<ul>
<li>Laptop</li>
<li>Mobiles</li>
<li>Ac</li>
<li>Tv</li>
<li>Camera</li>
<li>Watch</li>
</ul>
</div>
</div>
<div class="banner-section">
<img src="assets/Banner-1.jpg" alt="banner">
</div>
<div>
<h2>New Products</h2>
</div>
<div class="category-section">
<ul>
<li>
<img src="assets/Categories/laptop.jpg" alt="">
<span>Laptop</span>
</li>
<li>
<img src="assets/Categories/camera.jpg" alt="">
<span>Camera</span>
</li>
<li>
<img src="assets/Categories/Ac.jpg" alt="">
<span>Ac</span>
</li>
<li>
<img src="assets/Categories/fridge.jpg" alt="">
<span>Fridge</span>
</li>
<li>
<img src="assets/Categories/ipods.jpg" alt="">
<span>Ipods</span>
</li>
<li>
<img src="assets/Categories/phone.png" alt="">
<span>Phone</span>
</li>
<li>
<img src="assets/Categories/speakers.jpg" alt="">
<span>Speakers</span>
</li>
<li>
<img src="assets/Categories/Tv.jpg" alt="">
<span>TV</span>
</li>
<li>
<img src="assets/Categories/watch.jpg" alt="">
<span>Watch</span>
</li>
<li>
<img src="assets/Categories/tabs.jpg" alt="">
<span>Tabs</span>
</li>
</ul>
</div>
<div>
<h2>New Arrival</h2>
</div>
<div class="arrival-section">
<div class="sub-section">
<ul>
<a href="Aircondition.html" target="_blank">
<li>
<img src="assets/Arrival/arr-ac.jpg" alt="">
<span>Samsung Split Ac 4 Star</span>
</li>
</a>
<a href="headphones.html" target="_blank">
<li>
<img src="assets/Arrival/arr-headP.png" alt="">
<span>Blot Head Phones</span>
</li>
</a>
<a href="ipod.html" target="_blank">
<li>
<img src="assets/Arrival/arr-ipod.jpg" alt="">
<span>Apple Ipods</span>
</li>
</a>
<a href="mixer.html" target="_blank">
<li>
<img src="assets/Arrival/arr-mixer.jpg" alt="">
<span>Usha Mixer Glant</span>
</li>
</a>
<a href="mobile.html" target="_blank">
<li>
<img src="assets/Arrival/arr-mobile.png" alt="">
<span>Samung Mobile</span>
</li>
</a>
<a href="speakers.html" target="_blank">
<li>
<img src="assets/Arrival/arr-speaker.jpg" alt="">
<span>Sony Speakers</span>
</li>
</a>
<a href="tabs.html" target="_blank">
<li>
<img src="assets/Arrival/arr-tab.jpg" alt="">
<span>Apple Tablets</span>
</li>
</a>
<a href="timmer.html" target="_blank">
<li>
<img src="assets/Arrival/arr-trimmer.png" alt="">
<span>Philips Trimmer</span>
</li>
</a>
<a href="tv.html" target="_blank">
<li>
<img src="assets/Arrival/arr-tv.jpg" alt="">
<span>MI Tv</span>
</li>
</a>
<a href="laptop.html" target="_blank">
<li>
<img src="assets/Arrival/arr-laptop.png" alt="">
<span>Lenovo Laptop</span>
</li>
</a>
</ul>
</div>
</div>
<div class="banner-2">
<img src="assets/Banner-2.jpg" alt="">
</div>
<div class="discount-section">
<img src="assets/Discount/disc-1.jpg" alt="">
<img src="assets/Discount/disc-2.jpg" alt="">
<img src="assets/Discount/disc-3.jpg" alt="">
<img src="assets/Discount/disc-4.jpg" alt="">
<img src="assets/Discount/disc-5.jpg" alt="">
<img src="assets/Discount/disc-6.jpg" alt="">
<img src="assets/Discount/disc-7.jpg" alt="">
<img src="assets/Discount/disc-8.jpg" alt="">
<img src="assets/Discount/disc-9.jpg" alt="">
<img src="assets/Discount/disc-10.jpg" alt="">
</div>
<div class="footer">
<img src="assets/footer.png" alt="">
</div>
</div>
</body>
</html>
Air
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Ac</title>
</head>
<body>
<div class="main-section">
<div class="navbar">
<div class="company">
<h2>Ecommerce</h2>
</div>
<div class="products">
<ul>
<li>Laptop</li>
<li>Mobiles</li>
<li>Ac</li>
<li>Tv</li>
<li>Camera</li>
<li>Watch</li>
</ul>
</div>
</div>
<div class="product-detail">
<div class="pro-left">
<img src="assets/Arrival/arr-ac.jpg" alt="">
</div>
<div class="pro-right">
<h4>LG 1.5 Ton 5 Star AI 6 in 1 Super Convertible Smart WiFi Inverter
Split AC, PS-Q19GWZF (Copper Condenser, 4 Way Swing, Anti-Allergy Filter, Ocean
Black Fins, 2022 Launch</h4>
<ul>
<li>Deal Price: ₹44,490.00</li>
<li>Offer Price: ₹45,990.00</li>
<li>MRP: ₹77,990.00 (Inclusive of all taxes)</li>
<li>You Save: 43%(₹33,500)</li>
<li>EMIs (Credit Cards) from ₹2136.09/month | View-Plans FREE
Shipping!</li>
</ul>
<div class="pro-button">
<button class="addbtn">ADD TO CART</button>
<button class="buybtn">BUY NOW</button>
</div>
</div>
</div>
</body>
</html>