Scribd
Upload
19 views

Project HTML

The document contains HTML code for an e-commerce website. It includes code for the website header with navigation links, banners, and a product catalog section displaying various items for sale with images, names, prices and descriptions. The product catalog features over 30 products from categories like shoes, clothing, electronics, home goods and more.

Uploaded by

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

Project HTML

The document contains HTML code for an e-commerce website. It includes code for the website header with navigation links, banners, and a product catalog section displaying various items for sale with images, names, prices and descriptions. The product catalog features over 30 products from categories like shoes, clothing, electronics, home goods and more.

Uploaded by

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

HTML CODE:

<html>

<head>

<link rel="stylesheet" href="style.css">

</head>

<body>

<header>

<div class="logo"><a href="#">el-CLASSICO</a></div>

<div class="menu">

<a href="#">

<ion-icon name="close" class="close"></ion-icon>

</a>

<ul>

<li><a href="#" class="under">HOME</a></li>

<li><a href="#" class="under">SHOP</a></li>

<li><a href="contact.html" class="under">CONTACT US</a></li>

<li><a href="adout.html" class="under">ABOUT US</a></li>

</ul>

</div>

<div class="search">

<a href=""><input type="text" placeholder="search products eg:watch" id="input">

</a>

</div>

<div class="heading">

<ul>

<li><a href="#" class="under">HOME</a></li>

<li><a href="#section2" class="under">SHOP</a></li>


<li><a href="contact.html" class="under">CONTACT US</a></li>

<li><a href="about.html" class="under">ABOUT US</a></li>

</ul>

</div>

<div class="heading1">

<ion-icon name="menu" class="ham"></ion-icon>

</div>

</header>

<marquee width="100%" direction="left" height="30px" bgcolor="brown" style="color:yellow";>

BIG BAZZAR DEAL IS LIVE NOW!!!!----USE HDFC CREDIT CARD AND GET UPTO 50%OFF!!!!----
SUMMER SALE WILL BE SOON!!!

</marquee> <section>

<div class="section">

<div class="section1">

<div class="img-slider">

<img src="https://images.pexels.com/photos/6347888/pexels-photo-6347888.jpeg?
auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" alt="" class="img">

<img src="https://images.pexels.com/photos/3962294/pexels-photo-3962294.jpeg?
auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" alt="" class="img">

<img src="https://images.pexels.com/photos/2292953/pexels-photo-2292953.jpeg?
auto=compress&cs=tinysrgb&dpr=2&w=500" alt="" class="img">

<img src="https://images.pexels.com/photos/1229861/pexels-photo-1229861.jpeg?
auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" alt="" class="img">

<img src="https://images.pexels.com/photos/1598505/pexels-photo-1598505.jpeg?
auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" alt="" class="img">

</div>

</div>

<div id="section2" class="section2">

<div class="container">
<div class="items">

<a href="pic1.html">

<div class="img img3"><img src="file:///C:/Users/2022PECIT378/Downloads/photo-


1542291026-7eec264c27ff.jpg" alt=""></div></a>

<div class="name">SHOES</div>

<div class="price">$5</div>

<div class="info">NIKE AIR SNEAKER</div>

</div>

<div class="items">

<a href="pic2.html">

<div class="img img2"><img


src="file:///C:/Users/2022PECIT378/Pictures/71KFhQGs+nL._AC_UX385_.jpg" alt=""></div></a>

<div class="name">MEN's T-SHIRT</div>

<div class="price">$6.34</div>

<div class="info">BALMAIN-PARIS</div>

</div>

<div class="items">

<a href="pic3.html">

<div class="img img3"><img


src="file:///C:/Users/2022PECIT378/Pictures/H8b97baeaaedb4a68a088c8d1ad930701u.jpg"
alt=""></div></a>

<div class="name">JEANS</div>

<div class="price">$9</div>

<div class="info">LEVIS MEN</div>

</div>

<div class="items">

<div class="img img1"><img src="https://images.pexels.com/photos/8839887/pexels-photo-


8839887.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt=""></div>
<div class="name">WATCH</div>

<div class="price">$9.1</div>

