Doormile/doormile-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

index pages are updated

Browse Source
This commit is contained in:
Kishore Kumar C
2026-04-03 17:26:50 +05:30
parent 65ffa5ec3b
commit fb8d0e5fb8
33 changed files with 102 additions and 251 deletions
Download Patch File Download Diff File Expand all files Collapse all files

230
women.php Normal file
View File

@@ -0,0 +1,230 @@
<!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="/logistic/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="/logistic/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="/logistic/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>