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

080526 how it works updated

Browse Source
This commit is contained in:
Kishore Kumar C
2026-05-08 17:30:37 +05:30
parent 3b51612495
commit e7e38bca75
11 changed files with 4355 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/vendor/vendor-global-overrides.css vendored
View File

@@ -947,7 +947,7 @@ svg.e-font-icon-svg,
flex-direction: column;
gap: 20px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
margin: 10px;
margin: 20px;
}
.dm-step-card:hover {

BIN
assets/images/first-mile-approach.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 489 KiB

BIN
assets/images/last-mile-approach.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 546 KiB

BIN
assets/images/mid-mile-approach.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 421 KiB

157
how-it-works.php
View File

@@ -6,13 +6,13 @@ include 'includes/layout/head.php'; ?>
</head>
<style>
/* Center-align content and text for the How It Works page slider */
.elementor-59 .logico-content-slider-widget .slide-content {
.logico-content-slider-widget .slide-content {
display: flex !important;
justify-content: center !important;
align-items: center !important;
text-align: center !important;
}
.elementor-59 .logico-content-slider-widget .slide-content-inner {
.logico-content-slider-widget .slide-content-inner {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
@@ -20,15 +20,161 @@ include 'includes/layout/head.php'; ?>
text-align: center !important;
width: 100% !important;
}
.elementor-59 .logico-content-slider-widget .content-slider-item-heading,
.elementor-59 .logico-content-slider-widget .content-slider-item-text,
.elementor-59 .logico-content-slider-widget .content-slider-item-buttons {
.logico-content-slider-widget .content-slider-item-heading,
.logico-content-slider-widget .content-slider-item-text,
.logico-content-slider-widget .content-slider-item-buttons {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
display: flex !important;
justify-content: center !important;
}
@media (min-width: 1025px) and (max-width: 1440px) {
body.elementor-page-59 {
overflow-x: hidden;
}
.elementor-element.elementor-element-741f56c {
--padding-top: 18px !important;
--padding-bottom: 18px !important;
--padding-left: 18px !important;
--padding-right: 18px !important;
}
.elementor-element.elementor-element-6c7cbcb .owl-carousel.owl-theme .content-item {
height: 680px !important;
}
.elementor-element.elementor-element-6c7cbcb .slide-content-inner {
max-width: 820px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.elementor-element.elementor-element-6c7cbcb .content-slider-item-heading {
font-size: clamp(50px, 5vw, 68px) !important;
line-height: 1.12 !important;
}
.elementor-element.elementor-element-6c7cbcb .content-slider-item-text {
font-size: 18px !important;
line-height: 1.65 !important;
}
.elementor-element.elementor-element-6c7cbcb .content-slider-item-text .text-content {
max-width: 640px !important;
}
.elementor-element.elementor-element-6c7cbcb .slider-footer .slider-pagination {
margin-right: 70px !important;
margin-left: 30px !important;
}
.elementor-element.elementor-element-c36a604 {
--padding-top: 110px !important;
--padding-left: 24px !important;
--padding-right: 24px !important;
}
.elementor-element.elementor-element-b147420 {
--flex-direction: column !important;
--container-widget-width: 100% !important;
--container-widget-height: initial !important;
--container-widget-flex-grow: 0 !important;
--container-widget-align-self: initial !important;
--flex-wrap-mobile: wrap !important;
width: 100% !important;
max-width: 100% !important;
}
.elementor-element.elementor-element-5bc90f3,
.elementor-element.elementor-element-3ea6309 {
--width: 100% !important;
width: 100% !important;
max-width: 100% !important;
}
.elementor-element.elementor-element-63a9de5 {
width: 100% !important;
max-width: 960px !important;
}
.elementor-element.elementor-element-63a9de5 .logico-title {
font-size: clamp(42px, 4.4vw, 58px) !important;
line-height: 1.12 !important;
max-width: 960px !important;
}
.elementor-element.elementor-element-77d1265 {
--padding-left: 24px !important;
--padding-right: 24px !important;
}
.elementor-element.elementor-element-4add972 {
--e-con-grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
--gap: 44px 36px !important;
--row-gap: 44px !important;
--column-gap: 36px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
.elementor-element.elementor-element-4add972 .mile-box {
padding: 34px 24px !important;
min-width: 0 !important;
}
.elementor-element.elementor-element-4add972 .elementor-icon {
font-size: 104px !important;
}
.elementor-element.elementor-element-4add972 .elementor-icon svg {
height: 104px !important;
max-width: 100% !important;
}
.elementor-element.elementor-element-4add972 .logico-title {
font-size: 20px !important;
line-height: 1.25 !important;
overflow-wrap: break-word !important;
word-break: normal !important;
}
.elementor-element.elementor-element-4add972 p {
font-size: 15px !important;
line-height: 1.55 !important;
overflow-wrap: break-word !important;
word-break: normal !important;
}
.dm-step-card {
margin: 12px !important;
padding: 28px !important;
}
.dm-step-card__title {
font-size: 22px !important;
}
.elementor-element.elementor-element-88745f4,
.elementor-element.elementor-element-5041fcc {
--padding-left: 24px !important;
--padding-right: 24px !important;
}
.elementor-element.elementor-element-4c3e632 {
--gap: 32px 48px !important;
--column-gap: 48px !important;
}
.elementor-element.elementor-element-2d7c3ee {
--gap: 36px 32px !important;
--row-gap: 36px !important;
--column-gap: 32px !important;
}
}
</style>
<body
@@ -44,6 +190,7 @@ include 'includes/layout/head.php'; ?>
<div data-elementor-type="wp-page" data-elementor-id="59" class="elementor elementor-59">
<?php include 'includes/sections/hero/howits-hero-section.php';?>
<?php include 'includes/sections/miles/miles3.php';?>
<?php include 'includes/sections/miles/doormile-way.php'; ?>
<?php include 'includes/layout/footer.php'; ?>

3
includes/layout/footer.php
View File

@@ -435,4 +435,5 @@
</div>
</div>
</div>
</footer>
</footer>

4
includes/layout/head.php
View File

@@ -30548,7 +30548,7 @@
--container-widget-flex-grow: 0;
--container-widget-align-self: initial;
--flex-wrap-mobile: wrap;
--margin-top: 150px;
--margin-top: 50px;
--margin-bottom: 0px;
--margin-left: 0px;
--margin-right: 0px;
@@ -44191,7 +44191,7 @@ h6 {
font-size: 25px;
line-height: 1.2em;
letter-spacing: -0.03em;
font-family: Space Grotesk;
font-family: "Manrope", Sans-serif;
text-transform: uppercase;
font-style: normal;
font-weight: 500;

62
includes/sections/hero/miletruth-hero-section.php
View File

@@ -14,56 +14,76 @@
background-size: cover !important;
}
</style>
<div class="elementor-element elementor-element-741f56c e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent" data-id="741f56c" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-6c7cbcb elementor-widget elementor-widget-logico_content_slider" data-id="6c7cbcb" data-element_type="widget" data-e-type="widget" data-widget_type="logico_content_slider.default">
<div class="elementor-element elementor-element-dcdf16a e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent"
data-id="dcdf16a" data-element_type="container">
<div class="elementor-element elementor-element-791327c elementor-widget elementor-widget-logico_content_slider"
data-id="791327c" data-element_type="widget"
data-widget_type="logico_content_slider.default">
<div class="elementor-widget-container">
<div class="logico-content-slider-widget">
<div class="content-slider-wrapper">
<div class="content-slider-container">
<div class="content-slider owl-carousel owl-theme nav-view-vertical nav-h-position-right nav-v-position-bottom" data-slider-options="{&quot;items&quot;:1,&quot;nav&quot;:true,&quot;navText&quot;:&quot;&quot;,&quot;dots&quot;:true,&quot;progress&quot;:true,&quot;dotsContainer&quot;:&quot;.owl-dots-6c7cbcb&quot;,&quot;autoplayHoverPause&quot;:false,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:5000,&quot;autoplayTimeout&quot;:5000,&quot;loop&quot;:true,&quot;dragEndSpeed&quot;:1200,&quot;navSpeed&quot;:1200,&quot;dotsSpeed&quot;:1200,&quot;pullDrag&quot;:false,&quot;freeDrag&quot;:false,&quot;callbacks&quot;:false,&quot;animateOut&quot;:&quot;fadeOut&quot;,&quot;rtl&quot;:false}">
<div class="content-item slider-item elementor-repeater-item-3264830 slide-style-standard howits-hero-custom-bg">
<div class="content-slider owl-carousel owl-theme nav-view-default"
data-slider-options="{&quot;items&quot;:1,&quot;nav&quot;:true,&quot;navText&quot;:&quot;&quot;,&quot;dots&quot;:true,&quot;progress&quot;:true,&quot;dotsContainer&quot;:&quot;.owl-dots-791327c&quot;,&quot;autoplayHoverPause&quot;:false,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:5000,&quot;autoplayTimeout&quot;:5000,&quot;loop&quot;:true,&quot;dragEndSpeed&quot;:1200,&quot;navSpeed&quot;:1200,&quot;dotsSpeed&quot;:1200,&quot;pullDrag&quot;:false,&quot;freeDrag&quot;:false,&quot;callbacks&quot;:false,&quot;animateOut&quot;:&quot;fadeOut&quot;,&quot;rtl&quot;:false}">
<div
class="content-item slider-item elementor-repeater-item-6867061 slide-style-standard">
<div class="slide-content">
<div class="slide-content-inner">
<h1 class="content-slider-item-heading logico-content-wrapper-1">
<span class="heading-content">Solutions for Every Industry</span>
<h1
class="content-slider-item-heading logico-content-wrapper-1">
<span class="heading-content">Meet MileTruth&trade;
AI</span>
</h1>
<div class="content-slider-item-text logico-content-wrapper-2">
<div
class="content-slider-item-text logico-content-wrapper-2">
<div class="text-content">
<p>Discover how Doormile's connected logistics platform serves diverse industries with tailored solutions.</p>
<p>Understands complex supply chain
operations and predicts disruptions
before they occur.</p>
</div>
</div>
<!-- <div class="content-slider-item-buttons logico-content-wrapper-3">
<a class="logico-alter-button" href="#" target="_blank">Explore more</a>
</div> -->
<!-- <div
class="content-slider-item-buttons logico-content-wrapper-3">
<a class="logico-alter-button" href="#"
target="_blank">Discover</a>
</div> -->
</div>
</div>
</div>
<div class="content-item slider-item elementor-repeater-item-6867061 slide-style-standard howits-hero-custom-bg">
<div
class="content-item slider-item elementor-repeater-item-3264830 slide-style-standard">
<div class="slide-content">
<div class="slide-content-inner">
<h1 class="content-slider-item-heading logico-content-wrapper-1">
<span class="heading-content">One Platform. All Verticals.</span>
<h1
class="content-slider-item-heading logico-content-wrapper-1">
<span class="heading-content">The Only AI Built
Exclusively for Logistics</span>
</h1>
<div class="content-slider-item-text logico-content-wrapper-2">
<div
class="content-slider-item-text logico-content-wrapper-2">
<div class="text-content">
<p>Doormile adapts to the unique challenges of your vertical—not the other way around.</p>
<p>Optimizes every stage of the delivery
journey for maximum efficiency.</p>
</div>
</div>
<!-- <div class="content-slider-item-buttons logico-content-wrapper-3">
<a class="logico-alter-button" href="#" target="_blank">Explore more</a>
</div> -->
<!-- <div
class="content-slider-item-buttons logico-content-wrapper-3">
<a class="logico-alter-button" href="#"
target="_blank" id="test">Discover</a>
</div> -->
</div>
</div>
</div>
</div>
<div class="slider-footer slider-footer-position-after slider-footer-width-full slider-footer-view-inside">
<div
class="slider-footer slider-footer-position-after slider-footer-width-full slider-footer-view-inside">
<div class="slider-footer-content">
<div class="slider-pagination">
<div class="slider-progress-wrapper">
<span class="slider-progress-current">01</span>
/<span class="slider-progress-all">01</span>
</div>
<div class="owl-dots owl-dots-6c7cbcb"></div>
<div class="owl-dots owl-dots-791327c"></div>Working
</div>
</div>
</div>

30
includes/sections/miles/miles3.php
View File

@@ -713,7 +713,7 @@
<div class="archive-listing" data-ajax="{&quot;post_type&quot;:&quot;portfolio&quot;,&quot;post_status&quot;:&quot;publish&quot;,&quot;ignore_sticky_posts&quot;:true,&quot;suppress_filters&quot;:true,&quot;orderby&quot;:&quot;post__in&quot;,&quot;order&quot;:&quot;asc&quot;,&quot;link_base&quot;:&quot;https:\/\/demo.artureanec.com\/themes\/logico-rounded\/home-6&quot;,&quot;post__in&quot;:[&quot;2636&quot;,&quot;2638&quot;,&quot;2642&quot;,&quot;2644&quot;,&quot;2648&quot;,&quot;2652&quot;,&quot;2654&quot;,&quot;2656&quot;,&quot;2658&quot;],&quot;posts_per_page&quot;:-1,&quot;paged&quot;:1}" data-widget="{&quot;item_class&quot;:&quot;portfolio-item-wrapper slider-item with-media-overlay with-title-icon&quot;,&quot;columns_number&quot;:3,&quot;listing_type&quot;:&quot;slider&quot;,&quot;show_title&quot;:&quot;yes&quot;}">
<div class="custom-cursor-drag" style="display: none; left: 988px; top: 408px;"></div>
<div class="archive-listing-wrapper portfolio-listing-wrapper owl-carousel owl-theme custom-cursor-enable item-view-default show-inactive-items owl-loaded owl-drag" data-slider-options="{&quot;items&quot;:3,&quot;itemsWidescreen&quot;:3,&quot;itemsLaptop&quot;:3,&quot;itemsTabletExtra&quot;:3,&quot;itemsTablet&quot;:2,&quot;itemsMobileExtra&quot;:1,&quot;itemsMobile&quot;:1,&quot;nav&quot;:false,&quot;navText&quot;:[&quot;&quot;,&quot;&quot;],&quot;dots&quot;:true,&quot;progress&quot;:true,&quot;autoplayHoverPause&quot;:true,&quot;autoplay&quot;:true,&quot;autoplaySpeed&quot;:500,&quot;autoplayTimeout&quot;:3000,&quot;loop&quot;:true,&quot;dragEndSpeed&quot;:500,&quot;navSpeed&quot;:500,&quot;dotsSpeed&quot;:500,&quot;dotsContainer&quot;:&quot;.owl-dots-338e860&quot;,&quot;rtl&quot;:false}" style="cursor: auto;">
<div class="archive-listing-wrapper portfolio-listing-wrapper owl-carousel owl-theme custom-cursor-enable item-view-default show-inactive-items owl-loaded owl-drag" data-slider-options="{&quot;items&quot;:3,&quot;itemsWidescreen&quot;:3,&quot;itemsLaptop&quot;:3,&quot;itemsTabletExtra&quot;:3,&quot;itemsTablet&quot;:2,&quot;itemsMobileExtra&quot;:1,&quot;itemsMobile&quot;:1,&quot;nav&quot;:false,&quot;navText&quot;:[&quot;&quot;,&quot;&quot;],&quot;dots&quot;:true,&quot;progress&quot;:true,&quot;autoplayHoverPause&quot;:true,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:500,&quot;autoplayTimeout&quot;:3000,&quot;loop&quot;:true,&quot;dragEndSpeed&quot;:500,&quot;navSpeed&quot;:500,&quot;dotsSpeed&quot;:500,&quot;dotsContainer&quot;:&quot;.owl-dots-338e860&quot;,&quot;rtl&quot;:false}" style="cursor: auto;">
@@ -730,7 +730,7 @@
<div class="owl-item doormile-approach-slide">
<div class="dm-step-card">
<div class="dm-step-card__image">
<img src="assets/images/home2-step1.png" alt="First Mile">
<img src="assets/images/first-mile-approach.jpg" alt="First Mile">
</div>
<div class="dm-step-card__body">
<p class="dm-step-card__num">01 / First Mile</p>
@@ -749,7 +749,7 @@
<div class="owl-item doormile-approach-slide">
<div class="dm-step-card">
<div class="dm-step-card__image">
<img src="assets/images/home2-step2.png" alt="Mid Mile">
<img src="assets/images/mid-mile-approach.jpg" alt="Mid Mile">
</div>
<div class="dm-step-card__body">
<p class="dm-step-card__num">02 / Mid Mile</p>
@@ -768,7 +768,7 @@
<div class="owl-item doormile-approach-slide">
<div class="dm-step-card">
<div class="dm-step-card__image">
<img src="assets/images/home2-step3.png" alt="Last Mile">
<img src="assets/images/last-mile-approach.jpg" alt="Last Mile">
</div>
<div class="dm-step-card__body">
<p class="dm-step-card__num">03 / Last Mile</p>
@@ -789,7 +789,7 @@
</div>
<div class="slider-footer slider-footer-view-outside slider-footer-position-after slider-footer-width-boxed">
<!-- <div class="slider-footer slider-footer-view-outside slider-footer-position-after slider-footer-width-boxed">
<div class="slider-footer-content">
<div class="slider-pagination">
<div class="slider-progress-all-wrapper">
@@ -800,7 +800,7 @@
</div>
</div>
</div>
</div>
</div> -->
</div>
</div>
@@ -858,7 +858,7 @@
.elementor-element.elementor-element-e32dfeb {
background: #000000;
/* background: #00000000; */
--display: flex;
--flex-direction: column;
--container-widget-width: 100%;
@@ -1275,8 +1275,9 @@
--flex-wrap-mobile: wrap;
--padding-top: 150px;
--padding-bottom: 0px;
--padding-left: 0px;
--padding-right: 0px;
--padding-left: 40px;
--padding-right: 40px;
border-radius: 25px 25px 0px 0px;
}
.elementor-element.elementor-element-c36a604:not(.elementor-motion-effects-element-type-background),
@@ -1585,7 +1586,7 @@
--flex-wrap-mobile: wrap;
--border-radius: 0px 0px 25px 25px;
--padding-top: 50px;
--padding-bottom: 150px;
--padding-bottom: 50px;
--padding-left: 0px;
--padding-right: 0px;
background-image: url(assets/images/bg-map.png);
@@ -3076,6 +3077,7 @@
.elementor-element.elementor-element-338e860 .owl-carousel {
padding: 0px 100px 0px 0px;
}
.elementor-element.elementor-element-338e860 .portfolio-listing-wrapper.portfolio-grid-listing,
@@ -3282,8 +3284,8 @@
--margin-right: 0px;
--padding-top: 120px;
--padding-bottom: 0px;
--padding-left: 0px;
--padding-right: 0px;
--padding-left: 30px;
--padding-right: 30px;
}
.elementor-element.elementor-element-4add972 {
@@ -3726,8 +3728,8 @@
.elementor-element.elementor-element-c36a604 {
--padding-top: 90px;
--padding-bottom: 0px;
--padding-left: 0px;
--padding-right: 0px;
--padding-left: 20px;
--padding-right: 20px;
}
.elementor-element.elementor-element-77d1265 {

4138
includes/sections/miles/miles4.php Normal file
View File

File diff suppressed because it is too large Load Diff

83
miletruth.php
View File

@@ -27,85 +27,8 @@ include 'includes/layout/head.php'; ?>
<div class="content">
<div class="content-inner">
<div data-elementor-type="wp-page" data-elementor-id="63" class="elementor elementor-63">
<div class="elementor-element elementor-element-dcdf16a e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent"
data-id="dcdf16a" data-element_type="container">
<div class="elementor-element elementor-element-791327c elementor-widget elementor-widget-logico_content_slider"
data-id="791327c" data-element_type="widget"
data-widget_type="logico_content_slider.default">
<div class="elementor-widget-container">
<div class="logico-content-slider-widget">
<div class="content-slider-wrapper">
<div class="content-slider-container">
<div class="content-slider owl-carousel owl-theme nav-view-default"
data-slider-options="{&quot;items&quot;:1,&quot;nav&quot;:true,&quot;navText&quot;:&quot;&quot;,&quot;dots&quot;:true,&quot;progress&quot;:true,&quot;dotsContainer&quot;:&quot;.owl-dots-791327c&quot;,&quot;autoplayHoverPause&quot;:false,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:5000,&quot;autoplayTimeout&quot;:5000,&quot;loop&quot;:true,&quot;dragEndSpeed&quot;:1200,&quot;navSpeed&quot;:1200,&quot;dotsSpeed&quot;:1200,&quot;pullDrag&quot;:false,&quot;freeDrag&quot;:false,&quot;callbacks&quot;:false,&quot;animateOut&quot;:&quot;fadeOut&quot;,&quot;rtl&quot;:false}">
<div
class="content-item slider-item elementor-repeater-item-6867061 slide-style-standard">
<div class="slide-content">
<div class="slide-content-inner">
<h1
class="content-slider-item-heading logico-content-wrapper-1">
<span class="heading-content">Meet MileTruth&trade;
AI</span>
</h1>
<div
class="content-slider-item-text logico-content-wrapper-2">
<div class="text-content">
<p>Understands complex supply chain
operations and predicts disruptions
before they occur.</p>
</div>
</div>
<div
class="content-slider-item-buttons logico-content-wrapper-3">
<a class="logico-alter-button" href="#"
target="_blank">Discover</a>
</div>
</div>
</div>
</div>
<div
class="content-item slider-item elementor-repeater-item-3264830 slide-style-standard">
<div class="slide-content">
<div class="slide-content-inner">
<h1
class="content-slider-item-heading logico-content-wrapper-1">
<span class="heading-content">The Only AI Built
Exclusively for Logistics</span>
</h1>
<div
class="content-slider-item-text logico-content-wrapper-2">
<div class="text-content">
<p>Optimizes every stage of the delivery
journey for maximum efficiency.</p>
</div>
</div>
<div
class="content-slider-item-buttons logico-content-wrapper-3">
<a class="logico-alter-button" href="#"
target="_blank" id="test">Discover</a>
</div>
</div>
</div>
</div>
</div>
<div
class="slider-footer slider-footer-position-after slider-footer-width-full slider-footer-view-inside">
<div class="slider-footer-content">
<div class="slider-pagination">
<div class="slider-progress-wrapper">
<span class="slider-progress-current">01</span>
/<span class="slider-progress-all">01</span>
</div>
<div class="owl-dots owl-dots-791327c"></div>Working
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php include 'includes/sections/hero/miletruth-hero-section.php'; ?>
<!-- <div class="elementor-element elementor-element-9ebb5d1 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent" data-id="9ebb5d1" data-element_type="container">
<div class="e-con-inner">
@@ -1493,4 +1416,4 @@ include 'includes/layout/head.php'; ?>
</body>
</html>
<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1773751993 -->
<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1773751993 -->