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

060526 how its works updated

Browse Source
This commit is contained in:
Kishore Kumar C
2026-05-06 18:06:04 +05:30
parent 104ab2e27d
commit 9e0c85fda9
22 changed files with 23620 additions and 11593 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1184
includes/container.php
View File

File diff suppressed because it is too large Load Diff

167
includes/doormile-way.php Normal file
View File

@@ -0,0 +1,167 @@
<div class="elementor-element elementor-element-88745f4 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent" data-id="88745f4" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-343b363 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="343b363" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-7afb238 elementor-widget elementor-widget-logico_heading" data-id="7afb238" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
<div class="elementor-widget-container">
<div class="logico-title">/ Doormile Approach /
</div>
</div>
</div>
<div class="elementor-element elementor-element-1cc335a elementor-widget elementor-widget-logico_heading" data-id="1cc335a" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
<div class="elementor-widget-container">
<div class="logico-title">The Doormile Way
</div>
</div>
</div>
<div class="elementor-element elementor-element-4c3e632 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="4c3e632" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-5ba6bbf e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="5ba6bbf" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-9363070 elementor-invisible elementor-widget elementor-widget-logico_heading" data-id="9363070" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;logico_heading_animation&quot;}" data-widget_type="logico_heading.default">
<div class="elementor-widget-container">
<h3 class="logico-title"> Smarter, Faster, Connected Logistics
</h3>
</div>
</div>
</div>
<div class="elementor-element elementor-element-e7609a5 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="e7609a5" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-c134b96 elementor-widget elementor-widget-text-editor" data-id="c134b96" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>
<strong>We connect first mile and last mile into one seamless system, reducing delays and improving efficiency. With real-time tracking and digital workflows, </strong>
<br />
<strong>every delivery is faster, reliable, and fully transparent.</strong>
</p>
<p>Seamless logistics powered by real-time tracking, digital processes, and reliable delivery execution.</p>
</div>
</div>
<div class="elementor-element elementor-element-3ef6f03 elementor-widget elementor-widget-logico_button" data-id="3ef6f03" data-element_type="widget" data-e-type="widget" data-widget_type="logico_button.default">
<div class="elementor-widget-container">
<div class="button-widget">
<div class="button-container">
<a href="#" target="_blank" class="logico-alter-button">Explore more</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-5041fcc e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent" data-id="5041fcc" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-2d7c3ee e-con-full e-grid cut-corner-no sticky-container-off e-con e-child" data-id="2d7c3ee" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-d11b050 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="d11b050" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-3a6f50f elementor-view-default elementor-widget elementor-widget-icon" data-id="3a6f50f" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
<div class="elementor-widget-container">
<div class="elementor-icon-wrapper">
<div class="elementor-icon">
<i aria-hidden="true" class="fontello icon-light-delivery"></i>
</div>
</div>
</div>
</div>
<!-- <div class="elementor-element elementor-element-40417f4 elementor-widget elementor-widget-logico_heading" data-id="40417f4" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
<div class="elementor-widget-container">
<div class="logico-title">7.500
</div>
</div>
</div> -->
<div class="elementor-element elementor-element-1025248 elementor-widget elementor-widget-logico_heading" data-id="1025248" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
<div class="elementor-widget-container">
<div class="logico-title">End-to-End Protection
</div>
</div>
</div>
<div class="elementor-element elementor-element-c7c19bd elementor-widget elementor-widget-text-editor" data-id="c7c19bd" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>End-to-end control ensures nothing is lost or delayed across the journey</p>
</div>
</div>
</div>
<div class="elementor-element elementor-element-2c82e54 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="2c82e54" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-f51735e elementor-view-default elementor-widget elementor-widget-icon" data-id="f51735e" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
<div class="elementor-widget-container">
<div class="elementor-icon-wrapper">
<div class="elementor-icon">
<i aria-hidden="true" class="fontello icon-light-container"></i>
</div>
</div>
</div>
</div>
<!-- <div class="elementor-element elementor-element-a89fe8e elementor-widget elementor-widget-logico_heading" data-id="a89fe8e" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
<div class="elementor-widget-container">
<div class="logico-title">2.6 bil
</div>
</div>
</div> -->
<div class="elementor-element elementor-element-c682633 elementor-widget elementor-widget-logico_heading" data-id="c682633" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
<div class="elementor-widget-container">
<div class="logico-title">Proactive delay prevention
</div>
</div>
</div>
<div class="elementor-element elementor-element-74d14e3 elementor-widget elementor-widget-text-editor" data-id="74d14e3" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Real-time insights identify and resolve issues before they impact delivery</p>
</div>
</div>
</div>
<div class="elementor-element elementor-element-08b9b20 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="08b9b20" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-612c459 elementor-view-default elementor-widget elementor-widget-icon" data-id="612c459" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
<div class="elementor-widget-container">
<div class="elementor-icon-wrapper">
<div class="elementor-icon">
<i aria-hidden="true" class="fontello icon-light-directions"></i>
</div>
</div>
</div>
</div>
<!-- <div class="elementor-element elementor-element-61b17c1 elementor-widget elementor-widget-logico_heading" data-id="61b17c1" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
<div class="elementor-widget-container">
<div class="logico-title">100+
</div>
</div>
</div> -->
<div class="elementor-element elementor-element-aa49275 elementor-widget elementor-widget-logico_heading" data-id="aa49275" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
<div class="elementor-widget-container">
<div class="logico-title">Single owner, single promise
</div>
</div>
</div>
<div class="elementor-element elementor-element-74cfdf7 elementor-widget elementor-widget-text-editor" data-id="74cfdf7" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>One unified system takes full responsibility for the entire delivery process</p>
</div>
</div>
</div>
<div class="elementor-element elementor-element-04989ee e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="04989ee" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-11a657e elementor-view-default elementor-widget elementor-widget-icon" data-id="11a657e" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
<div class="elementor-widget-container">
<div class="elementor-icon-wrapper">
<div class="elementor-icon">
<i aria-hidden="true" class="fontello icon-light-storage"></i>
</div>
</div>
</div>
</div>
<!-- <div class="elementor-element elementor-element-28b9fc7 elementor-widget elementor-widget-logico_heading" data-id="28b9fc7" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
<div class="elementor-widget-container">
<div class="logico-title">550+
</div>
</div>
</div> -->
<div class="elementor-element elementor-element-b317d31 elementor-widget elementor-widget-logico_heading" data-id="b317d31" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
<div class="elementor-widget-container">
<div class="logico-title">Dynamic AI-driven adjustments
</div>
</div>
</div>
<div class="elementor-element elementor-element-8fe5662 elementor-widget elementor-widget-text-editor" data-id="8fe5662" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Intelligent routing adapts instantly to optimize speed, cost, and efficiency</p>
</div>
</div>
</div>
</div>
</div>
</div>

