230 lines
8.7 KiB
PHP
230 lines
8.7 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<?php include 'includes/head.php'; ?>
|
|
<head>
|
|
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<?php
|
|
$current_page = 'women';
|
|
include 'includes/header.php';
|
|
?>
|
|
|
|
|
|
<!-- ═══ HERO ═══ -->
|
|
<section class="hero">
|
|
<div class="hero-arc hero-arc-1"></div>
|
|
<div class="hero-arc hero-arc-2"></div>
|
|
<div class="hero-arc hero-arc-3"></div>
|
|
|
|
<div class="hero-inner">
|
|
<div class="hero-badge">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z"/>
|
|
</svg>
|
|
ESG Initiative
|
|
</div>
|
|
|
|
<h1 class="hero-title">
|
|
Empowering <em>Women</em><br>in Logistics
|
|
</h1>
|
|
|
|
<p class="hero-sub">
|
|
At Doormile, we believe in creating equal opportunities. Our Women Entrepreneurship program is dedicated to training, supporting, and celebrating women who are transforming the last-mile delivery ecosystem.
|
|
</p>
|
|
|
|
<a href="#" class="hero-cta">
|
|
Join Our Program
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
|
|
<line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- <div class="hero-scroll">
|
|
<div class="scroll-line"></div>
|
|
<span>Scroll</span>
|
|
</div> -->
|
|
</section>
|
|
|
|
<!-- ═══ STATS BAR ═══ -->
|
|
<div class="stats-bar">
|
|
<div class="stats-inner">
|
|
<div class="stat-item reveal reveal-d1">
|
|
<div class="stat-num">500 <span>+</span></div>
|
|
<div class="stat-lbl">Women Entrepreneurs Trained</div>
|
|
</div>
|
|
<div class="stat-item reveal reveal-d2">
|
|
<div class="stat-num">35 <span>%</span></div>
|
|
<div class="stat-lbl">Of Our Fleet Partners</div>
|
|
</div>
|
|
<div class="stat-item reveal reveal-d3">
|
|
<div class="stat-num">₹2 <span>Cr+</span></div>
|
|
<div class="stat-lbl">Earnings Generated</div>
|
|
</div>
|
|
<div class="stat-item reveal reveal-d4">
|
|
<div class="stat-num">15 </div>
|
|
<div class="stat-lbl">Cities Covered</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ═══ INITIATIVES ═══ -->
|
|
<div class="initiatives">
|
|
<div class="section-header reveal">
|
|
<div class="section-eyebrow">What We Offer</div>
|
|
<h2 class="section-title">Our Initiatives</h2>
|
|
<p class="section-sub">Comprehensive programs designed to support women at every stage of their entrepreneurship journey.</p>
|
|
</div>
|
|
|
|
<div class="init-grid">
|
|
<article class="init-card reveal reveal-d1">
|
|
<div class="init-icon">📚</div>
|
|
<div class="init-content">
|
|
<h3 class="init-title">Training & Development</h3>
|
|
<p class="init-desc">Comprehensive training programs designed to equip women with logistics management skills, from route planning to customer service excellence.</p>
|
|
</div>
|
|
</article>
|
|
<article class="init-card reveal reveal-d2">
|
|
<div class="init-icon">💼</div>
|
|
<div class="init-content">
|
|
<h3 class="init-title">Business Support</h3>
|
|
<p class="init-desc">Access to micro-financing, business mentorship, and operational support to help women entrepreneurs build sustainable delivery businesses.</p>
|
|
</div>
|
|
</article>
|
|
<article class="init-card reveal reveal-d3">
|
|
<div class="init-icon">🏆</div>
|
|
<div class="init-content">
|
|
<h3 class="init-title">Recognition Programs</h3>
|
|
<p class="init-desc">Annual awards and recognition for top-performing women entrepreneurs, celebrating their achievements and inspiring others across the network.</p>
|
|
</div>
|
|
</article>
|
|
<article class="init-card reveal reveal-d4">
|
|
<div class="init-icon">🎯</div>
|
|
<div class="init-content">
|
|
<h3 class="init-title">Goal Setting & Metrics</h3>
|
|
<p class="init-desc">Data-driven approach to track progress, set ambitious targets, and measure the real impact of our women empowerment initiatives.</p>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ═══ SUCCESS STORIES ═══ -->
|
|
<section class="stories-section">
|
|
<div class="stories-inner">
|
|
<div class="section-header reveal">
|
|
<div class="section-eyebrow">Success Stories</div>
|
|
<h2 class="section-title">Women Leading the Way</h2>
|
|
<p class="section-sub">Meet the inspiring women who are redefining logistics in India.</p>
|
|
</div>
|
|
|
|
<div class="stories-grid">
|
|
|
|
<!-- Story 1 -->
|
|
<article class="story-card reveal reveal-d1">
|
|
<div class="story-img-wrap">
|
|
<img
|
|
class="story-img"
|
|
src="/doormileweb/assets/images/women_story_1.png"
|
|
alt="Lakshmi Devi"
|
|
loading="lazy"
|
|
/>
|
|
</div>
|
|
<div class="story-body">
|
|
<p class="story-role">Fleet Owner, Coimbatore</p>
|
|
<h3 class="story-name">Lakshmi Devi</h3>
|
|
<div class="story-location">
|
|
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z"/></svg>
|
|
Tamil Nadu, Coimbatore
|
|
</div>
|
|
<div class="story-divider"></div>
|
|
<p class="story-quote">Started with one e-rickshaw, now manages a fleet of 12 vehicles serving local businesses across the city.</p>
|
|
</div>
|
|
</article>
|
|
|
|
<!-- Story 2 -->
|
|
<article class="story-card reveal reveal-d2">
|
|
<div class="story-img-wrap">
|
|
<img
|
|
class="story-img"
|
|
src="/doormileweb/assets/images/women_story_2.png"
|
|
alt="Priya Sharma"
|
|
loading="lazy"
|
|
/>
|
|
</div>
|
|
<div class="story-body">
|
|
<p class="story-role">Delivery Partner, Bengaluru</p>
|
|
<h3 class="story-name">Priya Sharma</h3>
|
|
<div class="story-location">
|
|
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z"/></svg>
|
|
Karnataka, Bengaluru
|
|
</div>
|
|
<div class="story-divider"></div>
|
|
<p class="story-quote">A single mother who found financial independence through Doormile's delivery network, now mentoring 30+ women.</p>
|
|
</div>
|
|
</article>
|
|
|
|
<!-- Story 3 -->
|
|
<article class="story-card reveal reveal-d3">
|
|
<div class="story-img-wrap">
|
|
<img
|
|
class="story-img"
|
|
src="/doormileweb/assets/images/women_story_3.png"
|
|
alt="Fatima Khan"
|
|
loading="lazy"
|
|
/>
|
|
</div>
|
|
<div class="story-body">
|
|
<p class="story-role">Hub Manager, Hyderabad</p>
|
|
<h3 class="story-name">Fatima Khan</h3>
|
|
<div class="story-location">
|
|
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z"/></svg>
|
|
Telangana, Hyderabad
|
|
</div>
|
|
<div class="story-divider"></div>
|
|
<p class="story-quote">From delivery rider to managing a regional hub with 50+ partners in just 2 years through sheer determination.</p>
|
|
</div>
|
|
</article>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ═══ CTA ═══ -->
|
|
<section class="cta-section">
|
|
<div class="cta-circle cta-circle-1"></div>
|
|
<div class="cta-circle cta-circle-2"></div>
|
|
<div class="cta-inner reveal">
|
|
<p class="cta-eyebrow">Take the first step</p>
|
|
<h2 class="cta-title">Ready to Start<br><em>Your Journey?</em></h2>
|
|
<p class="cta-sub">Join our Women Entrepreneurship program and become part of India's fastest-growing logistics network.</p>
|
|
<div class="cta-buttons">
|
|
<a href="#" class="btn-primary">
|
|
Apply Now
|
|
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
|
|
<line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/>
|
|
</svg>
|
|
</a>
|
|
<a href="#" class="btn-outline">Learn More</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<script>
|
|
// Intersection Observer for scroll reveals
|
|
const revealEls = document.querySelectorAll('.reveal');
|
|
const io = new IntersectionObserver((entries) => {
|
|
entries.forEach(e => {
|
|
if (e.isIntersecting) {
|
|
e.target.classList.add('visible');
|
|
io.unobserve(e.target);
|
|
}
|
|
});
|
|
}, { threshold: 0.12 });
|
|
revealEls.forEach(el => io.observe(el));
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|