0% found this document useful (0 votes)
3 views22 pages

HTML

The document outlines a webpage for an online store featuring various sections such as navigation, home page, collections, sellers, and product listings. It highlights offerings like free shipping, a 30-day return policy, and showcases categories like grains, onions, and accessories. Additionally, it includes sections for quality products, new arrivals, and hot sales with images, prices, and buy buttons for each product.

Uploaded by

kamteprajwal
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
0% found this document useful (0 votes)
3 views22 pages

HTML

The document outlines a webpage for an online store featuring various sections such as navigation, home page, collections, sellers, and product listings. It highlights offerings like free shipping, a 30-day return policy, and showcases categories like grains, onions, and accessories. Additionally, it includes sections for quality products, new arrivals, and hot sales with images, prices, and buy buttons for each product.

Uploaded by

kamteprajwal
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

<body>

<section class=" top-txt ">

<div class="head container ">

<div class="head-txt ">

<p>Free shipping, 30-day return or refund guarantee.</p>

</div>

<div class="sing_in_up ">

<a href="# ">SIGN IN</a>

<a href="# ">SIGN UP</a>

</div>

</div>

</section>

<nav class="navbar">

<div class="navbar-container">

<input type="checkbox" name="" id="checkbox">

<div class="hamburger-lines">

<span class="line line1"></span>

<span class="line line2"></span>

<span class="line line3"></span>

</div>

<ul class="menu-items">

<li><a href="#home">Home</a></li>

<li><a href="#sellers">Shop</a></li>

<li><a href="#news">Blog</a></li>

<li><a href="#contact">Contact</a></li>
</ul>

<div class="logo">

<img src="[Link] alt="">

</div>

</div>

</nav>

<section id="home">

<div class="home_page ">

<div class="home_img ">

<img src="[Link] alt="img ">

</div>

<div class="home_txt ">

<p class="collectio ">FRESH STOCK</p>

<h2>RAINY CROPS<br>Collection 2025</h2>

<div class="home_label ">

<p>FRESH AND QUALITY PRODUCT AVALABLE HERE</p>

</div>

<button><a href="#sellers">SHOP NOW</a><i class='bx bx-right-arrow-alt'></i></button>

<div class="home_social_icons">

<a href="#"><i class='bx bxl-facebook'></i></a>

<a href="#"><i class='bx bxl-twitter'></i></a>

<a href="#"><i class='bx bxl-pinterest'></i></a>

<a href="#"><i class='bx bxl-instagram'></i></a>

</div>

</div>
</div>

</section>

<section id="collection">

<div class="collections container">

<div class="content">

<img src="[Link] alt="img" />

<div class="img-content">

<p>GRAINS</p>

<button><a href="#sellers">BUY NOW</a></button>

</div>

</div>

<div class="content2">

<img src="[Link] alt="img" />

<div class="img-content2">

<p>ONIONS</p>

<button><a href="#sellers">BUY NOW</a></button>

</div>

</div>

<div class="content3">

<img src="[Link] alt="img" />

<div class="img-content3">

<p>Accessories</p>

<button><a href="#sellers">BUY NOW</a></button>

</div>
</div>

</div>

</section>

<section id="sellers">

<div class="seller container">

<h2>QULITY PRODUCTS</h2>

<div class="best-seller">

<div class="best-p1">

<img src="[Link] alt="img">

<div class="best-p1-txt">

<div class="name-of-p">

<p>100KG WHEAT</p>

</div>

<div class="rating">

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bx-star'></i>

<i class='bx bx-star'></i>

</div>

<div class="price">

&dollar;2500

<div class="colors">

<i class='bx bxs-circle red'></i>

<i class='bx bxs-circle blue'></i>


<i class='bx bxs-circle white'></i>

</div>

</div>

<div class="buy-now">

<button><a href="[Link]
Now</a></button>

</div>

<!-- <div class="add-cart">

<button>Add To Cart</button>

</div> -->

</div>

</div>

<div class="best-p1">

<img src="[Link]
alt="img">

<div class="best-p1-txt">

<div class="name-of-p">

<p></p>

</div>

<div class="rating">

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bx-star'></i>

<i class='bx bx-star'></i>

<i class='bx bx-star'></i>

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

&dollar;17.24

<div class="colors">

<i class='bx bxs-circle green'></i>

<i class='bx bxs-circle grey'></i>

<i class='bx bxs-circle brown'></i>

</div>

</div>

<div class="buy-now">

<button><a href="[Link]
Now</a></button>

</div>

</div>

</div>

<div class="best-p1">

<img src="[Link] alt="img">

<div class="best-p1-txt">

<div class="name-of-p">

<p>PS England Shirt</p>

</div>

<div class="rating">

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bx-star'></i>


</div>

<div class="price">

&dollar;27.24

<div class="colors">

