HD MOVIES HUB
<!DOCTYPE html>
<html lang="hi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HD Movies Hub - Free Download</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Segoe UI', Arial, sans-serif;
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
color: #fff;
min-height: 100vh;
}
/* Header */
.header {
background: #e50914;
padding: 20px;
text-align: center;
box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}
.header h1 {
font-size: 28px;
text-transform: uppercase;
letter-spacing: 2px;
}
/* Ad Banner Top */
.ad-banner-top {
background: #0f0f23;
padding: 15px;
text-align: center;
margin: 10px 0;
border: 1px solid #333;
}
/* Movie Grid */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.movie-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 20px;
margin-top: 20px;
}
/* Movie Card */
.movie-card {
background: #0f3460;
border-radius: 15px;
overflow: hidden;
transition: transform 0.3s;
border: 2px solid #e94560;
}
.movie-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(233, 69, 96, 0.3);
}
.movie-poster {
width: 100%;
height: 400px;
object-fit: cover;
background: #1a1a2e;
}
.movie-info {
padding: 20px;
}
.movie-title {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
color: #fff;
}
.movie-meta {
color: #aaa;
font-size: 14px;
margin-bottom: 15px;
}
.quality-badge {
display: inline-block;
background: #e94560;
color: #fff;
padding: 5px 15px;
border-radius: 20px;
font-size: 12px;
margin-right: 10px;
}
/* Download Button */
.download-section {
margin-top: 15px;
}
.download-btn {
display: block;
width: 100%;
background: linear-gradient(45deg, #e94560, #ff6b6b);
color: #fff;
text-align: center;
padding: 15px;
border-radius: 10px;
text-decoration: none;
font-weight: bold;
font-size: 16px;
transition: all 0.3s;
border: none;
cursor: pointer;
}
.download-btn:hover {
background: linear-gradient(45deg, #ff6b6b, #e94560);
transform: scale(1.02);
}
/* Ad Inside Card */
.ad-inside {
margin: 15px 0;
padding: 10px;
background: #1a1a2e;
border-radius: 8px;
text-align: center;
}
/* Footer Ad */
.ad-footer {
margin: 30px 0;
padding: 20px;
background: #0f0f23;
border-top: 2px solid #e94560;
text-align: center;
}
/* Pop-up Ad Container */
#popup-ad {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.9);
z-index: 9999;
justify-content: center;
align-items: center;
}
.popup-content {
background: #16213e;
padding: 30px;
border-radius: 15px;
text-align: center;
max-width: 400px;
}
.close-popup {
background: #e94560;
color: #fff;
border: none;
padding: 10px 30px;
border-radius: 25px;
cursor: pointer;
margin-top: 20px;
}
/* Native Ad */
.native-ad {
background: #1a1a2e;
border-left: 4px solid #e94560;
padding: 15px;
margin: 20px 0;
border-radius: 0 10px 10px 0;
}
</style>
<!-- Adsterra Pop-up Code (HEAD mein) -->
<script type='text/javascript' src='//plXXXXXX.adsterra.com/loader.js'></script>
</head>
<body>
<!-- Header -->
<div class="header">
<h1>🔥 HD Movies Hub</h1>
<p>Free Download | 1080p Quality</p>
</div>
<!-- Top Banner Ad -->
<div class="ad-banner-top">
<!-- Adsterra Banner 728x90 -->
<script type="text/javascript">
atOptions = {
'key' : 'YOUR_ADSTERRA_KEY',
'format' : 'iframe',
'height' : 90,
'width' : 728,
'params' : {}
};
</script>
<script type="text/javascript" src="//www.highperformanceformat.com/YOUR_KEY/invoke.js"></script>
</div>
<div class="container">
<!-- Native Ad -->
<div class="native-ad">
<h3>📱 Sponsored</h3>
<!-- Adsterra Native Ad Code -->
<script async="async" data-cfasync="false" src="//plXXXXXX.adsterra.com/loader.js"></script>
</div>
<!-- Movie Grid -->
<div class="movie-grid">
<!-- Movie 1 -->
<div class="movie-card">
<div class="movie-poster" style="background: url('https://via.placeholder.com/300x400/1a1a2e/e94560?text=Movie+1') center/cover;"></div>
<div class="movie-info">
<h2 class="movie-title">Dhruv 2 (2024)</h2>
<div class="movie-meta">
<span class="quality-badge">1080p</span>
<span>⏱️ 2h 30m</span>
<span>📦 1.4GB</span>
</div>
<!-- Inside Card Ad -->
<div class="ad-inside">
<script type="text/javascript">
atOptions = {
'key' : 'YOUR_ADSTERRA_KEY',
'format' : 'iframe',
'height' : 50,
'width' : 320,
'params' : {}
};
</script>
</div>
<div class="download-section">
<a href="https://gplinks.in/dhruv2" class="download-btn" onclick="showAd()">
⬇️ Download Now
</a>
</div>
</div>
</div>
<!-- Movie 2 -->
<div class="movie-card">
<div class="movie-poster" style="background: url('https://via.placeholder.com/300x400/1a1a2e/e94560?text=Movie+2') center/cover;"></div>
<div class="movie-info">
<h2 class="movie-title">Pushpa 2 (2024)</h2>
<div class="movie-meta">
<span class="quality-badge">1080p</span>
<span>⏱️ 2h 45m</span>
<span>📦 1.8GB</span>
</div>
<div class="download-section">
<a href="https://gplinks.in/pushpa2" class="download-btn" onclick="showAd()">
⬇️ Download Now
</a>
</div>
</div>
</div>
<!-- Movie 3 -->
<div class="movie-card">
<div class="movie-poster" style="background: url('https://via.placeholder.com/300x400/1a1a2e/e94560?text=Movie+3') center/cover;"></div>
<div class="movie-info">
<h2 class="movie-title">Kalki 2898 AD</h2>
<div class="movie-meta">
<span class="quality-badge">4K</span>
<span>⏱️ 3h 10m</span>
<span>📦 3.2GB</span>
</div>
<div class="download-section">
<a href="https://gplinks.in/kalki" class="download-btn" onclick="showAd()">
⬇️ Download Now
</a>
</div>
</div>
</div>
</div>
<!-- Footer Ad -->
<div class="ad-footer">
<h3>Advertisement</h3>
<!-- Adsterra Native Banner -->
<script type="text/javascript">
atOptions = {
'key' : 'YOUR_ADSTERRA_KEY',
'format' : 'iframe',
'height' : 250,
'width' : 300,
'params' : {}
};
</script>
</div>
</div>
<!-- Pop-up Ad Modal -->
<div id="popup-ad">
<div class="popup-content">
<h2>⏳ Please Wait</h2>
<p>Your download will start in 5 seconds...</p>
<p>Watch this ad while waiting!</p>
<!-- Adsterra Direct Link -->
<a href="https://www.highperformanceformat.com/XXXX" target="_blank">
<button class="close-popup" onclick="closeAd()">Skip Ad & Download</button>
</a>
</div>
</div>
<script>
// Pop-up ad show karo download pe
function showAd() {
document.getElementById('popup-ad').style.display = 'flex';
// 5 sec baad auto close
setTimeout(function() {
closeAd();
},
5000);
}
function closeAd() {
document.getElementById('popup-ad').style.display = 'none';
}
// Page load pe pop-up ad (Adsterra)
window.onload = function() {
// Adsterra auto pop-up already loaded from head script
};
</script>
</body>
</html>
Comments
Post a Comment