<div class="info">ROLEX-xO7</div>

</div>

<div class="items">

<div class="img img1"><img src="https://images.pexels.com/photos/6858618/pexels-photo-


6858618.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt=""></div>

<div class="name">SMART PHONE</div>

<div class="price">$20</div>

<div class="info">APPLE iPHONE 15 PRO</div>

</div>

<div class="items">

<div class="img img1"><img src="https://images.pexels.com/photos/5552789/pexels-photo-


5552789.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt=""></div>

<div class="name">TELEVISION</div>

<div class="price">$18</div>

<div class="info">SAMSUNG LED 75inch</div>

</div>

<div class="items">

<div class="img img1"><img src="https://images.pexels.com/photos/4295985/pexels-photo-


4295985.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt=""></div>

<div class="name">HOODIES</div>

<div class="price">$6.7</div>

<div class="info">BASICS-HOODIES</div>

</div>

<div class="items">

<div class="img img1"><img src="file:///C:/Users/2022PECIT378/Pictures/download.jpg"


alt=""></div>

<div class="name">DINNER SET</div>


<div class="price">$10</div>

<div class="info">CELLO DINNER SET PACK OF 6</div>

</div>

<div class="items">

<div class="img img1"><img src="https://images.pexels.com/photos/6463348/pexels-photo-


6463348.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt=""></div>

<div class="name">BLANKETS</div>

<div class="price">$9.9</div>

<div class="info">COTTON BLANCKET</div>

</div>

<div class="items">

<div class="img img1"><img src="file:///C:/Users/2022PECIT378/Pictures/download


%20(1).jpg" alt=""></div>

<div class="name">LAPTOP</div>

<div class="price">$99</div>

<div class="info">MAC BOOK AIR M3chip</div>

</div>

<div class="items">

<div class="img img1"><img src="file:///C:/Users/2022PECIT378/Pictures/images


%20(2)rr.jpg" alt=""></div>

<div class="name">MICROWAVE</div>

<div class="price">$30</div>

<div class="info">LG MICROWAVE</div>

</div>

<div class="items">

<div class="img img1"><img src="file:///C:/Users/2022PECIT378/Pictures/download


%20(3)ff.jpg" alt=""></div>

<div class="name">PHILIPS COFFE-MAKER</div>

<div class="price">$29.7</div>
<div class="info">happiness is not in money. but in shopping</div>

</div>

<div class="items">

<div class="img img1"><img src="https://images.pexels.com/photos/6606354/pexels-photo-


6606354.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt=""></div>

<div class="name">BED</div>

<div class="price">$100</div>

<div class="info">KING SIZE BED</div>

</div>

<div class="items">

<div class="img img1"><img src="file:///C:/Users/2022PECIT378/Pictures/untitled-design-4--


500x500.webp" alt=""></div>

<div class="name">AIR CONDITIONER</div>

<div class="price">$78</div>

<div class="info">VOLTAS 1.5TON</div>

</div>

<div class="items">

<div class="img img1"><img src="https://images.pexels.com/photos/5834/nature-grass-leaf-


green.jpg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt=""></div>

<div class="name">BOOK</div>

<div class="price">$9</div>

<div class="info">TINKLE COMIC BOOKS</div>

</div>

<div class="items">

<div class="img img1"><img src="https://images.pexels.com/photos/4339598/pexels-photo-


4339598.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt=""></div>

<div class="name">BAG</div>

<div class="price">$36.5</div>

<div class="info">WILDCRAFT </div>


</div>

<div class="items">

<div class="img img1"><img


src="file:///C:/Users/2022PECIT378/Downloads/download44.jpg" alt=""></div>

<div class="name">SAREES</div>

<div class="price">$25.6</div>

<div class="info">BANARASI SAREE</div>

</div>

<div class="items">

<div class="img img1"><img src="https://images.pexels.com/photos/5816934/pexels-photo-


5816934.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt=""></div>

<div class="name">WASHING MACHINE</div>

<div class="price">$56</div>

<div class="info">SAMSUNG WASHING MACHINE</div>

</div>

</div>

</div>

</div>

</section>

</body>

</html>

You might also like