# FILE STRUCTURE ```plaintext /nadeem index.html /assets /css style.css /js main.js /images nadeem-main.png nadeem-portrait.jpg dubai-bg.jpg ``` --- # index.html ```html Nadeem | Property Consultant
JAHAN PROPERTIES

Nadeem
Property Consultant

Helping investors discover premium real estate opportunities in Dubai.

WhatsApp Me View Projects
Nadeem
Nadeem Portrait
ABOUT ME

Trusted Real Estate Advisor in Dubai

I specialize in off-plan projects, luxury apartments, and investment opportunities across Dubai’s most premium communities.

100+

Clients

AED 50M+

Deals Closed

5+

Years Experience

FEATURED PROJECTS

Luxury Real Estate Opportunities

Dubai Marina

Luxury waterfront living with premium investment potential.

Downtown Dubai

Premium apartments near Burj Khalifa and Dubai Mall.

Business Bay

Modern investment opportunities in Dubai’s business district.

CONTACT ME

Let’s Find Your Perfect Property

Contact me directly for premium Dubai real estate opportunities.

WhatsApp Call Now
``` --- # assets/css/style.css ```css :root { --gold: #b68d40; --black: #0b0b0b; --dark: #111111; --white: #ffffff; --gray: #b8b8b8; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Poppins', sans-serif; background: var(--black); color: var(--white); overflow-x: hidden; } h1,h2,h3,h4 { font-family: 'Playfair Display', serif; } .navbar { padding: 20px 0; background: rgba(0,0,0,0.45); backdrop-filter: blur(12px); } .navbar-brand { color: white; font-size: 30px; font-weight: 700; } .navbar-brand span { color: var(--gold); } .nav-link { color: white; margin-left: 20px; } .hero { position: relative; min-height: 100vh; background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.8)), url('../images/dubai-bg.jpg'); background-size: cover; background-position: center; overflow: hidden; } .hero-content { position: relative; z-index: 3; } .tag { color: var(--gold); letter-spacing: 3px; font-size: 14px; } .hero-content h1 { font-size: 78px; line-height: 1.1; margin: 25px 0; } .hero-content p { color: var(--gray); font-size: 18px; max-width: 550px; margin-bottom: 35px; } .hero-buttons { display: flex; gap: 20px; flex-wrap: wrap; } .btn-gold, .btn-outline-custom { padding: 14px 30px; border-radius: 50px; text-decoration: none; font-weight: 600; transition: 0.4s; } .btn-gold { background: var(--gold); color: white; } .btn-outline-custom { border: 1px solid rgba(255,255,255,0.3); color: white; } .btn-gold:hover, .btn-outline-custom:hover { transform: translateY(-5px); } .hero-image-wrapper { position: relative; display: flex; justify-content: center; align-items: flex-end; height: 100vh; } .hero-image { max-height: 92vh; object-fit: contain; filter: drop-shadow(0 20px 40px rgba(0,0,0,0.6)); } section { padding: 120px 0; } .section-heading span { color: var(--gold); letter-spacing: 3px; font-size: 14px; } .section-heading h2 { font-size: 52px; margin: 15px 0 25px; } .center { text-align: center; } .about-image { width: 100%; border-radius: 30px; } .about p { color: var(--gray); line-height: 1.9; } .stats-row { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 35px; } .stat-box { background: var(--dark); padding: 25px; border-radius: 20px; flex: 1; min-width: 150px; } .stat-box h3 { color: var(--gold); } .project-card { background: var(--dark); border-radius: 24px; overflow: hidden; transition: 0.4s; } .project-card:hover { transform: translateY(-10px); } .project-image { height: 320px; background-size: cover; background-position: center; } .project-image.one { background-image: url('https://images.unsplash.com/photo-1518684079-3c830dcef090?q=80&w=1974&auto=format&fit=crop'); } .project-image.two { background-image: url('https://images.unsplash.com/photo-1526495124232-a04e1849168c?q=80&w=2070&auto=format&fit=crop'); } .project-image.three { background-image: url('https://images.unsplash.com/photo-1511818966892-d7d671e672a2?q=80&w=1974&auto=format&fit=crop'); } .project-content { padding: 30px; } .project-content p { color: var(--gray); margin-top: 10px; } .contact-box { background: linear-gradient(135deg,#161616,#0d0d0d); padding: 70px; border-radius: 30px; text-align: center; } .contact-box span { color: var(--gold); letter-spacing: 3px; } .contact-box h2 { font-size: 58px; margin: 20px 0; } .contact-box p { color: var(--gray); max-width: 700px; margin: auto; } .contact-buttons { display: flex; justify-content: center; gap: 20px; margin-top: 40px; flex-wrap: wrap; } .contact-buttons a { padding: 16px 30px; background: rgba(255,255,255,0.05); border-radius: 50px; color: white; text-decoration: none; } footer { text-align: center; padding: 30px; border-top: 1px solid rgba(255,255,255,0.08); color: var(--gray); } @media(max-width: 992px){ .hero-content { padding-top: 140px; text-align: center; } .hero-content h1 { font-size: 52px; } .hero-buttons { justify-content: center; } .hero-image { max-height: 70vh; margin-top: 40px; } .hero-image-wrapper { height: auto; } .contact-box h2 { font-size: 40px; } } @media(max-width: 768px){ .hero-content h1 { font-size: 42px; } .section-heading h2 { font-size: 38px; } .contact-box { padding: 40px 25px; } .contact-box h2 { font-size: 34px; } } ``` --- # assets/js/main.js ```javascript window.addEventListener('scroll', function() { const navbar = document.querySelector('.navbar'); if(window.scrollY > 50){ navbar.style.background = 'rgba(0,0,0,0.85)'; } else { navbar.style.background = 'rgba(0,0,0,0.45)'; } });