Jodit Editor

<!DOCTYPE html>

<head>

<title>Onirese House Foundation | Leadership That Unites</title>

<style>

:root {

--primary: #2D0B5A;

--accent: #D4AF37;

--accent-light: #F4E8C1;

--success: #00A859;

}

body {

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

scroll-behavior: smooth;

}

.bg-brand-purple { background-color: var(--primary); }

.text-brand-gold { color: var(--accent); }

.bg-brand-gold { background-color: var(--accent); }

.border-brand-gold { border-color: var(--accent); }

.text-brand-purple { color: var(--primary); }

.hero-gradient {

background: linear-gradient(135deg, #1a0636 0%, #2D0B5A 100%);

}

.stat-card:hover {

transform: translateY(-5px);

transition: all 0.3s ease;

}

.nav-link {

position: relative;

transition: color 0.3s ease;

}

.nav-link::after {

content: '';

position: absolute;

width: 0;

height: 2px;

bottom: -4px;

left: 0;

background-color: var(--accent);

transition: width 0.3s ease;

}

.nav-link:hover::after {

width: 100%;

}

/* Glassmorphism for specific UI elements */

.glass {

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

backdrop-filter: blur(10px);

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

}

/* Custom shape for the About image */

.founder-shape {

border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;

overflow: hidden;

}

</style>

</head>

<img src="https://placehold.co/200x200/2D0B5A/D4AF37?text=LOGO"

alt="Onirese House Foundation Logo"

class="w-full h-full object-cover p-1"

onerror="this.src='https://placehold.co/200x200/2D0B5A/D4AF37?text=OHF'">

</div>

<span class="block text-base font-black text-brand-purple leading-none tracking-tighter uppercase">Onirese House</span>

<span class="block text-[10px] font-bold text-brand-gold tracking-[0.3em] uppercase">Foundation</span>

</div>

<a href="#about" class="nav-link">The Founder</a>

<a href="#programs" class="nav-link">Programs</a>

<a href="#news" class="nav-link">Media</a>

<a href="#contact" class="nav-link">Contact</a>

<span>Donate Now</span>

</button>

</div>

</button>

</div>

</nav>

<i class="fas fa-star mr-2"></i> Hon. Ajagbe Paul Olukunle Onirese

</p>

Leadership That <br><span class="text-brand-gold">Unites.</span>

</h1>

Building hope and transforming lives through sustainable housing, education, and healthcare initiatives that deliver real results.

</p>

Join Our Mission

</button>

Watch Documentary

</button>

</div>

<span class="text-[10px] uppercase font-bold tracking-widest">People Focused</span>

</div>

<span class="text-[10px] uppercase font-bold tracking-widest">Results Driven</span>

</div>

<span class="text-[10px] uppercase font-bold tracking-widest">Integrity Always</span>

</div>

<span class="text-[10px] uppercase font-bold tracking-widest">Service Above Self</span>

</div>

<img src="https://placehold.co/800x1000/2D0B5A/D4AF37?text=HON.+ONIRESE"

alt="Hon. Ajagbe Paul Olukunle Onirese"

class="relative z-10 drop-shadow-2xl translate-y-4">

</div>

</svg>

</div>

</section>

<div class="text-[10px] uppercase font-extrabold text-gray-500 tracking-widest mb-1">Road & Transport</div>

<div class="text-sm font-semibold text-brand-gold">Projects</div>

</div>

<div class="text-[10px] uppercase font-extrabold text-gray-500 tracking-widest mb-1">Scholarships & Academic</div>

<div class="text-sm font-semibold text-brand-gold">Support</div>

</div>

<div class="text-[10px] uppercase font-extrabold text-gray-500 tracking-widest mb-1">Welfare, Mobility</div>

<div class="text-sm font-semibold text-brand-gold">& Jobs Created</div>

</div>

<div class="text-[10px] uppercase font-extrabold text-gray-500 tracking-widest mb-1">Healthcare & Community</div>

<div class="text-sm font-semibold text-brand-gold">Facilities</div>

</div>

</section>

</div>

<div class="text-xs font-bold uppercase tracking-tighter">Years of Service</div>

</div>

About The Founder

</div>

Professional Leader | <span class="text-brand-gold">Philanthropist</span> | Visionary Per Excellence.

</h2>

Hon. Ajagbe Paul Olukunle Onirese is a distinguished figure dedicated to the upliftment of humanity. Through the Onirese House Foundation, he has pioneered numerous initiatives that bridge the gap between policy and impact.

</p>

His philosophy is simple: "Service that delivers." This mandate has driven the foundation to become a beacon of hope in housing, healthcare, and education across communities.

</p>

Read Full Biography

</button>

</div>

</section>

<div class="inline-block text-brand-gold font-bold uppercase text-xs tracking-[0.4em] mb-4">Gallery</div>

<h2 class="text-4xl font-black text-brand-purple">The Foundation in <span class="text-success">Action</span></h2>

</div>

<span class="text-xs font-bold text-success uppercase tracking-widest mb-2">Communities</span>

<h4 class="text-xl font-bold text-white uppercase">Affordable Housing Initiative</h4>

</div>

<span class="text-xs font-bold text-success uppercase tracking-widest mb-2">Education</span>

<h4 class="text-xl font-bold text-white uppercase">ICT Empowerment Program</h4>

</div>

<span class="text-xs font-bold text-success uppercase tracking-widest mb-2">Health</span>

<h4 class="text-xl font-bold text-white uppercase">Free Medical Outreach</h4>

</div>

View All Projects

</button>

</div>

</section>

</div>

<div class="text-brand-gold font-bold uppercase tracking-widest text-xs mb-4">Testimonials</div>

<h2 class="text-4xl font-extrabold mb-8">What People <span class="text-brand-gold">Say</span></h2>

"The housing initiative changed my family's life. We finally have a roof that doesn't leak and a community that feels safe. Hon. Onirese is a man of his word."

</p>

<div>

<h5 class="font-bold text-brand-gold">Bashir Bello</h5>

<p class="text-xs uppercase font-bold opacity-60">Beneficiary, Abeokuta</p>

</div>

</section>

<h2 class="text-4xl font-black text-brand-purple">Latest Updates & <span class="text-success">Insights</span></h2>

</div>

</div>

<span><i class="far fa-user text-success mr-1"></i> Admin</span>

</div>

<h3 class="text-2xl font-bold text-brand-purple mb-4 group-hover:text-success transition-colors">Foundation Inaugurates New Health Center in Rural Communities</h3>

Read More <i class="fas fa-arrow-right text-xs"></i>

</a>

</div>

</div>

<span><i class="far fa-user text-success mr-1"></i> Admin</span>

</div>

<h3 class="text-2xl font-bold text-brand-purple mb-4 group-hover:text-success transition-colors">Hon. Onirese Speaks on Urban Housing Challenges at National Summit</h3>

Read More <i class="fas fa-arrow-right text-xs"></i>

</a>

</div>

</section>

</div>

<span class="text-xl font-black tracking-tighter">ONIRESE FOUNDATION</span>

</div>

Creating sustainable pathways to prosperity for underprivileged communities through strategic intervention.

</p>

</div>

<div>

<h4 class="text-lg font-bold mb-8 border-l-4 border-brand-gold pl-4 uppercase tracking-widest text-xs">Navigation</h4>

<li><a href="#about" class="hover:text-brand-gold transition-colors">The Founder</a></li>

<li><a href="#programs" class="hover:text-brand-gold transition-colors">Our Programs</a></li>

</ul>

</div>

<div>

<h4 class="text-lg font-bold mb-8 border-l-4 border-brand-gold pl-4 uppercase tracking-widest text-xs">Foundation Info</h4>

<span>Lagos, Nigeria Headquarters</span>

</li>

<span>info@oniresehousefoundation.com</span>

</li>

</ul>

</div>

<div>

<h4 class="text-lg font-bold mb-8 border-l-4 border-brand-gold pl-4 uppercase tracking-widest text-xs">Newsletter</h4>

<p class="text-gray-500 text-sm mb-4">Stay updated with our monthly impact reports.</p>

</button>

</div>

</div>

</footer>

const btn = document.getElementById('mobile-menu-btn');

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

console.log("Mobile menu clicked");

});

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

const nav = document.querySelector('nav');

if (window.scrollY > 100) {

nav.classList.add('py-2');

} else {

nav.classList.remove('py-2');

}

});

</script>

</body>

</html>