751 lines
28 KiB
PHP
751 lines
28 KiB
PHP
<?php
|
|
/**
|
|
* Women Entrepreneurship Section
|
|
* Designed to be included in about-us.php or other pages.
|
|
*/
|
|
?>
|
|
|
|
<style>
|
|
:root {
|
|
--we-primary: #c01227;
|
|
--we-primary-light: #e62e45;
|
|
--we-secondary: #222222;
|
|
--we-accent: #f8f9fa;
|
|
--we-text: #333333;
|
|
--we-text-light: #666666;
|
|
--we-white: #ffffff;
|
|
--we-glass: rgba(255, 255, 255, 0.9);
|
|
--we-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
|
|
--we-radius: 24px;
|
|
--we-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
|
|
}
|
|
|
|
.we-section {
|
|
font-family: 'Inter', 'Manrope', sans-serif;
|
|
color: var(--we-text);
|
|
line-height: 1.6;
|
|
overflow: hidden;
|
|
background: var(--we-white);
|
|
clear: both;
|
|
display: block;
|
|
position: relative;
|
|
z-index: 1;
|
|
isolation: isolate;
|
|
}
|
|
|
|
.we-container {
|
|
max-width: 1320px;
|
|
margin: 0 auto;
|
|
padding: 0 24px;
|
|
}
|
|
|
|
/* ─── HERO SECTION ─── */
|
|
.we-hero {
|
|
position: relative;
|
|
padding: 120px 0 80px;
|
|
background: radial-gradient(circle at top right, rgba(192, 18, 39, 0.05), transparent 40%),
|
|
radial-gradient(circle at bottom left, rgba(192, 18, 39, 0.03), transparent 30%);
|
|
text-align: center;
|
|
}
|
|
|
|
.we-hero-badge {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
padding: 8px 20px;
|
|
background: rgba(192, 18, 39, 0.1);
|
|
color: var(--we-primary);
|
|
border-radius: 100px;
|
|
font-weight: 700;
|
|
font-size: 14px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
margin-bottom: 32px;
|
|
animation: fadeInDown 0.8s ease-out;
|
|
}
|
|
|
|
.we-hero-badge svg {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
.we-hero-title {
|
|
font-size: clamp(40px, 6vw, 72px);
|
|
font-weight: 800;
|
|
line-height: 1.1;
|
|
margin-bottom: 24px;
|
|
color: var(--we-secondary);
|
|
animation: fadeInUp 0.8s ease-out 0.2s both;
|
|
}
|
|
|
|
.we-hero-title em {
|
|
font-style: normal;
|
|
color: var(--we-primary);
|
|
position: relative;
|
|
}
|
|
|
|
.we-hero-title em::after {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: 10%;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 8px;
|
|
background: rgba(192, 18, 39, 0.1);
|
|
z-index: -1;
|
|
}
|
|
|
|
.we-hero-sub {
|
|
max-width: 800px;
|
|
margin: 0 auto 48px;
|
|
font-size: 20px;
|
|
color: var(--we-text-light);
|
|
animation: fadeInUp 0.8s ease-out 0.4s both;
|
|
}
|
|
|
|
.we-hero-cta {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
padding: 18px 40px;
|
|
background: var(--we-primary);
|
|
color: var(--we-white);
|
|
border-radius: 100px;
|
|
font-weight: 700;
|
|
text-decoration: none;
|
|
transition: var(--we-transition);
|
|
box-shadow: 0 10px 30px rgba(192, 18, 39, 0.3);
|
|
animation: fadeInUp 0.8s ease-out 0.6s both;
|
|
}
|
|
|
|
.we-hero-cta:hover {
|
|
background: var(--we-primary-light);
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 15px 40px rgba(192, 18, 39, 0.4);
|
|
}
|
|
|
|
.we-hero-cta svg {
|
|
width: 20px;
|
|
height: 20px;
|
|
transition: transform 0.3s ease;
|
|
}
|
|
|
|
.we-hero-cta:hover svg {
|
|
transform: translateX(5px);
|
|
}
|
|
|
|
/* ─── STATS SECTION ─── */
|
|
.we-stats {
|
|
padding: 60px 0;
|
|
background: var(--we-secondary);
|
|
color: var(--we-white);
|
|
margin-top: -40px;
|
|
border-radius: var(--we-radius);
|
|
position: relative;
|
|
z-index: 10;
|
|
box-shadow: var(--we-shadow);
|
|
}
|
|
|
|
.we-stats-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
|
|
gap: 40px;
|
|
text-align: center;
|
|
}
|
|
|
|
.we-stat-item {
|
|
position: relative;
|
|
}
|
|
|
|
.we-stat-item:not(:last-child)::after {
|
|
content: '';
|
|
position: absolute;
|
|
right: -20px;
|
|
top: 20%;
|
|
height: 60%;
|
|
width: 1px;
|
|
background: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.we-stat-num {
|
|
font-size: 48px;
|
|
font-weight: 800;
|
|
margin-bottom: 8px;
|
|
color: var(--we-white);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 4px;
|
|
}
|
|
|
|
.we-stat-num span {
|
|
color: var(--we-primary);
|
|
}
|
|
|
|
.we-stat-label {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
/* ─── INITIATIVES SECTION ─── */
|
|
.we-initiatives {
|
|
padding: 120px 0;
|
|
}
|
|
|
|
.we-section-header {
|
|
text-align: center;
|
|
max-width: 700px;
|
|
margin: 0 auto 80px;
|
|
}
|
|
|
|
.we-eyebrow {
|
|
color: var(--we-primary);
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
letter-spacing: 2px;
|
|
font-size: 14px;
|
|
margin-bottom: 16px;
|
|
display: block;
|
|
}
|
|
|
|
.we-title {
|
|
font-size: 48px;
|
|
font-weight: 800;
|
|
color: var(--we-secondary);
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
.we-init-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
gap: 32px;
|
|
}
|
|
|
|
.we-init-card {
|
|
padding: 48px;
|
|
background: var(--we-white);
|
|
border: 1px solid rgba(0, 0, 0, 0.05);
|
|
border-radius: var(--we-radius);
|
|
transition: var(--we-transition);
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.we-init-card:hover {
|
|
transform: translateY(-10px);
|
|
box-shadow: var(--we-shadow);
|
|
border-color: rgba(192, 18, 39, 0.1);
|
|
}
|
|
|
|
.we-init-card::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 4px;
|
|
background: var(--we-primary);
|
|
transform: scaleX(0);
|
|
transform-origin: left;
|
|
transition: transform 0.4s ease;
|
|
}
|
|
|
|
.we-init-card:hover::before {
|
|
transform: scaleX(1);
|
|
}
|
|
|
|
.we-init-icon {
|
|
font-size: 40px;
|
|
margin-bottom: 24px;
|
|
display: block;
|
|
}
|
|
|
|
.we-init-title {
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
margin-bottom: 16px;
|
|
color: var(--we-secondary);
|
|
}
|
|
|
|
.we-init-desc {
|
|
color: var(--we-text-light);
|
|
font-size: 16px;
|
|
}
|
|
|
|
/* ─── SUCCESS STORIES ─── */
|
|
.we-stories {
|
|
padding: 120px 0;
|
|
background: #f8f9fa;
|
|
border-radius: 60px;
|
|
margin-bottom: 120px;
|
|
}
|
|
|
|
.we-story-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
|
|
gap: 32px;
|
|
}
|
|
|
|
.we-story-card {
|
|
background: var(--we-white);
|
|
border-radius: var(--we-radius);
|
|
overflow: hidden;
|
|
transition: var(--we-transition);
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.we-story-card:hover {
|
|
transform: translateY(-10px);
|
|
box-shadow: var(--we-shadow);
|
|
}
|
|
|
|
.we-story-img-container {
|
|
position: relative;
|
|
height: 300px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.we-story-img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
transition: transform 0.6s ease;
|
|
}
|
|
|
|
.we-story-card:hover .we-story-img {
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
.we-story-body {
|
|
padding: 40px;
|
|
}
|
|
|
|
.we-story-role {
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
color: var(--we-primary);
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.we-story-name {
|
|
font-size: 28px;
|
|
font-weight: 800;
|
|
margin-bottom: 12px;
|
|
color: var(--we-secondary);
|
|
}
|
|
|
|
.we-story-location {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
color: var(--we-text-light);
|
|
font-size: 14px;
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
.we-story-location svg {
|
|
width: 16px;
|
|
height: 16px;
|
|
color: var(--we-primary);
|
|
}
|
|
|
|
.we-story-quote {
|
|
font-size: 17px;
|
|
font-style: italic;
|
|
color: var(--we-text);
|
|
position: relative;
|
|
padding-left: 24px;
|
|
border-left: 3px solid var(--we-primary);
|
|
}
|
|
|
|
/* ─── CALL TO ACTION ─── */
|
|
.we-cta {
|
|
position: relative;
|
|
padding: 100px 0;
|
|
background: var(--we-primary);
|
|
color: var(--we-white);
|
|
border-radius: var(--we-radius);
|
|
text-align: center;
|
|
overflow: hidden;
|
|
margin-bottom: 120px;
|
|
}
|
|
|
|
.we-cta-inner {
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
|
|
.we-cta-title {
|
|
font-size: clamp(32px, 4vw, 56px);
|
|
font-weight: 800;
|
|
margin-bottom: 24px;
|
|
line-height: 1.1;
|
|
}
|
|
|
|
.we-cta-title em {
|
|
font-style: normal;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.we-cta-sub {
|
|
font-size: 20px;
|
|
max-width: 100%;
|
|
margin: 0 auto 40px;
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.we-cta-btns {
|
|
display: flex;
|
|
gap: 20px;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.btn-we-primary {
|
|
background: var(--we-white);
|
|
color: var(-we-primary);
|
|
padding: 18px 48px;
|
|
border-radius: 100px;
|
|
font-weight: 700;
|
|
text-decoration: none;
|
|
transition: var(--we-transition);
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
}
|
|
|
|
.btn-we-primary:hover {
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.btn-we-outline {
|
|
background: transparent;
|
|
color: var(--we-white);
|
|
border: 2px solid rgba(255, 255, 255, 0.3);
|
|
padding: 18px 48px;
|
|
border-radius: 100px;
|
|
font-weight: 700;
|
|
text-decoration: none;
|
|
transition: var(--we-transition);
|
|
}
|
|
|
|
.btn-we-outline:hover {
|
|
border-color: var(--we-white);
|
|
background: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
/* ─── ANIMATIONS ─── */
|
|
@keyframes fadeInUp {
|
|
from { opacity: 0; transform: translateY(30px); }
|
|
to { opacity: 1; transform: translateY(0); }
|
|
}
|
|
|
|
@keyframes fadeInDown {
|
|
from { opacity: 0; transform: translateY(-30px); }
|
|
to { opacity: 1; transform: translateY(0); }
|
|
}
|
|
|
|
.we-section .reveal {
|
|
opacity: 0;
|
|
transform: translateY(40px);
|
|
transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
|
|
}
|
|
|
|
.we-section .reveal.active {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
|
|
/* Responsive Adjustments */
|
|
@media (max-width: 768px) {
|
|
.we-section {
|
|
clear: both;
|
|
margin-top: 80px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.we-hero {
|
|
padding: 96px 0 64px;
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
|
|
.we-container {
|
|
padding: 0 20px;
|
|
}
|
|
|
|
.we-hero-badge {
|
|
margin-bottom: 28px;
|
|
}
|
|
|
|
.we-hero-title {
|
|
font-size: clamp(34px, 10vw, 44px);
|
|
line-height: 1.08;
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
.we-hero-sub {
|
|
font-size: 18px;
|
|
line-height: 1.6;
|
|
margin-bottom: 36px;
|
|
}
|
|
|
|
.we-stats { margin-top: 0; border-radius: 0; }
|
|
.we-stat-item:not(:last-child)::after { display: none; }
|
|
.we-title { font-size: 36px; }
|
|
.we-init-card { padding: 32px; }
|
|
.we-story-body { padding: 32px; }
|
|
}
|
|
</style>
|
|
|
|
<section class="we-section">
|
|
<!-- ═══ HERO ═══ -->
|
|
<div class="we-hero">
|
|
<div class="we-container">
|
|
<div class="we-hero-badge">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" 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="we-hero-title">Empowering <em>Women</em><br>in Logistics</h1>
|
|
<p class="we-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="we-hero-cta" style="color: white; text-decoration: none">
|
|
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>
|
|
|
|
|
|
<!-- ═══ STATS ═══ -->
|
|
<div style="margin-top: 30px;" class="elementor-element elementor-element-86f3204 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent" data-id="86f3204" data-element_type="container" data-e-type="container">
|
|
<div class="elementor-element elementor-element-8e5c81e e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child" data-id="8e5c81e" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
|
|
<div class="e-con-inner">
|
|
<div class="elementor-element elementor-element-628123a e-con-full e-grid cut-corner-no sticky-container-off e-con e-child" data-id="628123a" data-element_type="container" data-e-type="container">
|
|
<!-- <div class="elementor-element elementor-element-d6bdc87 elementor-widget elementor-widget-counter" data-id="d6bdc87" data-element_type="widget" data-e-type="widget" data-widget_type="counter.default">
|
|
<div class="elementor-widget-container">
|
|
<div class="elementor-counter">
|
|
<div class="elementor-counter-title">Delivered packages</div>
|
|
<div class="elementor-counter-number-wrapper">
|
|
<span class="elementor-counter-number-prefix"></span>
|
|
<span class="elementor-counter-number" data-duration="2000" data-to-value="99.9" data-from-value="0" data-delimiter=".">1</span>
|
|
<span class="elementor-counter-number-suffix"> %</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
<div class="elementor-element elementor-element-1da88b5 elementor-widget elementor-widget-counter" data-id="1da88b5" data-element_type="widget" data-e-type="widget" data-widget_type="counter.default">
|
|
<div class="elementor-widget-container">
|
|
<div class="elementor-counter">
|
|
<div class="elementor-counter-title">Women Trained</div>
|
|
<div class="elementor-counter-number-wrapper">
|
|
<!-- <span class="elementor-counter-number-prefix">2.</span> -->
|
|
<span class="elementor-counter-number" style="color: #ffffff;" data-duration="2000" data-to-value="500" data-from-value="250" data-delimiter=".">250</span>
|
|
<span class="elementor-counter-number-suffix"> +</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="elementor-element elementor-element-1da88b5 elementor-widget elementor-widget-counter" data-id="1da88b5" data-element_type="widget" data-e-type="widget" data-widget_type="counter.default">
|
|
<div class="elementor-widget-container">
|
|
<div class="elementor-counter">
|
|
<div class="elementor-counter-title">Fleet Partners</div>
|
|
<div class="elementor-counter-number-wrapper">
|
|
<!-- <span class="elementor-counter-number-prefix">2.</span> -->
|
|
<span class="elementor-counter-number" style="color: #ffffff;" data-duration="2000" data-to-value="35" data-from-value="1" data-delimiter=".">1</span>
|
|
<span class="elementor-counter-number-suffix"> %</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="elementor-element elementor-element-1da88b5 elementor-widget elementor-widget-counter" data-id="1da88b5" data-element_type="widget" data-e-type="widget" data-widget_type="counter.default">
|
|
<div class="elementor-widget-container">
|
|
<div class="elementor-counter">
|
|
<div class="elementor-counter-title">Earnings Generated</div>
|
|
<div class="elementor-counter-number-wrapper">
|
|
<span class="elementor-counter-number-prefix" style="color: #ffffff;">₹</span>
|
|
<span class="elementor-counter-number" style="color: #ffffff;" data-duration="2000" data-to-value="2" data-from-value="0" data-delimiter=".">0</span>
|
|
<span class="elementor-counter-number-suffix"> Cr+</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="elementor-element elementor-element-a1cf3d4 elementor-widget elementor-widget-counter" data-id="a1cf3d4" data-element_type="widget" data-e-type="widget" data-widget_type="counter.default">
|
|
<div class="elementor-widget-container">
|
|
<div class="elementor-counter">
|
|
<div class="elementor-counter-title">Cities Covered</div>
|
|
<div class="elementor-counter-number-wrapper">
|
|
<span class="elementor-counter-number-prefix"></span>
|
|
<span class="elementor-counter-number" style="color: #ffffff;" data-duration="2000" data-to-value="15" data-from-value="1" data-delimiter=".">15</span>
|
|
<span class="elementor-counter-number-suffix"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- <div class="we-container">
|
|
<div class="we-stats reveal">
|
|
<div class="we-stats-grid">
|
|
<div class="we-stat-item">
|
|
<div class="we-stat-num">500 <span>+</span></div>
|
|
<div class="we-stat-label">Women Trained</div>
|
|
</div>
|
|
<div class="we-stat-item">
|
|
<div class="we-stat-num">35 <span>%</span></div>
|
|
<div class="we-stat-label">Fleet Partners</div>
|
|
</div>
|
|
<div class="we-stat-item">
|
|
<div class="we-stat-num">₹2 <span>Cr+</span></div>
|
|
<div class="we-stat-label">Earnings Generated</div>
|
|
</div>
|
|
<div class="we-stat-item">
|
|
<div class="we-stat-num">15 </div>
|
|
<div class="we-stat-label">Cities Covered</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
|
|
<!-- ═══ INITIATIVES ═══ -->
|
|
<!-- <div class="we-initiatives">
|
|
<div class="we-container">
|
|
<div class="we-section-header reveal">
|
|
<span class="we-eyebrow">What We Offer</span>
|
|
<h2 class="we-title">Our Initiatives</h2>
|
|
<p class="we-text-light">Comprehensive programs designed to support women at every stage of their entrepreneurship journey.</p>
|
|
</div>
|
|
<div class="we-init-grid">
|
|
<div class="we-init-card reveal">
|
|
<span class="we-init-icon">📚</span>
|
|
<h3 class="we-init-title">Training & Development</h3>
|
|
<p class="we-init-desc">Comprehensive training programs designed to equip women with logistics management skills, from route planning to customer service excellence.</p>
|
|
</div>
|
|
<div class="we-init-card reveal">
|
|
<span class="we-init-icon">💼</span>
|
|
<h3 class="we-init-title">Business Support</h3>
|
|
<p class="we-init-desc">Access to micro-financing, business mentorship, and operational support to help women entrepreneurs build sustainable delivery businesses.</p>
|
|
</div>
|
|
<div class="we-init-card reveal">
|
|
<span class="we-init-icon">🏆</span>
|
|
<h3 class="we-init-title">Recognition Programs</h3>
|
|
<p class="we-init-desc">Annual awards and recognition for top-performing women entrepreneurs, celebrating their achievements and inspiring others across the network.</p>
|
|
</div>
|
|
<div class="we-init-card reveal">
|
|
<span class="we-init-icon">🎯</span>
|
|
<h3 class="we-init-title">Impact Tracking</h3>
|
|
<p class="we-init-desc">Data-driven approach to track progress, set ambitious targets, and measure the real impact of our women empowerment initiatives.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
|
|
<!-- ═══ SUCCESS STORIES ═══ -->
|
|
<div class="we-stories">
|
|
<div class="we-container">
|
|
<div class="we-section-header reveal">
|
|
<span class="we-eyebrow">Success Stories</span>
|
|
<h2 class="we-title">Women Leading the Way</h2>
|
|
<p class="we-text-light">Meet the inspiring women who are redefining logistics in India.</p>
|
|
</div>
|
|
<div class="we-story-grid">
|
|
<div class="we-story-card reveal">
|
|
<div class="we-story-img-container">
|
|
<img src="assets/images/women_story_1.png" alt="Lakshmi Devi" class="we-story-img">
|
|
</div>
|
|
<div class="we-story-body">
|
|
<p class="we-story-role">Fleet Owner, Coimbatore</p>
|
|
<h3 class="we-story-name">Lakshmi Devi</h3>
|
|
<div class="we-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>
|
|
<p class="we-story-quote">"Started with one e-rickshaw, now manages a fleet of 12 vehicles serving local businesses across the city."</p>
|
|
</div>
|
|
</div>
|
|
<div class="we-story-card reveal">
|
|
<div class="we-story-img-container">
|
|
<img src="assets/images/women_story_2.png" alt="Priya Sharma" class="we-story-img">
|
|
</div>
|
|
<div class="we-story-body">
|
|
<p class="we-story-role">Delivery Partner, Bengaluru</p>
|
|
<h3 class="we-story-name">Priya Sharma</h3>
|
|
<div class="we-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>
|
|
<p class="we-story-quote">"A single mother who found financial independence through Doormile's delivery network, now mentoring 30+ women."</p>
|
|
</div>
|
|
</div>
|
|
<div class="we-story-card reveal">
|
|
<div class="we-story-img-container">
|
|
<img src="assets/images/women_story_3.png" alt="Fatima Khan" class="we-story-img">
|
|
</div>
|
|
<div class="we-story-body">
|
|
<p class="we-story-role">Hub Manager, Hyderabad</p>
|
|
<h3 class="we-story-name">Fatima Khan</h3>
|
|
<div class="we-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>
|
|
<p class="we-story-quote">"From delivery rider to managing a regional hub with 50+ partners in just 2 years through sheer determination."</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ═══ CTA ═══ -->
|
|
<div class="we-container">
|
|
<div class="we-cta reveal">
|
|
<div class="we-cta-inner">
|
|
<h2 class="we-cta-title">Ready to Start<br><em>Your Journey?</em></h2>
|
|
<p class="we-cta-sub">Join our Women Entrepreneurship program and become part of <br>
|
|
India's fastest-growing logistics network.</p>
|
|
<div class="we-cta-btns">
|
|
<a href="#" class="btn-we-primary" style="text-decoration: none;">
|
|
Apply Now
|
|
<svg width="20" height="20" 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-we-outline">Learn More</a> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<script>
|
|
// Intersection Observer for scroll reveals
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const revealEls = document.querySelectorAll('.we-section .reveal');
|
|
const io = new IntersectionObserver((entries) => {
|
|
entries.forEach(e => {
|
|
if (e.isIntersecting) {
|
|
e.target.classList.add('active');
|
|
io.unobserve(e.target);
|
|
}
|
|
});
|
|
}, { threshold: 0.15 });
|
|
|
|
revealEls.forEach(el => io.observe(el));
|
|
});
|
|
</script>
|