usa trending movies
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Watch and download the latest movies including Nonnas, Exterritorial, A Deadly American Marriage, and Twilight. High quality downloads available.">
<title>Premium Movie Downloads - Nonnas, Exterritorial, Twilight | MovieHub</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
<style>
:root {
--primary: #6C63FF;
--secondary: #FF6584;
--dark: #1E1E2C;
--light: #F8F9FA;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}
body {
background-color: var(--light);
overflow-x: hidden;
}
/* ===== HEADER (Mobile-Friendly) ===== */
header {
background: rgba(255, 255, 255, 0.95);
position: fixed;
width: 100%;
z-index: 1000;
padding: 1rem 5%;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.logo {
font-size: 1.5rem;
font-weight: 700;
background: linear-gradient(135deg, var(--primary), var(--secondary));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.menu-toggle {
display: none;
font-size: 1.5rem;
color: var(--dark);
cursor: pointer;
}
.nav-links {
display: flex;
gap: 1.5rem;
}
.nav-links a {
color: var(--dark);
text-decoration: none;
font-weight: 500;
font-size: 0.9rem;
}
/* ===== BANNER STYLES ===== */
.banner-container {
width: 100%;
max-width: 728px;
margin: 20px auto;
text-align: center;
}
.native-banner {
width: 100%;
margin: 20px 0;
text-align: center;
}
/* ===== MOVIE SHOWCASE ===== */
.movie-showcase {
padding: 20px 5% 50px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 2rem;
}
.movie-card {
background: white;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease;
}
.movie-card:hover {
transform: translateY(-10px);
}
.movie-poster {
width: 100%;
height: 350px;
object-fit: cover;
}
.movie-info {
padding: 1.2rem;
}
.movie-title {
font-size: 1.2rem;
margin-bottom: 0.5rem;
color: var(--dark);
}
.movie-description {
font-size: 0.85rem;
color: #555;
margin-bottom: 1rem;
line-height: 1.5;
}
.movie-meta {
display: flex;
justify-content: space-between;
font-size: 0.8rem;
color: #666;
margin-bottom: 1rem;
}
.btn-container {
display: flex;
gap: 0.5rem;
}
.watch-btn, .download-btn {
color: white;
border: none;
padding: 0.6rem 1rem;
border-radius: 8px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
text-decoration: none;
flex: 1;
font-size: 0.85rem;
}
.watch-btn {
background: linear-gradient(135deg, var(--primary), var(--secondary));
}
.download-btn {
background: linear-gradient(135deg, #4CAF50, #2E7D32);
}
.watch-btn:hover, .download-btn:hover {
opacity: 0.9;
transform: translateY(-2px);
}
/* ===== SOCIAL BAR ===== */
.social-bar {
position: fixed;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 100;
}
/* ===== FOOTER ===== */
footer {
background: var(--dark);
color: white;
padding: 2rem 5%;
text-align: center;
font-size: 0.8rem;
}
/* ===== MEDIA QUERIES ===== */
@media (max-width: 768px) {
.menu-toggle {
display: block;
}
.nav-links {
position: fixed;
top: 70px;
left: -100%;
width: 100%;
height: calc(100vh - 70px);
background: white;
flex-direction: column;
align-items: center;
padding: 2rem;
transition: 0.3s;
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.nav-links.active {
left: 0;
}
.movie-showcase {
padding: 20px 5% 40px;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.movie-poster {
height: 300px;
}
.btn-container {
flex-direction: column;
}
.social-bar {
display: none;
}
.banner-container {
max-width: 100%;
padding: 0 10px;
}
}
@media (max-width: 480px) {
.movie-showcase {
grid-template-columns: 1fr;
}
.movie-poster {
height: 400px;
}
.movie-title {
font-size: 1.1rem;
}
.movie-description {
font-size: 0.8rem;
}
}
</style>
</head>
<body>
<!-- Header with Mobile Menu -->
<header>
<div class="logo">MovieHub</div>
<div class="menu-toggle" id="menuToggle">
<i class="fas fa-bars"></i>
</div>
<nav class="nav-links" id="navLinks">
<a href="#">Home</a>
<a href="#">Movies</a>
<a href="#">About</a>
</nav>
</header>
<!-- Social Bar -->
<div class="social-bar">
<script type='text/javascript' src='//pl26675733.profitableratecpm.com/eb/13/a1/eb13a1515cd539cc0491f56dd19e7872.js'></script>
</div>
<!-- First 728x90 Banner -->
<div class="banner-container">
<script type="text/javascript">
atOptions = {
'key' : '3164390f0d07eb797e2a2f4c14c5a093',
'format' : 'iframe',
'height' : 90,
'width' : 728,
'params' : {}
};
</script>
<script type="text/javascript" src="//www.highperformanceformat.com/3164390f0d07eb797e2a2f4c14c5a093/invoke.js"></script>
</div>
<!-- Movie Showcase -->
<main class="movie-showcase">
<!-- Native Banner -->
<div class="native-banner">
<script async="async" data-cfasync="false" src="//pl26675790.profitableratecpm.com/7b84f1898a5db15d9bea8de057b62145/invoke.js"></script>
<div id="container-7b84f1898a5db15d9bea8de057b62145"></div>
</div>
<!-- Nonnas -->
<div class="movie-card">
<img src="https://m.media-amazon.com/images/M/MV5BODM0M2M4YWQtMzhlNy00NjdkLWFkODktOGNlNTc4OTFiZjZmXkEyXkFqcGc@._V1_FMjpg_UX1000_.jpg" alt="Nonnas - Italian Comedy Movie" class="movie-poster">
<div class="movie-info">
<h3 class="movie-title">Nonnas</h3>
<p class="movie-description">A heartwarming Italian comedy about three grandmothers who start a catering business after retirement. Filled with delicious food, family drama, and laugh-out-loud moments that celebrate Italian culture and traditions.</p>
<div class="movie-meta">
<span>2023</span>
<span>Comedy</span>
</div>
<div class="btn-container">
<a href="https://www.profitableratecpm.com/cx2a6asq?key=06978ffc01cd6d3e1cf76d780a54d7d0" class="watch-btn">Watch Now</a>
<a href="https://www.profitableratecpm.com/cx2a6asq?key=06978ffc01cd6d3e1cf76d780a54d7d0" class="download-btn">Download HD</a>
</div>
</div>
</div>
<!-- Exterritorial -->
<div class="movie-card">
<img src="https://decider.com/wp-content/uploads/2025/04/Exterritorial-Netflix-Review.jpg?quality=75&strip=all&w=1200" alt="Exterritorial - Action Thriller Movie" class="movie-poster">
<div class="movie-info">
<h3 class="movie-title">Exterritorial</h3>
<p class="movie-description">A high-stakes political thriller about a diplomat caught in an international conspiracy. When classified documents are leaked, she must navigate dangerous territory where no laws apply. Packed with intense action sequences and plot twists.</p>
<div class="movie-meta">
<span>2025</span>
<span>Thriller</span>
</div>
<div class="btn-container">
<a href="https://www.profitableratecpm.com/cx2a6asq?key=06978ffc01cd6d3e1cf76d780a54d7d0" class="watch-btn">Watch Now</a>
<a href="https://www.profitableratecpm.com/cx2a6asq?key=06978ffc01cd6d3e1cf76d780a54d7d0" class="download-btn">Download HD</a>
</div>
</div>
</div>
<!-- A Deadly American Marriage -->
<div class="movie-card">
<img src="https://m.media-amazon.com/images/M/MV5BMThlZmQxMWYtMzI1NS00OTQ5LTk0NjEtY2VmZjM2MTgzZWYyXkEyXkFqcGc@._V1_FMjpg_UX1000_.jpg" alt="A Deadly American Marriage - Crime Drama" class="movie-poster">
<div class="movie-info">
<h3 class="movie-title">A Deadly American Marriage</h3>
<p class="movie-description">This gripping crime drama explores the dark secrets of a wealthy Southern family after a shocking murder. Based on the bestselling novel, it's a tale of love, betrayal, and justice with powerhouse performances from its lead actors.</p>
<div class="movie-meta">
<span>2024</span>
<span>Drama</span>
</div>
<div class="btn-container">
<a href="https://www.profitableratecpm.com/cx2a6asq?key=06978ffc01cd6d3e1cf76d780a54d7d0" class="watch-btn">Watch Now</a>
<a href="https://www.profitableratecpm.com/cx2a6asq?key=06978ffc01cd6d3e1cf76d780a54d7d0" class="download-btn">Download HD</a>
</div>
</div>
</div>
<!-- Twilight -->
<div class="movie-card">
<img src="https://m.media-amazon.com/images/M/MV5BMTQ2NzUxMTAxN15BMl5BanBnXkFtZTcwMzEyMTIwMg@@._V1_FMjpg_UX1000_.jpg" alt="Twilight - Vampire Romance Movie" class="movie-poster">
<div class="movie-info">
<h3 class="movie-title">Twilight</h3>
<p class="movie-description">The iconic vampire romance that started a global phenomenon. When Bella Swan moves to Forks, she falls for the mysterious Edward Cullen, unaware he's a vampire. This supernatural love story launched a blockbuster franchise.</p>
<div class="movie-meta">
<span>2008</span>
<span>Romance</span>
</div>
<div class="btn-container">
<a href="https://www.profitableratecpm.com/cx2a6asq?key=06978ffc01cd6d3e1cf76d780a54d7d0" class="watch-btn">Watch Now</a>
<a href="https://www.profitableratecpm.com/cx2a6asq?key=06978ffc01cd6d3e1cf76d780a54d7d0" class="download-btn">Download HD</a>
</div>
</div>
</div>
<!-- Second 728x90 Banner -->
<div class="banner-container">
<script type="text/javascript">
atOptions = {
'key' : '3164390f0d07eb797e2a2f4c14c5a093',
'format' : 'iframe',
'height' : 90,
'width' : 728,
'params' : {}
};
</script>
<script type="text/javascript" src="//www.highperformanceformat.com/3164390f0d07eb797e2a2f4c14c5a093/invoke.js"></script>
</div>
</main>
<!-- Footer -->
<footer>
<p>© 2023 MovieHub. All rights reserved.</p>
</footer>
<script>
// Mobile Menu Toggle
const menuToggle = document.getElementById('menuToggle');
const navLinks = document.getElementById('navLinks');
menuToggle.addEventListener('click', () => {
navLinks.classList.toggle('active');
});
// Close mobile menu when clicking a link
document.querySelectorAll('.nav-links a').forEach(link => {
link.addEventListener('click', () => {
navLinks.classList.remove('active');
});
});
</script>
</body>
</html>
Commentaires
Enregistrer un commentaire