Top 6 Most Searched Hollywood Actresses

HTML Script

<!DOCTYPE html>

<head>

<title>UnCover - Hollywood's Actresses</title>

<style>

* {

margin: 0;

padding: 0;

box-sizing: border-box;

}

:root {

--primary: #ff4d94;

--secondary: #8a2be2;

--dark: #0f0c29;

--light: #f8f8ff;

--accent: #00ffff;

--gray: #a9a9a9;

}

body {

background: linear-gradient(135deg, var(--dark), #302b63, #24243e);

color: var(--light);

min-height: 100vh;

padding: 0;

font-family: 'Montserrat', sans-serif;

background-attachment: fixed;

overflow-x: hidden;

}

.container {

max-width: 1400px;

margin: 0 auto;

padding: 0 20px;

}

/* Header Styles with Animation */

header {

padding: 20px 0;

position: sticky;

top: 0;

z-index: 1000;

background: rgba(15, 12, 41, 0.95);

backdrop-filter: blur(10px);

box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);

}

.header-content {

display: flex;

justify-content: space-between;

align-items: center;

}

.logo {

font-size: 2.8rem;

font-weight: 800;

color: var(--primary);

text-transform: uppercase;

letter-spacing: 3px;

text-shadow: 0 0 15px rgba(255, 77, 148, 0.7);

position: relative;

display: flex;

align-items: center;

cursor: pointer;

}

.logo::after {

content: '';

position: absolute;

bottom: -5px;

left: 0;

width: 100%;

height: 3px;

background: linear-gradient(90deg, transparent, var(--primary), transparent);

animation: pulse 3s infinite;

}

.logo i {

margin-right: 10px;

font-size: 2.5rem;

}

/* Navigation */

nav ul {

display: flex;

list-style: none;

gap: 30px;

}

nav a {

color: var(--light);

text-decoration: none;

font-weight: 600;

font-size: 1.1rem;

text-transform: uppercase;

letter-spacing: 1px;

transition: all 0.3s ease;

position: relative;

padding: 5px 0;

cursor: pointer;

}

nav a:hover {

color: var(--primary);

}

nav a::after {

content: '';

position: absolute;

bottom: 0;

left: 0;

width: 0;

height: 2px;

background: var(--primary);

transition: width 0.3s ease;

}

nav a:hover::after {

width: 100%;

}

.auth-buttons {

display: flex;

gap: 15px;

}

.btn {

padding: 10px 25px;

border-radius: 30px;

font-weight: 600;

text-transform: uppercase;

letter-spacing: 1px;

transition: all 0.3s ease;

cursor: pointer;

font-size: 0.9rem;

border: none;

}

.btn-login {

background: transparent;

border: 2px solid var(--primary);

color: var(--primary);

}

.btn-login:hover {

background: var(--primary);

color: var(--dark);

}

.btn-signup {

background: var(--primary);

border: 2px solid var(--primary);

color: var(--dark);

}

.btn-signup:hover {

background: transparent;

color: var(--primary);

}

/* Hero Section */

.hero {

text-align: center;

padding: 80px 0 60px;

position: relative;

overflow: hidden;

}

.hero::before {

content: '';

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

background: url('https://images.unsplash.com/photo-1535016120720-40c646be5580?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80') center/cover no-repeat;

opacity: 0.2;

z-index: -1;

}

.hero h1 {

font-family: 'Playfair Display', serif;

font-size: 4rem;

margin-bottom: 20px;

text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);

animation: fadeInDown 1s ease;

}

.hero p {

font-size: 1.2rem;

max-width: 700px;

margin: 0 auto 30px;

color: var(--gray);

animation: fadeInUp 1s ease;

}

.hero-buttons {

display: flex;

justify-content: center;

gap: 20px;

animation: fadeIn 1.5s ease;

}

.btn-primary {

background: linear-gradient(45deg, var(--primary), var(--secondary));

border: none;

color: white;

padding: 12px 30px;

font-size: 1.1rem;

cursor: pointer;

}

.btn-primary:hover {

transform: translateY(-3px);

box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);

}

/* Actresses Section */

.section-title {

text-align: center;

margin: 60px 0 40px;

position: relative;

}

.section-title h2 {

font-family: 'Playfair Display', serif;

font-size: 2.8rem;

display: inline-block;

position: relative;

}

.section-title h2::after {

content: '';

position: absolute;

bottom: -15px;

left: 50%;

transform: translateX(-50%);

width: 80px;

height: 4px;

background: linear-gradient(90deg, var(--primary), var(--secondary));

}

/* Grid Layout for Actresses */

.actress-grid {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));

gap: 30px;

margin: 40px 0;

}

/* Frame Style */

