Live Preview
Tag didn’t load? Click here and let us know!Share this result
Previews are deleted daily. Get a permanent share link sent to your inbox:
Script
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ayat Garments</title>
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial,sans-serif;
}
body{
background:#0f0f0f;
color:white;
}
header{
background:#111;
padding:20px;
display:flex;
justify-content:space-between;
align-items:center;
}
.logo{
font-size:30px;
font-weight:bold;
color:#d4af37;
}
nav a{
color:white;
text-decoration:none;
margin:0 15px;
}
.hero{
height:90vh;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),
url('https://images.unsplash.com/photo-1441986300917-64674bd600d8');
background-size:cover;
background-position:center;
}
.hero h1{
font-size:60px;
color:#d4af37;
}
.hero p{
margin-top:10px;
font-size:20px;
}
.btn{
display:inline-block;
margin-top:20px;
padding:12px 30px;
background:#d4af37;
color:black;
text-decoration:none;
border-radius:5px;
font-weight:bold;
}
.products{
padding:80px 10%;
text-align:center;
}
.products h2{
color:#d4af37;
margin-bottom:40px;
}
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
}
.card{
background:#1a1a1a;
padding:20px;
border-radius:10px;
}
.card img{
width:100%;
border-radius:10px;
}
footer{
text-align:center;
padding:20px;
background:#111;
margin-top:50px;
}
</style>
</head>
<body>
<header>
<div class="logo">AYAT</div>
<nav>
<a href="#">Home</a>
<a href="#">Shop</a>
<a href="#">About</a>
<a href="#">Contact</a>
</nav>
</header>
<section class="hero">
<div>
<h1>AYAT GARMENTS</h1>
<p>Modern Fashion For Everyone</p>
<a href="#" class="btn">Shop Now</a>
</div>
</section>
<section class="products">
<h2>Featured Collection</h2>
<div class="grid">
<div class="card">
<img src="https://via.placeholder.com/300">
<h3>Men Collection</h3>
</div>
<div class="card">
<img src="https://via.placeholder.com/300">
<h3>Women Collection</h3>
</div>
<div class="card">
<img src="https://via.placeholder.com/300">
<h3>Kids Collection</h3>
</div>
</div>
</section>
<footer>
© 2026 Ayat Garments | All Rights Reserved
</footer>
</body>
</html>Landing Page
This ad does not have a landing page available
Network Timeline
Performance Summary
3
Requests
3
Domains
4919KB
Transfer Size
4916KB
Content Size
75.0ms
Dom Content Loaded
172.0ms
First Paint
295.0ms
Load Time
Domain Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...
Timings (ms)
Loading...
Total Time
Loading...
Content Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...