3824
includes/head.php
View File

File diff suppressed because it is too large Load Diff

10
includes/header.php
View File

@@ -13,10 +13,10 @@
<div id="page" class="hfeed site">
<header id="masthead" itemscope="itemscope" itemtype="https://schema.org/WPHeader">
<?php
$is_home = (basename($_SERVER['PHP_SELF']) == 'home2.php' || basename($_SERVER['PHP_SELF']) == 'index.php');
$header_class = $is_home ? 'header-hide-until-scroll' : '';
$header_style = $is_home ? 'opacity: 0; visibility: hidden;' : '';
<?php
$is_home = (basename($_SERVER['PHP_SELF']) == 'home2.php' || basename($_SERVER['PHP_SELF']) == 'index.php');
$header_class = $is_home ? 'header-hide-until-scroll' : '';
$header_style = $is_home ? 'opacity: 0; visibility: hidden;' : '';
?>
<p class="main-title bhf-hidden" itemprop="headline"><a href="/logistic/index.php" title="Doormile"
rel="home">Doormile</a></p>
@@ -591,4 +591,4 @@
</div>
</div>
</header>
</header>

6
includes/industry-solutions.php
View File

@@ -825,7 +825,7 @@
}
.elementor-element.elementor-element-7d2d322>.elementor-widget-container {
margin: 5px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.elementor-element.elementor-element-7d2d322 {
@@ -914,7 +914,7 @@
}
.elementor-element.elementor-element-6421147>.elementor-widget-container {
margin: 5px -20px 0px 0px;
margin: 0px 0px 0px 0px;
}
.elementor-element.elementor-element-6421147 {
@@ -2032,7 +2032,7 @@
}
.elementor-element.elementor-element-6421147>.elementor-widget-container {
margin: 5px -10px 0px 0px;
margin: 0px 0px 0px 0px;
}
.elementor-element.elementor-element-6421147 img {

9721
includes/miles.php Normal file
View File

File diff suppressed because it is too large Load Diff

6587
includes/miles2.php Normal file
View File

File diff suppressed because it is too large Load Diff

3981
includes/miles3.php Normal file
View File

File diff suppressed because it is too large Load Diff

645
includes/women-entrepreneurship.php Normal file
View File

@@ -0,0 +1,645 @@
<?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);
}
.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: 700px;
margin: 0 auto 40px;
opacity: 0.9;
}
.we-cta-btns {
display: flex;
gap: 20px;
justify-content: center;
flex-wra
p: 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); }
}
.reveal {
opacity: 0;
transform: translateY(40px);
transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.reveal.active {
opacity: 1;
transform: translateY(0);
}
/* Responsive Adjustments */
@media (max-width: 768px) {
.we-hero { padding: 80px 0 60px; }
.we-hero-sub { font-size: 18px; }
.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">
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 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 India's fastest-growing logistics network.</p>
<div class="we-cta-btns">
<a href="#" class="btn-we-primary">
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('.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>