.frame {

background: linear-gradient(145deg, #1a1a2e, #16213e);

border-radius: 15px;

overflow: hidden;

box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);

transition: all 0.4s ease;

position: relative;

height: 420px;

display: flex;

flex-direction: column;

}

.frame:hover {

transform: translateY(-10px) scale(1.02);

box-shadow: 0 15px 35px rgba(255, 77, 148, 0.3);

}

.image-container {

height: 320px;

overflow: hidden;

position: relative;

}

.image-container img {

width: 100%;

height: 100%;

object-fit: cover;

transition: transform 0.5s ease;

}

.frame:hover .image-container img {

transform: scale(1.1);

}

.overlay {

position: absolute;

bottom: 0;

left: 0;

right: 0;

background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));

height: 50%;

display: flex;

align-items: flex-end;

padding: 20px;

opacity: 0;

transition: opacity 0.4s ease;

}

.frame:hover .overlay {

opacity: 1;

}

.actress-info {

padding: 15px;

}

.actress-name {

font-size: 1.5rem;

font-weight: 700;

color: var(--light);

margin-bottom: 5px;

}

.actress-bio {

font-size: 0.9rem;

color: var(--gray);

display: -webkit-box;

-webkit-line-ramp: 2;

-webkit-box-orient: vertical;

overflow: hidden;

}

/* Label Style - Now as Button */

.label-btn {

background: linear-gradient(90deg, var(--primary), var(--secondary));

color: white;

text-align: center;

padding: 12px;

font-weight: 700;

letter-spacing: 1px;

text-transform: uppercase;

font-size: 0.9rem;

display: flex;

align-items: center;

justify-content: center;

gap: 8px;

border: none;

width: 100%;

cursor: pointer;

transition: all 0.3s ease;

}

.label-btn:hover {

background: linear-gradient(90deg, var(--secondary), var(--primary));

letter-spacing: 2px;

}

/* Stats Section */

.stats {

display: flex;

justify-content: space-around;

flex-wrap: wrap;

gap: 30px;

margin: 80px 0;

text-align: center;

}

.stat-item {

flex: 1;

min-width: 200px;

padding: 30px;

background: rgba(255, 255, 255, 0.05);

border-radius: 15px;

backdrop-filter: blur(10px);

box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);

transition: transform 0.3s ease;

cursor: pointer;

}

.stat-item:hover {

transform: translateY(-10px);

}

.stat-number {

font-size: 3rem;

font-weight: 800;

color: var(--primary);

margin-bottom: 10px;

}

.stat-text {

font-size: 1.1rem;

color: var(--gray);

}

/* Footer Styles */

footer {

background: rgba(10, 8, 25, 0.95);

padding: 60px 0 30px;

margin-top: 80px;

}

.footer-content {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

gap: 40px;

margin-bottom: 40px;

}

.footer-column h3 {

font-size: 1.5rem;

margin-bottom: 20px;

color: var(--primary);

position: relative;

padding-bottom: 10px;

cursor: pointer;

}

.footer-column h3::after {

content: '';

position: absolute;

bottom: 0;

left: 0;

width: 40px;

height: 3px;

background: var(--primary);

}

.footer-column p {

color: var(--gray);

line-height: 1.6;

margin-bottom: 20px;

}

.footer-links {

list-style: none;

}

.footer-links li {

margin-bottom: 12px;

}

.footer-links a {

color: var(--gray);

text-decoration: none;

transition: color 0.3s ease;

display: flex;

align-items: center;

gap: 10px;

cursor: pointer;

}

.footer-links a:hover {

color: var(--primary);

}

.footer-links i {

font-size: 0.8rem;

}

.social-icons {

display: flex;

gap: 15px;

margin-top: 20px;

}

.social-icons a {

display: flex;

align-items: center;

justify-content: center;

width: 40px;

height: 40px;

border-radius: 50%;

background: rgba(255, 255, 255, 0.1);

color: var(--light);

transition: all 0.3s ease;

cursor: pointer;

}

.social-icons a:hover {

background: var(--primary);

transform: translateY(-5px);

}

.copyright {

text-align: center;

padding-top: 30px;

border-top: 1px solid rgba(255, 255, 255, 0.1);

color: var(--gray);

font-size: 0.9rem;

}

/* Newsletter */

.newsletter {

display: flex;

gap: 10px;

margin-top: 15px;

}

.newsletter input {

flex: 1;

padding: 12px 15px;

border: none;

border-radius: 30px;

background: rgba(255, 255, 255, 0.1);

color: var(--light);

}

.newsletter button {

padding: 12px 20px;

border: none;

border-radius: 30px;

background: var(--primary);

color: var(--light);

cursor: pointer;

transition: all 0.3s ease;

}

