<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>EVANSON EXPRESS</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
background-color: #f9f9f9;
}
header {
background-color: #0073e6;
color: white;
padding: 20px;
text-align: center;
}
.container {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 20px;
}
.item-card {
background: white;
border: 1px solid #ddd;
border-radius: 5px;
width: 250px;
margin: 15px;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
text-align: center;
padding: 15px;
}
.item-card img {
width: 100%;
height: 180px;
object-fit: cover;
}
.item-card h3 {
margin: 10px 0;
}
.item-card p {
font-size: 14px;
color: #555;
}
.buy-btn {
margin-top: 10px;
background-color: #0073e6;
color: white;
border: none;
padding: 10px;
cursor: pointer;
border-radius: 5px;
}
.buy-btn:hover {
background-color: #005bb5;
}
footer {
text-align: center;
background-color: #333;
color: white;
padding: 15px;
margin-top: 30px;
}
</style>
</head>
<body>
<header>
<h1>EVANSON EXPRESS</h1>
<p>Your one-stop online shopping destination!</p>
</header>
<div class="container">
<!-- Product 1 -->
<div class="item-card">
<img src="https://via.placeholder.com/250x180?text=Smartphone"
alt="Smartphone">
<h3>Smartphone</h3>
<p>High performance Android phone with AMOLED display.</p>
<button class="buy-btn">Buy Now</button>
</div>
<!-- Product 2 -->
<div class="item-card">
<img src="https://via.placeholder.com/250x180?text=Running+Shoes"
alt="Running Shoes">
<h3>Running Shoes</h3>
<p>Comfortable shoes for all terrains and sports.</p>
<button class="buy-btn">Buy Now</button>
</div>
<!-- Product 3 -->
<div class="item-card">
<img src="https://via.placeholder.com/250x180?text=Laptop" alt="Laptop">
<h3>Laptop</h3>
<p>Powerful and lightweight for all your computing needs.</p>
<button class="buy-btn">Buy Now</button>
</div>
<!-- Product 4 -->
<div class="item-card">
<img src="https://via.placeholder.com/250x180?text=Headphones"
alt="Headphones">
<h3>Headphones</h3>
<p>Noise-cancelling headphones with clear sound.</p>
<button class="buy-btn">Buy Now</button>
</div>
<!-- Product 5 -->
<div class="item-card">
<img src="https://via.placeholder.com/250x180?text=Watch" alt="Smartwatch">
<h3>Smartwatch</h3>
<p>Track fitness and stay connected on the go.</p>
<button class="buy-btn">Buy Now</button>
</div>
<!-- Product 6 -->
<div class="item-card">
<img src="https://via.placeholder.com/250x180?text=Backpack"
alt="Backpack">
<h3>Travel Backpack</h3>
<p>Durable and spacious for all your adventures.</p>
<button class="buy-btn">Buy Now</button>
</div>
<!-- Product 7 -->
<div class="item-card">
<img src="https://via.placeholder.com/250x180?text=Camera" alt="Camera">
<h3>DSLR Camera</h3>
<p>Capture moments in stunning detail and clarity.</p>
<button class="buy-btn">Buy Now</button>
</div>
<!-- Product 8 -->
<div class="item-card">
<img src="https://via.placeholder.com/250x180?text=Gaming+Console"
alt="Gaming Console">
<h3>Gaming Console</h3>
<p>Next-gen performance for immersive gameplay.</p>
<button class="buy-btn">Buy Now</button>
</div>
<!-- Product 9 -->
<div class="item-card">
<img src="https://via.placeholder.com/250x180?text=Kitchen+Blender"
alt="Blender">
<h3>Kitchen Blender</h3>
<p>Blend smoothies, soups, and sauces with ease.</p>
<button class="buy-btn">Buy Now</button>
</div>
<!-- Product 10 -->
<div class="item-card">
<img src="https://via.placeholder.com/250x180?text=Office+Chair"
alt="Office Chair">
<h3>Ergonomic Chair</h3>
<p>Supportive and adjustable chair for all-day comfort.</p>
<button class="buy-btn">Buy Now</button>
</div>
</div>
<footer>
<p>© 2025 EVANSON EXPRESS. All rights reserved.</p>
</footer>
</body>
</html>
