Scribd
Upload
8 views3 pages

Web (P6)

The document is an HTML template for a supermarket webpage called 'FreshMart Super Market' that utilizes internal CSS for styling. It includes sections for a header, navigation menu, product listings, and a footer. The products featured include snacks, groceries, fresh fruits, and vegetables, each with descriptions and prices.

Uploaded by

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

Web (P6)

The document is an HTML template for a supermarket webpage called 'FreshMart Super Market' that utilizes internal CSS for styling. It includes sections for a header, navigation menu, product listings, and a footer. The products featured include snacks, groceries, fresh fruits, and vegetables, each with descriptions and prices.

Uploaded by

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

QUE.6.Create a Web page of a super market using internal CSS.

<!DOCTYPE html> nav a:hover {


<html lang="en"> background-color: dimgray;
<head> color: black;
<title>FreshMart Super Market</title> }
<style>
body { .main {
font-family: Georgia,serif; padding: 20px;
margin: 0; }
background-color: lightgrey;
} .product {
background-color: white;
header { padding: 15px;
background-color: seagreen; margin: 10px;
color: white; border-radius: 10px;
padding: 20px; width: 250px;
text-align: center; float: left;
} }

nav { .product img {


background-color: slategrey; max-width: 100%;
overflow: hidden; border-radius: 8px;
} }

nav a { footer {
float: left; clear: both;
color: white; text-align: center;
text-align: center; background-color: seagreen;
padding: 14px 20px; color: white;
text-decoration: underline; padding: 10px;
} margin-top: 30px;
}
</style> <p>Farm-fresh vegetables directly to
your home.</p>
</head>
<p><strong>Price:</strong> ₹60/kg</p>
<body>
</div>

<header>
<div class="product">
<h1><b><i>FreshMart Super
Market</b></i></h1> <img src="C:\Snacks.jpeg"
alt="Snacks">
<img src="C:\FreshMart logo.png"
alt="FreshMart Logo"> <h3>Snacks</h3>
<p>Your one-stop shop for daily <p>Tasty and crunchy snacks for all
essentials!</p> ages.</p>
</header> <p><strong>Price:</strong> Starting at
₹20</p>
</div>
<nav>
<a href="#">Home</a>
<div class="product">
<a href="#">Products</a>
<img src="C:\Grocery.jpeg"
<a href="#">Offers</a>
alt="Grocery">
<a href="#">Contact Us</a>
<h3>Grocery</h3>
</nav>
<p>Rice, pulses, oil, and more – daily
essentials for every home.</p>

<div class="main"> <p><strong>Price:</strong> Starting at


₹50</p>
<div class="product">
</div>
<img src="C:\Fruits.jpeg" alt="Fruits">
<h3>Fresh Fruits</h3>
</div>
<p>Organic and juicy fruits for your
health.</p>
<p><strong>Price:</strong> <footer>
₹120/kg</p>
<p>&copy; 2025 FreshMart Super Market |
</div> All rights reserved.</p>
</footer>

<div class="product">
<img src="C:\Vegetables.jpeg" </body>
alt="Vegetables">
</html>
<h3>Vegetables</h3>
OUTPUT :

You might also like