<i class='bx bxs-circle brown'></i>

<i class='bx bxs-circle green'></i>

<i class='bx bxs-circle blue'></i>

</div>

</div>

<div class="buy-now">

<button><a href="[Link]
Now</a></button>

</div>

</div>

</div>

<div class="best-p1">

<img src="[Link] alt="img">

<div class="best-p1-txt">

<div class="name-of-p">

<p>PS England Shoes</p>

</div>

<div class="rating">

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>


<i class='bx bxs-star'></i>

</div>

<div class="price">

&dollar;43.67

<div class="colors">

<i class='bx bxs-circle red'></i>

<i class='bx bxs-circle grey'></i>

<i class='bx bxs-circle blue'></i>

</div>

</div>

<div class="buy-now">

<button><a href="[Link]
Now</a></button>

</div>

</div>

</div>

</div>

</div>

<div class="seller container">

<h2>New Arrivals</h2>

<div class="best-seller">

<div class="best-p1">

<img src="[Link] alt="img">

<div class="best-p1-txt">

<div class="name-of-p">

<p>PS England T-Shirt</p>


</div>

<div class="rating">

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

</div>

<div class="price">

&dollar;10.23

<div class="colors">

<i class='bx bxs-circle blank'></i>

<i class='bx bxs-circle blue'></i>

<i class='bx bxs-circle brown'></i>

</div>

</div>

<div class="buy-now">

<button><a href="[Link]
Now</a></button>

</div>

</div>

</div>

<div class="best-p1">

<img src="[Link] alt="img">

<div class="best-p1-txt">

<div class="name-of-p">
<p>PS England Bag</p>

</div>

<div class="rating">

<i class='bx bxs-star'></i>

<i class='bx bx-star'></i>

<i class='bx bx-star'></i>

<i class='bx bx-star'></i>

<i class='bx bx-star'></i>

</div>

<div class="price">

&dollar;09.28

<div class="colors">

<i class='bx bxs-circle brown'></i>

<i class='bx bxs-circle red'></i>

<i class='bx bxs-circle green'></i>

</div>

</div>

<div class="buy-now">

<button><a href="[Link]
Now</a></button>

</div>

</div>

</div>

<div class="best-p1">

<img src="[Link] alt="img">

<div class="best-p1-txt">
<div class="name-of-p">

<p>PS England Sunglass</p>

</div>

<div class="rating">

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

</div>

<div class="price">

&dollar;06.24

<div class="colors">

<i class='bx bxs-circle grey'></i>

<i class='bx bxs-circle blank'></i>

<i class='bx bxs-circle blank'></i>

</div>

</div>

<div class="buy-now">

<button><a href="[Link]
Now</a></button>

</div>

</div>

</div>

<div class="best-p1">

<img src="[Link] alt="img">


<div class="best-p1-txt">

<div class="name-of-p">

<p>PS England Shoes</p>

</div>

<div class="rating">

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

</div>

<div class="price">

&dollar;43.67

<div class="colors">

<i class='bx bxs-circle grey'></i>

<i class='bx bxs-circle red'></i>

<i class='bx bxs-circle blue'></i>

</div>

</div>

<div class="buy-now">

<button><a href="[Link]
Now</a></button>

</div>

</div>

</div>

</div>
</div>

<div class="seller container">

<h2>Hot Sales</h2>

<div class="best-seller">

<div class="best-p1">

<img src="[Link] alt="img">

<div class="best-p1-txt">

<div class="name-of-p">

<p>PS England Shoes</p>

</div>

<div class="rating">

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

</div>

<div class="price">

&dollar;37.24

<div class="colors">

<i class='bx bxs-circle grey'></i>

<i class='bx bxs-circle black'></i>

<i class='bx bxs-circle blue'></i>

</div>

</div>
<div class="buy-now">

<button><a href="[Link]
Now</a></button>

</div>

</div>

</div>

<div class="best-p1">

<img src="[Link] alt="img">

<div class="best-p1-txt">

<div class="name-of-p">

<p>PS England T-Shirt</p>

</div>

<div class="rating">

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

</div>

<div class="price">

&dollar;10.23

<div class="colors">

<i class='bx bxs-circle blank'></i>

<i class='bx bxs-circle blue'></i>

<i class='bx bxs-circle brown'></i>

</div>
</div>

<div class="buy-now">

<button><a href="[Link]
Now</a></button>

</div>

</div>

</div>

<div class="best-p1">

<img src="[Link] alt="img">

<div class="best-p1-txt">

<div class="name-of-p">

<p>PS England T-Shirt</p>

</div>

<div class="rating">

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

<i class='bx bxs-star'></i>

</div>

<div class="price">

&dollar;15.24

<div class="colors">

<i class='bx bxs-circle blank'></i>

<i class='bx bxs-circle red'></i>

<i class='bx bxs-circle blue'></i>