.newsletter button:hover {

background: var(--secondary);

}

/* Animations */

@keyframes fadeInDown {

from {

opacity: 0;

transform: translateY(-50px);

}

to {

opacity: 1;

transform: translateY(0);

}

@keyframes fadeInUp {

from {

opacity: 0;

transform: translateY(50px);

}

to {

opacity: 1;

transform: translateY(0);

}

@keyframes fadeIn {

from {

opacity: 0;

}

to {

opacity: 1;

}

@keyframes pulse {

0% {

opacity: 0.5;

width: 0%;

}

50% {

opacity: 1;

width: 100%;

}

100% {

opacity: 0.5;

width: 0%;

left: 100%;

}

/* Responsive Design */

@media (max-width: 992px) {

nav ul {

gap: 15px;

}

.hero h1 {

font-size: 3rem;

}

@media (max-width: 768px) {

.header-content {

flex-direction: column;

gap: 20px;

}

nav ul {

flex-wrap: wrap;

justify-content: center;

}

.hero h1 {

font-size: 2.5rem;

}

.actress-grid {

grid-template-columns: 1fr;

}

.hero-buttons {

flex-direction: column;

align-items: center;

}

.stats {

flex-direction: column;

}

/* Premium Badge */

.premium-badge {

position: absolute;

top: 15px;

right: 15px;

background: linear-gradient(45deg, var(--primary), var(--secondary));

color: white;

padding: 5px 15px;

border-radius: 30px;

font-size: 0.8rem;

font-weight: 600;

z-index: 2;

box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);

cursor: pointer;

}

/* Scroll to top button */

.scroll-top {

position: fixed;

bottom: 30px;

right: 30px;

width: 50px;

height: 50px;

border-radius: 50%;

background: var(--primary);

color: white;

display: flex;

align-items: center;

justify-content: center;

cursor: pointer;

transition: all 0.3s ease;

opacity: 0;

visibility: hidden;

z-index: 999;

box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

}

.scroll-top.active {

opacity: 1;

visibility: visible;

}

.scroll-top:hover {

background: var(--secondary);

transform: translateY(-5px);

}

</style>

</head>

<body>

</div>

UnCover

</div>

<nav>

<ul>

<li><a onclick="openGoogle()">Actresses</a></li>

<li><a onclick="openGoogle()">Gallery</a></li>

<li><a onclick="openGoogle()">Magazine</a></li>

<li><a onclick="openGoogle()">Contact</a></li>

</ul>

</nav>

<button class="btn btn-login" onclick="openGoogle()">Login</button>

</div>

</header>

<h1>Discover Hollywood's Actresses</h1>

<p>Explore exclusive content, behind-the-scenes footage, and premium photos of your favorite celebrities</p>

<button class="btn btn-primary" onclick="openGoogle()">Explore Now</button>

<button class="btn btn-login" onclick="openGoogle()">View Gallery</button>

</div>

</section>

<h2 onclick="openGoogle()">Top Searched Actresses</h2>

</div>

<div class="premium-badge" onclick="openGoogle()">PREMIUM</div>

<div class="actress-name">Jennifer Lawrence</div>

</div>

<div class="actress-name">Jennifer Lawrence</div>

<div class="actress-bio">Academy Award-winning actress known for The Hunger Games series and Silver Linings Playbook.</div>

</div>

UnCover Images +18

</button>

</div>

<div class="premium-badge" onclick="openGoogle()">PREMIUM</div>

<div class="actress-name">Margot Robbie</div>

</div>

<div class="actress-name">Margot Robbie</div>

<div class="actress-bio">Australian actress and producer known for her roles in The Wolf of Wall Street and Suicide Squad.</div>

</div>

UnCover Images +18

</button>

</div>

<div class="premium-badge" onclick="openGoogle()">PREMIUM</div>

<div class="actress-name">Zendaya</div>

</div>

<div class="actress-name">Zendaya</div>

<div class="actress-bio">Actress and singer known for her roles in Spider-Man: Homecoming and HBO's Euphoria.</div>

</div>

UnCover Images +18

</button>

</div>

<div class="premium-badge" onclick="openGoogle()">PREMIUM</div>

<div class="actress-name">Ana de Armas</div>

</div>

<div class="actress-name">Ana de Armas</div>

<div class="actress-bio">Cuban-Spanish actress known for her roles in Blade Runner 2049 and Knives Out.</div>

</div>

UnCover Images +18

</button>

</div>

<div class="premium-badge" onclick="openGoogle()">PREMIUM</div>

<div class="actress-name">Florence Pugh</div>

</div>

<div class="actress-name">Florence Pugh</div>

<div class="actress-bio">English actress known for her roles in Midsommar, Little Women, and Black Widow.</div>

</div>

UnCover Images +18

</button>

</div>

<div class="premium-badge" onclick="openGoogle()">PREMIUM</div>

<div class="actress-name">Sydney Sweeney</div>

</div>

<div class="actress-name">Sydney Sweeney</div>

<div class="actress-bio">American actress known for her roles in HBO series Euphoria and The White Lotus.</div>

</div>

UnCover Images +18

</button>

</div>

</section>

<div class="stat-text">Monthly Visitors</div>

</div>

<div class="stat-text">Premium Photos</div>

</div>

<div class="stat-text">Exclusive Interviews</div>

</div>

<div class="stat-text">User Satisfaction</div>

</div>

</section>

<h3 onclick="openGoogle()">UnCover</h3>

<p>Your premier destination for exclusive Hollywood content, behind-the-scenes access, and premium celebrity photos.</p>

</div>

<h3 onclick="openGoogle()">Quick Links</h3>

<li><a onclick="openGoogle()"><i class="fas fa-chevron-right"></i> Actresses</a></li>

<li><a onclick="openGoogle()"><i class="fas fa-chevron-right"></i> Gallery</a></li>

<li><a onclick="openGoogle()"><i class="fas fa-chevron-right"></i> Magazine</a></li>

</ul>

</div>

<h3 onclick="openGoogle()">Legal</h3>

<li><a onclick="openGoogle()"><i class="fas fa-chevron-right"></i> Terms of Service</a></li>

<li><a onclick="openGoogle()"><i class="fas fa-chevron-right"></i> Privacy Policy</a></li>

<li><a onclick="openGoogle()"><i class="fas fa-chevron-right"></i> Cookie Policy</a></li>

<li><a onclick="openGoogle()"><i class="fas fa-chevron-right"></i> GDPR Compliance</a></li>

</ul>

</div>

<h3 onclick="openGoogle()">Newsletter</h3>

<p>Subscribe to our newsletter for exclusive updates and content.</p>

</div>

</div>

</footer>

// Function to open techpk

function openGoogle() {

window.open('techpk', '_blank');

}

// Add interactive effects with JavaScript

document.addEventListener('DOMContentLoaded', function() {

const frames = document.querySelectorAll('.frame');

const scrollTopBtn = document.querySelector('.scroll-top');

// Add click effect to frames

frames.forEach(frame => {

frame.addEventListener('click', function() {

this.style.transform = 'scale(0.98)';

setTimeout(() => {

this.style.transform = '';

}, 300);

});

// Scroll to top functionality

window.addEventListener('scroll', () => {

if (window.pageYOffset > 300) {

scrollTopBtn.classList.add('active');

} else {

scrollTopBtn.classList.remove('active');

}

});

scrollTopBtn.addEventListener('click', () => {

window.scrollTo({

top: 0,

behavior: 'smooth'

});

// Animate elements on scroll

const observerOptions = {

root: null,

rootMargin: '0px',

threshold: 0.2

};

const observer = new IntersectionObserver((entries) => {

entries.forEach(entry => {

if (entry.isIntersecting) {

entry.target.style.opacity = 1;

entry.target.style.transform = 'translateY(0)';

}

});

}, observerOptions);

// Observe elements for animation

const animatedElements = document.querySelectorAll('.frame, .stat-item');

animatedElements.forEach(el => {

el.style.opacity = 0;

el.style.transform = 'translateY(50px)';

el.style.transition = 'opacity 0.8s ease, transform 0.8s ease';

observer.observe(el);

});

// Premium content hover effect

const premiumBadges = document.querySelectorAll('.premium-badge');

premiumBadges.forEach(badge => {

badge.addEventListener('mouseenter', () => {

badge.parentElement.style.boxShadow = '0 15px 35px rgba(255, 77, 148, 0.5)';

badge.parentElement.style.transform = 'translateY(-10px) scale(1.03)';

});

badge.addEventListener('mouseleave', () => {

badge.parentElement.style.boxShadow = '0 10px 30px rgba(0, 0, 0, 0.5)';

badge.parentElement.style.transform = 'translateY(-10px) scale(1.02)';

});

</script>

</body>

</html>

Free Best Themes

Ads Area

Top 6 Most Searched Hollywood Actresses

Top Post Ad

Below Post Ad

Ads Area

Ads Area

Popular Posts

Redirect Link Code For Blogger

Fake Video Player Script For Blogger

Money Management For Students

Join Us Script Paid $15

Age Verification Codes

Contact Us

Contact form

Free Best Themes

Ads Area

Top 6 Most Searched Hollywood Actresses

You may like these posts

Top Post Ad

Below Post Ad

Ads Area

Contact form