Meta Description" name="description" />
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EMARAAT</title>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Roboto:wght@300;400&display=swap" rel="stylesheet">
<style>
body {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
color: #333;
background: #f9f9f9;
line-height: 1.6;
}
header {
text-align: center;
padding: 120px 20px;
background: #fff;
}
header h1 {
font-family: 'Playfair Display', serif;
font-size: 4em;
margin: 0;
letter-spacing: 2px;
}
header p {
font-size: 1.6em;
color: #666;
max-width: 800px;
margin: 20px auto 0;
}
section {
max-width: 1200px;
margin: 80px auto;
padding: 0 20px;
text-align: center;
}
h2 {
font-family: 'Playfair Display', serif;
font-size: 3em;
margin-bottom: 50px;
color: #222;
}
.product-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 40px;
}
.item {
background: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
transition: transform 0.3s;
}
.item:hover {
transform: translateY(-10px);
}
.item img {
width: 100%;
height: 300px;
object-fit: cover;
}
.item h3 {
font-size: 1.8em;
margin: 20px 0 10px;
}
.item p {
padding: 0 20px 30px;
color: #666;
}
.brands {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 60px;
align-items: center;
}
.brands img {
height: 70px;
filter: grayscale(100%);
opacity: 0.7;
transition: all 0.3s;
}
.brands img:hover {
filter: grayscale(0%);
opacity: 1;
}
.expertise-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 40px;
}
.expertise-item {
background: #fff;
padding: 40px 20px;
border-radius: 10px;
box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
.expertise-item h3 {
font-size: 1.8em;
margin-bottom: 15px;
}
.projects ul {
list-style: none;
padding: 0;
columns: 2;
column-gap: 60px;
text-align: left;
max-width: 800px;
margin: 0 auto;
}
.projects li {
margin-bottom: 25px;
font-size: 1.3em;
break-inside: avoid;
}
footer {
text-align: center;
padding: 80px 20px;
background: #222;
color: #fff;
}
@media (max-width: 768px) {
header { padding: 80px 20px; }
header h1 { font-size: 3em; }
h2 { font-size: 2.4em; }
.projects ul { columns: 1; }
.brands { gap: 40px; }
}
</style>
</head>
<body>
<header>
<h1>EMARAAT</h1>
<p>Best Tiles, Sanitary Wares, Paints, and Fitness Products</p>
</header>
<section id="products">
<h2>Our Premium Offerings</h2>
<div class="product-grid">
<div class="item">
<img src="https://me.kohler.com/wp-content/uploads/2022/12/ban-01.jpg" alt="Luxury Sanitary Wares">
<h3>Luxury Sanitary Wares</h3>
<p>Elegant fixtures and premium bathroom solutions for modern living.</p>
</div>
<div class="item">
<img src="https://www.oppeinhome.com/upload/images/ueditor/20221021/10-Luxury-Bathroom-Ideas-9.jpg" alt="Premium Sanitary">
<h3>Premium Bathroom Fixtures</h3>
<p>High-end designs combining style and functionality.</p>
</div>
<div class="item">
<img src="http://cms.bodykore.com/uploads/share_image_add1673ae5.jpg" alt="Premium Gym Equipment">
<h3>Premium Gym Equipment</h3>
<p>Professional-grade fitness machines built to last.</p>
</div>
<div class="item">
<img src="http://www.pentfitness.com/cdn/shop/files/ATE_P15_Home_gym_prev01_HR.jpg?v=1693677814" alt="Luxury Home Gym">
<h3>Luxury Fitness Solutions</h3>
<p>Elevate your wellness with top-tier equipment.</p>
</div>
<div class="item">
<img src="https://www.edwardmartin.com/cdn/shop/articles/blog-which-marble-floor-color-is-the-best-01-2000x1300.jpg?v=1744293326&width=1500" alt="Luxury Tiles">
<h3>High-Quality Tiles & Flooring</h3>
<p>Exquisite marble and ceramic options for timeless elegance.</p>
</div>
<div class="item">
<img src="https://i8.amplience.net/i/flooranddecor/100975895_vendor0322-stone-floor-kitchen_room?fmt=auto&qlt=85" alt="Elegant Flooring">
<h3>Elegant Marble & Porcelain</h3>
<p>Transform your spaces with premium flooring materials.</p>
</div>
</div>
</section>
<section id="vision">
<h2>Our Vision</h2>
<p>We are dedicated to transforming spaces into sanctuaries of luxury and comfort, bringing world-class products and innovative design solutions to elevate living standards.</p>
</section>
<section id="brands">
<h2>Our Brands</h2>
<div class="brands">
<img src="https://thumbs.dreamstime.com/z/top-famous-bathroom-appliance-brands-logos-collection-most-popular-companies-suppliers-white-tablet-rusty-wooden-65939192.jpg" alt="Luxury Brands Collection">
<img src="https://bajajworld.com/wp-content/uploads/2023/09/10-Best-SanitaryWare-Brands-in-India-to-Revamp-Your-Bathrooms.webp" alt="Top Sanitary Brands">
<img src="https://i0.wp.com/civillane.com/wp-content/uploads/2018/01/Top-5-Bathroom-Fittings-Sanitary-Brands-India.jpg?fit=800%2C500&ssl=1" alt="Premium Bathroom Brands">
<img src="https://bajajworld.com/wp-content/uploads/2023/01/top-10-bathroom-fittings-companies-in-india.webp" alt="Best Fittings Brands">
<!-- Replace these with your actual brand logo URLs -->
</div>
</section>
<section id="expertise">
<h2>Our Expertise</h2>
<div class="expertise-grid">
<div class="expertise-item">
<h3>Health & Fitness</h3>
<p>Professional gym equipment and wellness solutions.</p>
</div>
<div class="expertise-item">
<h3>Sanitary Wares</h3>
<p>Luxury bathroom fixtures and innovative designs.</p>
</div>
<div class="expertise-item">
<h3>Tiles & Flooring</h3>
<p>Premium materials for beautiful, durable surfaces.</p>
</div>
<div class="expertise-item">
<h3>Interior Finishing</h3>
<p>Complete solutions for paints, kitchens, and more.</p>
</div>
</div>
</section>
<section id="projects" class="projects">
<h2>Our Projects</h2>
<ul>
<li>Luxury Residence Lahore</li>
<li>Premium Hotel Karachi</li>
<li>Commercial Gym Islamabad</li>
<li>High-End Villa Project</li>
<li>Modern Office Spaces</li>
<li>Exclusive Wellness Center</li>
</ul>
</section>
<footer>
<p>© 2026 EMARAAT. All rights reserved.</p>
<p>Elevating spaces with luxury and innovation.</p>
</footer>
</body>
</html>14
12
2404KB
2408KB
218.0ms
312.0ms
1,822.0ms