<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″ />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″ />
<title>Dilshad Travels B2B</title>
<style>
*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
body{
min-height:100vh;
background:
linear-gradient(rgba(3,12,35,.78),rgba(0,0,0,.82)),
url(“https://images.unsplash.com/photo-1436491865332-7a61a109cc05?auto=format&fit=crop&w=1600&q=80”);
background-size:cover;
background-position:center;
color:#fff;
}
.main{
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
padding:18px;
}
.card{
width:100%;
max-width:950px;
border-radius:28px;
padding:32px 24px;
text-align:center;
background:rgba(255,255,255,.10);
border:1px solid rgba(255,255,255,.22);
box-shadow:0 20px 60px rgba(0,0,0,.55);
backdrop-filter:blur(12px);
}
.logo{
font-size:24px;
font-weight:800;
letter-spacing:.5px;
margin-bottom:18px;
color:#ffd76a;
}
.marquee-box{
width:100%;
overflow:hidden;
border-radius:18px;
padding:16px 0;
background:linear-gradient(135deg,#ffdf6b,#ff9f1c);
box-shadow:0 8px 0 #875400,0 0 24px rgba(255,215,0,.55);
}
.marquee-text{
display:inline-block;
white-space:nowrap;
padding-left:100%;
font-size:clamp(28px,5vw,58px);
font-weight:900;
color:#111;
text-shadow:2px 2px 0 #fff,5px 5px 0 rgba(0,0,0,.22);
animation:move 12s linear infinite;
}
@keyframes move{
0%{transform:translateX(0)}
100%{transform:translateX(-100%)}
}
.sub{
margin-top:24px;
font-size:clamp(20px,3vw,34px);
font-weight:800;
color:#fff;
}
.highlight{
display:inline-block;
margin-top:18px;
padding:14px 26px;
border-radius:50px;
background:rgba(0,255,136,.15);
border:1px solid rgba(0,255,136,.45);
color:#00ff9d;
font-size:clamp(28px,5vw,56px);
font-weight:900;
text-shadow:0 0 18px rgba(0,255,136,.6);
}
.services{
margin:26px auto 0;
max-width:720px;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:12px;
}
.service{
padding:14px;
border-radius:16px;
background:rgba(255,255,255,.12);
border:1px solid rgba(255,255,255,.18);
font-size:clamp(15px,2vw,20px);
font-weight:700;
}
.whatsapp{
display:inline-block;
margin-top:30px;
padding:16px 34px;
border-radius:50px;
background:#25D366;
color:#fff;
text-decoration:none;
font-size:clamp(18px,3vw,25px);
font-weight:900;
box-shadow:0 0 25px rgba(37,211,102,.65);
}
.contact{
margin-top:18px;
font-size:clamp(16px,2vw,22px);
font-weight:700;
color:#f2f2f2;
}
.note{
margin-top:14px;
font-size:14px;
color:#ddd;
}
@media(max-width:600px){
.main{padding:12px}
.card{padding:22px 14px;border-radius:22px}
.services{grid-template-columns:1fr}
.marquee-box{padding:13px 0}
.whatsapp{width:100%;padding:15px}
}
</style>
</head>
<body>
<section class=”main”>
<div class=”card”>
<div class=”logo”>DILSHAD TRAVELS B2B</div>
<div class=”marquee-box”>
<div class=”marquee-text”>✈ CONFIRMED PNR DUMMY TICKET ✈</div>
</div>
<div class=”sub”>BEST B2B PRICE FOR TRAVEL AGENT</div>
<div class=”highlight”>STARTING ₹399 ONLY</div>
<div class=”services”>
<div class=”service”>✅ Confirmed PNR</div>
<div class=”service”>✅ Visa Purpose Ticket</div>
<div class=”service”>✅ Airport Return Show</div>
<div class=”service”>✅ Fast Delivery</div>
</div>
<a class=”whatsapp” href=”https://wa.me/917900007537″ target=”_blank”>
📲 WhatsApp Now
</a>
<div class=”contact”>WhatsApp: +91 79000 07537</div>
<div class=”note”>Professional B2B Dummy Ticket Service</div>
</div>
</section>
</body>
</html>