* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 16px; line-height: 1.6; color: var(--text-dark); } .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* Navbar */ .navbar { background: linear-gradient(135deg, var(--navy-blue) 0%, var(--navy-dark) 100%); padding: 15px 0; position: sticky; top: 0; z-index: 1000; box-shadow: 0 4px 8px rgba(0,0,0,0.15); } .navbar .container { display: flex; justify-content: space-between; align-items: center; } .navbar-brand { display: flex; align-items: center; gap: 15px; text-decoration: none; } .navbar-brand img { height: 60px; width: auto; } .brand-text h1 { font-size: 1.5rem; margin: 0; color: var(--gold); } .brand-text p { font-size: 0.75rem; margin: 0; color: var(--white); opacity: 0.9; } .navbar-nav { display: flex; list-style: none; gap: 30px; align-items: center; } .navbar-nav a { color: var(--white); font-weight: 500; text-decoration: none; padding: 8px 0; position: relative; } .navbar-nav a:hover { color: var(--gold); } .navbar-toggler { display: none; background: none; border: none; color: var(--white); font-size: 1.5rem; cursor: pointer; } /* Buttons */ .btn { display: inline-block; padding: 12px 30px; font-size: 1rem; font-weight: 600; text-align: center; border: none; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 0.5px; text-decoration: none; } .btn-primary { background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%); color: var(--navy-dark); } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3); } .btn-secondary { background: transparent; color: var(--white); border: 2px solid var(--white); } .btn-secondary:hover { background: var(--white); color: var(--navy-blue); } .btn-navy { background: linear-gradient(135deg, var(--navy-blue) 0%, var(--navy-dark) 100%); color: var(--white); } .btn-lg { padding: 15px 40px; font-size: 1.1rem; } .btn-sm { padding: 8px 20px; font-size: 0.875rem; } /* Hero */ .hero { background: linear-gradient(135deg, var(--navy-dark) 0%, var(--navy-blue) 50%, var(--navy-light) 100%); min-height: 90vh; display: flex; align-items: center; position: relative; overflow: hidden; } .hero-content { position: relative; z-index: 1; text-align: center; color: var(--white); padding: 60px 20px; max-width: 900px; margin: 0 auto; } .hero-logo { width: 150px; height: 150px; margin-bottom: 30px; border-radius: 50%; border: 4px solid var(--gold); box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3); } .hero h1 { font-size: 3.5rem; margin-bottom: 20px; color: var(--gold); text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } .hero h2 { font-size: 1.8rem; font-weight: 400; margin-bottom: 20px; } .hero p { font-size: 1.2rem; max-width: 700px; margin: 0 auto 40px; opacity: 0.9; } .hero-buttons { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; } /* Sections */ .section { padding: 80px 0; } .section-title { text-align: center; margin-bottom: 60px; } .section-title h2 { font-size: 2.5rem; color: var(--navy-blue); margin-bottom: 15px; } .section-title h2 span { color: var(--gold-dark); } .section-title p { font-size: 1.1rem; color: var(--text-light); max-width: 600px; margin: 0 auto; } .section-title::after { content: ''; display: block; width: 80px; height: 4px; background: linear-gradient(90deg, var(--gold), var(--gold-dark)); margin: 20px auto 0; border-radius: 2px; } /* Vision Section */ .vision-section { background: var(--off-white); } .vision-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; align-items: center; } .vision-content h3 { font-size: 2rem; color: var(--navy-blue); margin-bottom: 20px; } .vision-content p { margin-bottom: 20px; color: var(--text-dark); } .vision-image img { border-radius: 16px; box-shadow: 0 8px 16px rgba(0,0,0,0.2); max-width: 100%; } .ceo-profile { text-align: center; padding: 30px; background: var(--white); border-radius: 16px; box-shadow: 0 4px 8px rgba(0,0,0,0.15); } .ceo-profile img { width: 200px; height: 200px; border-radius: 50%; object-fit: cover; border: 5px solid var(--gold); margin-bottom: 20px; } .ceo-profile h4 { color: var(--navy-blue); margin-bottom: 5px; } .ceo-profile p { color: var(--gold-dark); font-weight: 600; } /* Stats */ .stats-section { background: linear-gradient(135deg, var(--navy-blue) 0%, var(--navy-dark) 100%); color: var(--white); padding: 60px 0; } .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 40px; text-align: center; } .stat-item { padding: 20px; } .stat-number { font-size: 3rem; font-weight: 700; color: var(--gold); display: block; margin-bottom: 10px; } .stat-label { font-size: 1.1rem; opacity: 0.9; } /* Services */ .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .service-card { background: var(--white); border-radius: 16px; padding: 40px 30px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: all 0.3s ease; border: 1px solid var(--light-gray); } .service-card:hover { transform: translateY(-10px); box-shadow: 0 8px 16px rgba(0,0,0,0.2); border-color: var(--gold); } .service-icon { width: 80px; height: 80px; background: linear-gradient(135deg, var(--navy-blue) 0%, var(--navy-light) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 25px; font-size: 2rem; color: var(--gold); } .service-card h3 { color: var(--navy-blue); margin-bottom: 15px; font-size: 1.4rem; } .service-card p { color: var(--text-light); margin-bottom: 20px; } /* Skills */ .skills-section { background: var(--off-white); } .skills-roadmap { text-align: center; margin-bottom: 50px; } .skills-roadmap img { max-width: 100%; border-radius: 16px; box-shadow: 0 4px 8px rgba(0,0,0,0.15); } .skills-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; } .skill-item { background: var(--white); padding: 20px; border-radius: 8px; border-left: 4px solid var(--gold); box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .skill-item h4 { color: var(--navy-blue); font-size: 1rem; margin-bottom: 5px; } .skill-item span { color: var(--text-light); font-size: 0.875rem; } /* Edutech */ .edutech-section { background: linear-gradient(135deg, var(--navy-dark) 0%, var(--navy-blue) 100%); color: var(--white); padding: 80px 0; } .edutech-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } .edutech-logo { text-align: center; } .edutech-logo img { max-width: 200px; margin-bottom: 30px; } .edutech-info h3 { font-size: 2.5rem; color: var(--gold); margin-bottom: 20px; } .edutech-info p { font-size: 1.1rem; margin-bottom: 30px; opacity: 0.9; } .download-buttons { display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 30px; } .qr-code { background: var(--white); padding: 20px; border-radius: 8px; text-align: center; display: inline-block; } .qr-code img { width: 150px; height: 150px; } .qr-code p { color: var(--navy-blue); margin: 10px 0 0; font-weight: 600; } /* Events */ .events-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; } .event-card { background: var(--white); border-radius: 16px; overflow: hidden; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: all 0.3s ease; border: 1px solid var(--light-gray); } .event-card:hover { box-shadow: 0 8px 16px rgba(0,0,0,0.2); } .event-image { height: 200px; background: linear-gradient(135deg, var(--navy-blue) 0%, var(--navy-light) 100%); display: flex; align-items: center; justify-content: center; color: var(--gold); font-size: 3rem; } .event-content { padding: 25px; } .event-date { display: inline-block; background: var(--gold); color: var(--navy-dark); padding: 5px 15px; border-radius: 20px; font-size: 0.875rem; font-weight: 600; margin-bottom: 15px; } .event-card h3 { color: var(--navy-blue); margin-bottom: 10px; font-size: 1.3rem; } .event-card p { color: var(--text-light); margin-bottom: 15px; } /* Partnership */ .partnership-section { background: linear-gradient(135deg, rgba(26, 35, 126, 0.9) 0%, rgba(13, 22, 66, 0.9) 100%), url('assets/images/1000002931.png') center/cover fixed; color: var(--white); text-align: center; padding: 100px 0; } .partnership-section h2 { font-size: 3rem; color: var(--gold); margin-bottom: 20px; } .partnership-section p { font-size: 1.2rem; max-width: 700px; margin: 0 auto 40px; opacity: 0.9; } /* Contact */ .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; } .contact-info h3 { color: var(--navy-blue); margin-bottom: 30px; } .contact-item { display: flex; align-items: flex-start; gap: 20px; margin-bottom: 25px; } .contact-item i { width: 50px; height: 50px; background: linear-gradient(135deg, var(--navy-blue) 0%, var(--navy-light) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--gold); font-size: 1.2rem; flex-shrink: 0; } .contact-item h4 { color: var(--navy-blue); margin-bottom: 5px; font-size: 1.1rem; } .contact-item p { color: var(--text-light); } .contact-form { background: var(--off-white); padding: 40px; border-radius: 16px; } .form-group { margin-bottom: 25px; } .form-group label { display: block; margin-bottom: 8px; color: var(--navy-blue); font-weight: 600; } .form-control { width: 100%; padding: 15px; border: 2px solid var(--light-gray); border-radius: 8px; font-size: 1rem; transition: all 0.3s ease; } .form-control:focus { outline: none; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2); } textarea.form-control { min-height: 150px; resize: vertical; } /* Footer */ .footer { background: var(--navy-dark); color: var(--white); padding: 60px 0 20px; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-brand img { height: 80px; margin-bottom: 20px; } .footer-brand p { opacity: 0.8; margin-bottom: 20px; } .footer h4 { color: var(--gold); margin-bottom: 20px; font-size: 1.2rem; } .footer-links { list-style: none; } .footer-links li { margin-bottom: 10px; } .footer-links a { color: var(--white); opacity: 0.8; text-decoration: none; } .footer-links a:hover { color: var(--gold); opacity: 1; } .social-links { display: flex; gap: 15px; } .social-links a { width: 40px; height: 40px; background: var(--navy-blue); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--gold); text-decoration: none; transition: all 0.3s ease; } .social-links a:hover { background: var(--gold); color: var(--navy-dark); transform: translateY(-3px); } .footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px; text-align: center; opacity: 0.7; } /* Alert */ .alert { padding: 15px 20px; border-radius: 8px; margin-bottom: 20px; } .alert-success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; } .alert-danger { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; } /* Responsive */ @media (max-width: 992px) { .navbar-toggler { display: block; } .navbar-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; background: var(--navy-dark); flex-direction: column; padding: 20px; gap: 15px; } .navbar-nav.active { display: flex; } .hero h1 { font-size: 2.5rem; } .hero h2 { font-size: 1.3rem; } .vision-grid, .edutech-content, .contact-grid { grid-template-columns: 1fr; } } @media (max-width: 768px) { .section { padding: 50px 0; } .section-title h2 { font-size: 2rem; } .hero h1 { font-size: 2rem; } .stats-grid { grid-template-columns: repeat(2, 1fr); } .stat-number { font-size: 2rem; } } @media (max-width: 480px) { .hero-buttons { flex-direction: column; } .btn { width: 100%; } .download-buttons { flex-direction: column; } }

