Scribd
Upload
9 views5 pages

$RFH9M7N

This document is an HTML code for a stylish e-commerce product catalog. It includes a table displaying products such as smartphones, laptops, and accessories with their respective prices. The design features a responsive layout, centered headings, and alternating row colors for better readability.

Uploaded by

prajwolpuda100
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
9 views5 pages

$RFH9M7N

This document is an HTML code for a stylish e-commerce product catalog. It includes a table displaying products such as smartphones, laptops, and accessories with their respective prices. The design features a responsive layout, centered headings, and alternating row colors for better readability.

Uploaded by

prajwolpuda100
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/ 5

Code:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Stylish Product Catalog</title>

<style>

body {

font-family: Arial, sans-serif;

background-color: #f4f4f9;

margin: 0;

padding: 20px;

h1, h2 {

text-align: center;

color: #333;

table {

border-collapse: collapse;

width: 80%;

margin: 20px auto;

background-color: #fff;

box-shadow: 0 0 10px rgba(0,0,0,0.1);

th, td {

padding: 12px 15px;

text-align: center;

border: 1px solid #ccc;

th {

background-color: #007BFF;

color: white;

}
tr:nth-child(even) {

background-color: #f9f9f9;

tr:hover {

background-color: #e9f5ff;

</style>

</head>

<body>

<h1>Welcome to Our E-Commerce Catalog</h1>

<h2>Product Catalog</h2>

<table>

<thead>

<tr>

<th>S.N.</th>

<th>Product Name</th>

<th>Unit</th>

<th>Unit Price</th>

</tr>

</thead>

<tbody>

<tr>

<td>1</td>

<td>Smartphone</td>

<td>Each</td>

<td>Rs. 25,000</td>

</tr>

<tr>

<td>2</td>

<td>Laptop</td>

<td>Each</td>

<td>Rs. 65,000</td>
</tr>

<tr>

<td>3</td>

<td>Bluetooth Speaker</td>

<td>Each</td>

<td>Rs. 3,500</td>

</tr>

<tr>

<td>4</td>

<td>Wireless Mouse</td>

<td>Each</td>

<td>Rs. 800</td>

</tr>

<tr>

<td>5</td>

<td>Power Bank</td>

<td>Each</td>

<tdO>Rs. 1,200</td>

</tr>

</tbody>

</table>

</body>

</html>

Observation:

You might also like