<!DOCTYPE html>
<html lang="bn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PRINCE - Once Upon a Time in Dhaka | Eid 2026</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:wght@400;600;700&display=swap');
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Poppins', sans-serif;
background: #0a0500;
color: #fff;
}
/* Hero - আপনার দেওয়া Shakib Khan পোস্টার ব্যাকগ্রাউন্ড */
.hero {
height: 100vh;
min-height: 700px;
background: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.8)),
url('https://via.placeholder.com/1920x1080/331a00/ffd700?text=Prince+Shakib+Khan+Poster') center/cover no-repeat fixed;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
}
.hero-content {
max-width: 85%;
z-index: 2;
}
.logo {
font-family: 'Bebas Neue', sans-serif;
font-size: 7rem;
font-weight: 700;
color: #ffcc00;
text-shadow: 0 0 40px #ffaa00, 0 0 80px #ff6600;
letter-spacing: 6px;
margin-bottom: 10px;
}
.subtitle {
font-size: 2rem;
color: #ffdd88;
margin-bottom: 5px;
}
.tagline {
font-size: 2.3rem;
font-weight: 700;
color: #ffd700;
margin-bottom: 40px;
text-shadow: 0 4px 15px rgba(255, 170, 0, 0.6);
}
.eid {
font-size: 1.8rem;
color: #ffaa00;
margin-bottom: 50px;
}
.buttons {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}
.btn {
padding: 18px 50px;
font-size: 1.5rem;
font-weight: 700;
border-radius: 50px;
text-decoration: none;
transition: all 0.4s;
}
.btn-primary {
background: linear-gradient(#ffcc00, #ff8800);
color: #000;
}
.btn-primary:hover {
transform: scale(1.1);
box-shadow: 0 0 40px #ffcc00;
}
.btn-secondary {
background: transparent;
color: white;
border: 3px solid #ffdd88;
}
.btn-secondary:hover {
background: rgba(255, 221, 136, 0.15);
}
section {
padding: 90px 20px;
text-align: center;
}
.poster {
max-width: 100%;
max-height: 650px;
border-radius: 18px;
box-shadow: 0 30px 80px rgba(255, 170, 0, 0.6);
}
.trailer {
background: #1a1100;
}
iframe {
width: 100%;
max-width: 940px;
height: 530px;
border-radius: 18px;
box-shadow: 0 25px 60px rgba(0,0,0,0.7);
}
footer {
background: #0a0700;
padding: 60px 20px;
font-size: 1.25rem;
}
</style>
</head>
<body>
<!-- Hero -->
<div class="hero">
<div class="hero-content">
<div class="logo">PRINCE</div>
<p class="subtitle">SHAKIB KHAN</p>
<p class="tagline">ONCE UPON A TIME IN DHAKA</p>
<p class="eid">Eid-ul-Fitr 2026</p>
<div class="buttons">
<!-- এখনই দেখুন বাটন এখন আপনার ব্লগ লিংকে যাবে -->
<a href="https://news24hourupdates.blogspot.com/?m=1"
target="_blank"
class="btn btn-primary">▶ এখনই দেখুন</a>
<a href="#trailer" class="btn btn-secondary">ট্রেলার দেখুন</a>
</div>
</div>
</div>
<!-- Poster -->
<section>
<h2 style="font-size: 3.2rem; margin-bottom: 40px; color: #ffcc00;">Official Poster</h2>
<img src="https://via.placeholder.com/1200x700/331a00/ffcc00?text=Shakib+Khan+Prince+Poster"
alt="Prince - Shakib Khan Official Poster" class="poster">
</section>
<!-- Trailer -->
<section class="trailer" id="trailer">
<h2 style="color:#ffcc00; margin-bottom: 35px; font-size: 2.2rem;">Official Trailer</h2>
<iframe src="https://www.youtube.com/embed/-VXQUoQC2GQ"
title="Prince Trailer"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</section>
<footer>
<p><strong>PRINCE - Once Upon a Time in Dhaka</strong></p>
<p>Shakib Khan | Tasnia Farin | Abu Hayat Mahmud</p>
<p>Eid-ul-Fitr 2026 • © Creative Land & Lion Media</p>
<p style="margin-top: 20px;">
<a href="https://news24hourupdates.blogspot.com/?m=1"
target="_blank"
style="color:#ffdd88; text-decoration: underline;">বাংলা খবর - news24hourupdates.blogspot.com</a>
</p>
</footer>
</body>
</html>