Transforming Lives & Empowering Futures

An Educational Reformative Movement

Join us in our mission to provide quality education, foster innovation, and empower youth through faith-based initiatives across Nigeria.

Join the Movement Explore Our Services

Our Vision

Building a brighter future through education, innovation, and faith

Reformative Movement for Education

Learning, Innovation And Faith Empowerment (LIFE) Initiative is an Educational Reformative Movement, Entrepreneurship Development, Faith-Based Communication and Educational Services provider for schools, teachers and students.

We emphasize transparency in everything we do, setting bold goals and pursuing a clear strategy that seeks to move the needle. We are constantly growing and adapting to the changes of society.

Our mission is to develop sound educational policies and concepts that enable the creation of a knowledge-based society, provide equitable and inclusive quality education, and empower youths with entrepreneurial skills.

Learn More About Us
Paul Johnson - CEO

Paul Johnson

Founder & CEO

500+ Students Enrolled
20+ Digital Skills Courses
15+ Events Organized
25+ Expert Instructors

Our Services

Comprehensive educational and empowerment programs

Edutech Academia

Online tutoring and learning services for secondary school students. Access quality education from anywhere, anytime.

Learn More

YESAP & YES Programs

Youth Entrepreneurship Digital Skills Acquisition and Empowerment Schemes. Master 20+ in-demand digital skills.