</div>

</div>

<div class="buy-now">

<button><a href="[Link]
Now</a></button>

</div>

</div>

</div>

<div class="best-p1">

<img src="[Link] alt="img">

<div class="best-p1-txt">

<div class="name-of-p">

<p>PS England Bag</p>

</div>

<div class="rating">

<i class='bx bxs-star'></i>

<i class='bx bx-star'></i>

<i class='bx bx-star'></i>

<i class='bx bx-star'></i>

<i class='bx bx-star'></i>

</div>

<div class="price">

&dollar;09.28

<div class="colors">

<i class='bx bxs-circle blank'></i>

<i class='bx bxs-circle grey'></i>


<i class='bx bxs-circle brown'></i>

</div>

</div>

<div class="buy-now">

<button><a href="[Link]
Now</a></button>

</div>

</div>

</div>

</div>

</div>

</section>

<section id="news">

<div class="news-heading">

<p>LATEST NEWS</p>

<h2>Fashion New Trends</h2>

</div>

<div class="l-news container">

<div class="l-news1">

<div class="news1-img">

<img src="[Link] alt="img">

</div>

<div class="news1-conte">

<div class="date-news1">

<p><i class='bx bxs-calendar'></i> 12 February 2022</p>

<h4>What Curling Irons Are The Best Ones</h4>


<a href="[Link] target="_blank">read
more</a>

</div>

</div>

</div>

<div class="l-news2">

<div class="news2-img">

<img src="[Link] alt="img">

</div>

<div class="news2-conte">

<div class="date-news2">

<p><i class='bx bxs-calendar'></i> 17 February 2022</p>

<h4>The Health Benefits Of Sunglasses</h4>

<a href="[Link]
sunglasses_2/" target="_blank">read more</a>

</div>

</div>

</div>

<div class="l-news3">

<div class="news3-img">

<img src="[Link] alt="img">

</div>

<div class="news3-conte">

<div class="date-news3">

<p><i class='bx bxs-calendar'></i> 26 February 202</p>

<h4>Eternity Bands Do Last Forever</h4>


<a href="[Link]
lasts-forever/" target="_blank">read more</a>

</div>

</div>

</div>

</div>

</section>

<section id="contact">

<div class="contact container">

<div class="map">

<iframe src="[Link]
1d3782.121169986175!2d73.90618951442687!3d18.568575172551647!2m3!1f0!2f0!3f0!3m2!1i1024!
2i768!4f13.1!3m3!1m2!1s0x3bc2c131ed5b54a7%3A0xad718b8b2c93d36d!2sSky%20Vista!5e0!3m2!
1sen!2sin!4v1654257749399!5m2!1sen!2sin"

width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"


referrerpolicy="no-referrer-when-downgrade"></iframe>

</div>

<form action="[Link] method="POST">

<div class="form">

<div class="form-txt">

<h4>INFORMATION</h4>

<h1>Contact Us</h1>

<span>As you might expect of a company that began as a high-end interiors contractor, we
pay strict

attention.</span>

<h3>USA</h3>

<p>195 E Parker Square Dr, Parker, CO 801<br>+43 982-314-0958</p>

<h3>India</h3>
<p>HW95+C9C, Lorem ipsum dolor sit.<br>411014</p>

</div>

<div class="form-details">

<input type="text" name="name" id="name" placeholder="Name" required>

<input type="email" name="email" id="email" placeholder="Email" required>

<textarea name="message" id="message" cols="52" rows="7" placeholder="Message"


required></textarea>

<button>SEND MESSAGE</button>

</div>

</div>

</form>

</div>

</section>

<footer>

<div class="footer-container container">

<div class="content_1">

<img src="[Link] alt="logo">

<p>The customer is at the heart of our<br>unique business model, which


includes<br>design.</p>

<img src="[Link] alt="cards">

</div>

<div class="content_2">

<h4>SHOPPING</h4>

<a href="#sellers">Clothing Store</a>

<a href="#sellers">Trending Shoes</a>

<a href="#sellers">Accessories</a>
<a href="#sellers">Sale</a>

</div>

<div class="content_3">

<h4>SHOPPING</h4>

<a href="./[Link]">Contact Us</a>

<a href="[Link] target="_blank">Payment Method</a>

<a href="[Link] target="_blank">Delivery</a>

<a href="[Link] target="_blank">Return and


Exchange</a>

</div>

<div class="content_4">

<h4>NEWLETTER</h4>

<p>Be the first to know about new<br>arrivals, look books, sales & promos!</p>

<div class="f-mail">

<input type="email" placeholder="Your Email">

<i class='bx bx-envelope'></i>

</div>

<hr>

</div>

</div>

<div class="f-design">

<div class="f-design-txt container">

<p>Design and Code by [Link]</p>

</div>

</div>

</footer>
</body>

You might also like