Explore Skills

Teacher upSKILL

Dedicated portal for teacher training seminars. Equip educators with 21st-century teaching methodologies.

Register Now

Competitions & Events

Inter-community debates, Quiz competitions, Sports festivals, and Spelling Bees for students.

View Events

Educational Tools

Providing educational gadgets and supporting items to enhance learning experiences.

Browse Tools

Partnership & Sponsorship

Work with us to make a lasting impact. Join our network of partners and sponsors.

Partner With Us
Our Mission

Our Mission

  1. Develop sound educational policies and concepts that enable the creation of a knowledge-based society.
  2. Provide equitable, inclusive and quality education and lifelong learning opportunities to all educators.
  3. Equip all educators with appropriate knowledge, skills and values to cope with the challenges of the 21st century.
  4. Empower youths with entrepreneurial skills and qualities for self-reliance.

Digital Skills Roadmap

20+ In-Demand Skills for the Digital Economy

LIFE Initiative Digital Skills Roadmap

1. Software Development

Python, JavaScript, Java

2. Web Development

Front-end, Back-end, Full-stack

3. Mobile App Development

iOS & Android Development

4. AI & Machine Learning

Intelligent Systems Development

5. Data Science & Analytics

Data Insights & Business Intelligence

6. Cybersecurity

Digital Threat Protection

7. Cloud Computing

AWS, Azure, GCP

8. UI/UX Design

User Experience & Interface Design

9. Digital Marketing

SEO, Content, Social Media

10. Video Editing & Motion Graphics

Professional Video Content
Enroll in YESAP Program

Edutech Academia Mobile

The official learning companion for secondary school students. Access WASSCE past questions, study notes, video lessons, and more - all in one place!

Download for Android Google Play Store

Version 2.0 | Secure & Ad-free | Offline Access

Edutech Academia Tablet

Upcoming Events

Join our exciting competitions and programs

Coming Soon

Spelling Bee Competition

Junior and Senior category spelling competition to enhance vocabulary and language skills.

Register Now
Coming Soon

Inter-School Sports Festival

Annual sports competition bringing together schools for healthy competition.

Learn More
Coming Soon

Inter-Community Debates

Debate competitions to develop critical thinking and public speaking skills.

Register Now
View All Events

Partnership & Sponsorship

Be the difference you want in the world. Partnership is another essential pillar of this movement. You can sponsor this unique and dynamic concept.

Work With Us

Get in Touch

We'd love to hear from you

Contact Information

Address

230626, Osogbo, Osun State, Nigeria

Phone

+234 815 385 8683

WhatsApp

0815 385 8683

Email

info@lifeinitiative.org

Send us a Message