header chnages

This commit is contained in:
Kishore Kumar C
2026-05-07 20:59:26 +05:30
parent a4f9a2e89a
commit 3b51612495
7 changed files with 273 additions and 509 deletions

View File

@@ -44413,7 +44413,7 @@ img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
overflow: hidden;
height: auto;
color: var(--logico-button-text-color)!important;
border: solid 1px #ffffff !important;
border: solid 1px #C01227 !important;
z-index: 2;
background: -webkit-linear-gradient(90deg,var(--logico-button-background-color) 50%,var(--logico-button-background-hover) 50%);
background: -moz-linear-gradient(90deg,var(--logico-button-background-color) 50%,var(--logico-button-background-hover) 50%);

View File

@@ -6,6 +6,7 @@
background-repeat: no-repeat !important;
background-size: cover !important;
}
.howits-hero-custom-bg.elementor-repeater-item-6867061 {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1)), url('assets/images/home1-slide-2.png') !important;
background-position: center !important;
@@ -14,79 +15,67 @@
}
</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-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="slide-content">
<div class="slide-content-inner">
<h1 class="content-slider-item-heading logico-content-wrapper-1">
<span class="heading-content">One Journey. Complete
Control.</span>
</h1>
<div class="content-slider-item-text logico-content-wrapper-2">
<div class="text-content">
<p>See how Doormile connects first, mid, and last
mile into a seamless delivery experience powered
by MileTruth&trade; AI.</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>
</div>
</div>
<div class="content-item slider-item elementor-repeater-item-6867061 slide-style-standard howits-hero-custom-bg">
<div class="slide-content">
<div class="slide-content-inner">
<h1 class="content-slider-item-heading logico-content-wrapper-1">
<span class="heading-content">A New Freight
Experience</span>
</h1>
<div class="content-slider-item-text logico-content-wrapper-2">
<div class="text-content">
<p>See how Doormile connects first, mid, and last
mile into a seamless delivery experience powered
by MileTruth&trade; AI.</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>
</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-6c7cbcb"></div>
</div>
</div>
<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-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="slide-content">
<div class="slide-content-inner">
<h1 class="content-slider-item-heading logico-content-wrapper-1">
<span class="heading-content">One Journey. Complete
Control.</span>
</h1>
<div class="content-slider-item-text logico-content-wrapper-2">
<div class="text-content">
<p>See how Doormile connects first, mid, and last
mile into a seamless delivery experience powered
by MileTruth&trade; AI.</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>
</div>
</div>
<div class="content-item slider-item elementor-repeater-item-6867061 slide-style-standard howits-hero-custom-bg">
<div class="slide-content">
<div class="slide-content-inner">
<h1 class="content-slider-item-heading logico-content-wrapper-1">
<span class="heading-content">A New Freight
Experience</span>
</h1>
<div class="content-slider-item-text logico-content-wrapper-2">
<div class="text-content">
<p>See how Doormile connects first, mid, and last
mile into a seamless delivery experience powered
by MileTruth&trade; AI.</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>
</div>
</div>
</div>
<!-- <div class="elementor-element elementor-element-53b84fe elementor-absolute elementor-widget elementor-widget-logico_video_button" data-id="53b84fe" data-element_type="widget" data-e-type="widget" data-settings="{&quot;youtube_url&quot;:&quot;https:\/\/www.youtube.com\/watch?v=XHOmBV4js_E&quot;,&quot;_position&quot;:&quot;absolute&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;,&quot;lightbox&quot;:&quot;yes&quot;}" data-widget_type="logico_video_button.default">
<div class="elementor-widget-container">
<div class="elementor-wrapper elementor-open-lightbox logico-video-button video-button-animation-none">
<div class="elementor-custom-embed-image-overlay video-button-wrapper" data-elementor-open-lightbox="yes" data-elementor-lightbox="{&quot;type&quot;:&quot;video&quot;,&quot;videoType&quot;:&quot;youtube&quot;,&quot;url&quot;:&quot;https:\/\/www.youtube.com\/embed\/XHOmBV4js_E?feature=oembed&amp;start&amp;end&amp;wmode=opaque&amp;loop=0&amp;controls=1&amp;mute=0&amp;rel=0&amp;cc_load_policy=0&quot;,&quot;autoplay&quot;:&quot;&quot;,&quot;modalOptions&quot;:{&quot;id&quot;:&quot;elementor-lightbox-53b84fe&quot;,&quot;entranceAnimation&quot;:&quot;&quot;,&quot;entranceAnimation_tablet&quot;:&quot;&quot;,&quot;entranceAnimation_mobile&quot;:&quot;&quot;,&quot;videoAspectRatio&quot;:&quot;169&quot;}}" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJ0eXBlIjoidmlkZW8iLCJ2aWRlb1R5cGUiOiJ5b3V0dWJlIiwidXJsIjoiaHR0cHM6XC9cL3d3dy55b3V0dWJlLmNvbVwvZW1iZWRcL1hIT21CVjRqc19FP2ZlYXR1cmU9b2VtYmVkJnN0YXJ0JmVuZCZ3bW9kZT1vcGFxdWUmbG9vcD0wJmNvbnRyb2xzPTEmbXV0ZT0wJnJlbD0wJmNjX2xvYWRfcG9saWN5PTAiLCJhdXRvcGxheSI6IiIsIm1vZGFsT3B0aW9ucyI6eyJpZCI6ImVsZW1lbnRvci1saWdodGJveC01M2I4NGZlIiwiZW50cmFuY2VBbmltYXRpb24iOiIiLCJlbnRyYW5jZUFuaW1hdGlvbl90YWJsZXQiOiIiLCJlbnRyYW5jZUFuaW1hdGlvbl9tb2JpbGUiOiIiLCJ2aWRlb0FzcGVjdFJhdGlvIjoiMTY5In19">
<div class="elementor-custom-embed-play" role="button">
<div class="video-button-icon"></div>
<div class="video-button-label">Watch video</div>
</div>
</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-6c7cbcb"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@@ -1,78 +1,66 @@
<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-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">
<div class="slide-content">
<div class="slide-content-inner">
<h1 class="content-slider-item-heading logico-content-wrapper-1">
<span class="heading-content">One Connected
System.<br>One Promise Kept.</span>
</h1>
<div class="content-slider-item-text logico-content-wrapper-2">
<div class="text-content">
<p>Stop managing three separate logistics
services. Doormile unifies first, mid and
last mile into a single intelligent delivery
system powered by MileTruth&trade; AI.</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>
</div>
</div>
<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">AI-Powered Connected
Logistics</span>
</h1>
<div class="content-slider-item-text logico-content-wrapper-2">
<div class="text-content">
<p>Behind every successful business is a strong
supply chain.Logistics turns plans into
reality</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>
</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-6c7cbcb"></div>
</div>
</div>
<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-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">
<div class="slide-content">
<div class="slide-content-inner">
<h1 class="content-slider-item-heading logico-content-wrapper-1">
<span class="heading-content">One Connected
System.<br>One Promise Kept.</span>
</h1>
<div class="content-slider-item-text logico-content-wrapper-2">
<div class="text-content">
<p>Stop managing three separate logistics
services. Doormile unifies first, mid and
last mile into a single intelligent delivery
system powered by MileTruth&trade; AI.</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>
</div>
</div>
<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">AI-Powered Connected
Logistics</span>
</h1>
<div class="content-slider-item-text logico-content-wrapper-2">
<div class="text-content">
<p>Behind every successful business is a strong
supply chain.Logistics turns plans into
reality</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>
</div>
</div>
</div>
<!-- <div class="elementor-element elementor-element-53b84fe elementor-absolute elementor-widget elementor-widget-logico_video_button" data-id="53b84fe" data-element_type="widget" data-e-type="widget" data-settings="{&quot;youtube_url&quot;:&quot;https:\/\/www.youtube.com\/watch?v=XHOmBV4js_E&quot;,&quot;_position&quot;:&quot;absolute&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;,&quot;lightbox&quot;:&quot;yes&quot;}" data-widget_type="logico_video_button.default">
<div class="elementor-widget-container">
<div class="elementor-wrapper elementor-open-lightbox logico-video-button video-button-animation-none">
<div class="elementor-custom-embed-image-overlay video-button-wrapper" data-elementor-open-lightbox="yes" data-elementor-lightbox="{&quot;type&quot;:&quot;video&quot;,&quot;videoType&quot;:&quot;youtube&quot;,&quot;url&quot;:&quot;https:\/\/www.youtube.com\/embed\/XHOmBV4js_E?feature=oembed&amp;start&amp;end&amp;wmode=opaque&amp;loop=0&amp;controls=1&amp;mute=0&amp;rel=0&amp;cc_load_policy=0&quot;,&quot;autoplay&quot;:&quot;&quot;,&quot;modalOptions&quot;:{&quot;id&quot;:&quot;elementor-lightbox-53b84fe&quot;,&quot;entranceAnimation&quot;:&quot;&quot;,&quot;entranceAnimation_tablet&quot;:&quot;&quot;,&quot;entranceAnimation_mobile&quot;:&quot;&quot;,&quot;videoAspectRatio&quot;:&quot;169&quot;}}" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJ0eXBlIjoidmlkZW8iLCJ2aWRlb1R5cGUiOiJ5b3V0dWJlIiwidXJsIjoiaHR0cHM6XC9cL3d3dy55b3V0dWJlLmNvbVwvZW1iZWRcL1hIT21CVjRqc19FP2ZlYXR1cmU9b2VtYmVkJnN0YXJ0JmVuZCZ3bW9kZT1vcGFxdWUmbG9vcD0wJmNvbnRyb2xzPTEmbXV0ZT0wJnJlbD0wJmNjX2xvYWRfcG9saWN5PTAiLCJhdXRvcGxheSI6IiIsIm1vZGFsT3B0aW9ucyI6eyJpZCI6ImVsZW1lbnRvci1saWdodGJveC01M2I4NGZlIiwiZW50cmFuY2VBbmltYXRpb24iOiIiLCJlbnRyYW5jZUFuaW1hdGlvbl90YWJsZXQiOiIiLCJlbnRyYW5jZUFuaW1hdGlvbl9tb2JpbGUiOiIiLCJ2aWRlb0FzcGVjdFJhdGlvIjoiMTY5In19">
<div class="elementor-custom-embed-play" role="button">
<div class="video-button-icon"></div>
<div class="video-button-label">Watch video</div>
</div>
</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-6c7cbcb"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,75 @@
<style>
.howits-hero-custom-bg.elementor-repeater-item-3264830,
.howits-hero-custom-bg.elementor-repeater-item-6867061 {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1)), url('assets/images/home1-slide-1.png') !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.howits-hero-custom-bg.elementor-repeater-item-6867061 {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1)), url('assets/images/home1-slide-2.png') !important;
background-position: center !important;
background-repeat: no-repeat !important;
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-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="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>
<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>
</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>
</div>
</div>
<div class="content-item slider-item elementor-repeater-item-6867061 slide-style-standard howits-hero-custom-bg">
<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>
<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>
</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>
</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-6c7cbcb"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,75 @@
<style>
.howits-hero-custom-bg.elementor-repeater-item-3264830,
.howits-hero-custom-bg.elementor-repeater-item-6867061 {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1)), url('assets/images/home1-slide-1.png') !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.howits-hero-custom-bg.elementor-repeater-item-6867061 {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1)), url('assets/images/home1-slide-2.png') !important;
background-position: center !important;
background-repeat: no-repeat !important;
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-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="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>
<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>
</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>
</div>
</div>
<div class="content-item slider-item elementor-repeater-item-6867061 slide-style-standard howits-hero-custom-bg">
<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>
<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>
</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>
</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-6c7cbcb"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@@ -136,241 +136,6 @@
<style>
.elementor-kit-5 {
--e-global-color-primary: #111111;
--e-global-color-secondary: #777777;
--e-global-color-text: #333333;
--e-global-color-accent: #c01227;
--e-global-typography-primary-font-family: "Roboto";
--e-global-typography-primary-font-weight: 600;
--e-global-typography-secondary-font-family: "Roboto Slab";
--e-global-typography-secondary-font-weight: 400;
--e-global-typography-text-font-family: "Manrope";
--e-global-typography-text-font-size: 18px;
--e-global-typography-text-font-weight: 400;
--e-global-typography-text-line-height: 1.6667em;
--e-global-typography-accent-font-family: "Manrope";
--e-global-typography-accent-font-weight: 400;
--e-global-typography-accent-line-height: 1.6667em;
color: #333333;
font-family: "Manrope", Sans-serif;
font-size: 18px;
font-weight: 400;
font-style: normal;
text-decoration: none;
line-height: 1.6667em;
}
.elementor-kit-5 p {
margin-block-end: 1.7em;
}
/* .elementor-kit-5 a {
color: #c01227;
text-decoration: underline;
} */
.elementor-kit-5 h1 {
color: #111111;
font-family: "Space Grotesk", Sans-serif;
font-size: 120px;
font-weight: 500;
text-transform: uppercase;
font-style: normal;
line-height: 1.2em;
letter-spacing: -0.03em;
}
.elementor-kit-5 h2 {
color: #111111;
font-family: "Space Grotesk", Sans-serif;
font-size: 80px;
font-weight: 500;
text-transform: uppercase;
font-style: normal;
line-height: 1.2em;
letter-spacing: -0.03em;
}
.elementor-kit-5 h3 {
color: #111111;
font-family: "Space Grotesk", Sans-serif;
font-size: 60px;
font-weight: 500;
text-transform: uppercase;
font-style: normal;
line-height: 1.2em;
letter-spacing: -0.03em;
}
.elementor-kit-5 h4 {
color: #111111;
font-family: "Space Grotesk", Sans-serif;
font-size: 40px;
font-weight: 500;
text-transform: uppercase;
font-style: normal;
line-height: 1.2em;
letter-spacing: -0.03em;
}
.elementor-kit-5 h5 {
color: #111111;
font-family: "Space Grotesk", Sans-serif;
font-size: 30px;
font-weight: 500;
text-transform: uppercase;
font-style: normal;
line-height: 1.2em;
letter-spacing: -0.03em;
}
.elementor-kit-5 h6 {
color: #111111;
font-family: "Space Grotesk", Sans-serif;
font-size: 25px;
font-weight: 500;
text-transform: uppercase;
font-style: normal;
line-height: 1.2em;
letter-spacing: -0.03em;
}
.elementor-kit-5 button,
.elementor-kit-5 input[type="button"],
.elementor-kit-5 input[type="submit"],
.elementor-kit-5 .elementor-button {
font-family: "Manrope", Sans-serif;
font-size: 14px;
font-weight: 600;
}
.elementor-section.elementor-section-boxed>.elementor-container {
max-width: 1380px;
}
.e-con {
--container-max-width: 1380px;
}
.elementor-widget:not(:last-child) {
margin-block-end: 0px;
}
.elementor-element {
--widgets-spacing: 0px 40px;
--widgets-spacing-row: 0px;
--widgets-spacing-column: 40px;
}
h1.page-title {
display: var(--page-title-display);
}
@media(max-width:1200px) {
.elementor-kit-5 h1 {
font-size: 80px;
}
.elementor-kit-5 h2 {
font-size: 60px;
}
.elementor-kit-5 h3 {
font-size: 46px;
}
.elementor-kit-5 h4 {
font-size: 34px;
}
.elementor-kit-5 h5 {
font-size: 28px;
}
.elementor-kit-5 h6 {
font-size: 22px;
}
}
@media(max-width:840px) {
.elementor-kit-5 {
--e-global-typography-text-font-size: 16px;
--e-global-typography-accent-font-size: 16px;
font-size: 16px;
}
.elementor-kit-5 h1 {
font-size: 60px;
}
.elementor-kit-5 h2 {
font-size: 50px;
}
.elementor-kit-5 h3 {
font-size: 36px;
}
.elementor-kit-5 h4 {
font-size: 28px;
}
.elementor-kit-5 h5 {
font-size: 24px;
}
.elementor-kit-5 h6 {
font-size: 20px;
}
.elementor-section.elementor-section-boxed>.elementor-container {
max-width: 1024px;
}
.e-con {
--container-max-width: 1024px;
}
}
@media(max-width:660px) {
.elementor-kit-5 h1 {
font-size: 40px;
}
.elementor-kit-5 h2 {
font-size: 32px;
}
.elementor-kit-5 h3 {
font-size: 28px;
}
.elementor-kit-5 h4 {
font-size: 23px;
}
.elementor-kit-5 h5 {
font-size: 20px;
}
.elementor-kit-5 h6 {
font-size: 18px;
}
}
@media(max-width:480px) {
.elementor-section.elementor-section-boxed>.elementor-container {
max-width: 767px;
}
.e-con {
--container-max-width: 767px;
}
}
.elementor .elementor-element.elementor-element-741f56c {
--display: flex;
--flex-direction: column;
@@ -398,7 +163,7 @@
}
.elementor .elementor-element.elementor-element-6c7cbcb .elementor-repeater-item-3264830 .slide-content-inner {
max-width: 88%;
max-width: 60%;
}
.elementor .elementor-element.elementor-element-6c7cbcb .elementor-repeater-item-3264830 .slide-content {
@@ -2698,7 +2463,7 @@
}
.elementor .elementor-element.elementor-element-6c7cbcb .elementor-repeater-item-3264830 .slide-content-inner {
max-width: 85%;
max-width: 70%;
}
body:not(.rtl) .elementor .elementor-element.elementor-element-53b84fe {

View File

@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en-US">
<?php $page_title = 'Solutions &ndash; Doormile';
include 'includes/layout/head.php'; ?>
@@ -16,135 +16,7 @@ include 'includes/layout/head.php'; ?>
<div class="content">
<div class="content-inner">
<div data-elementor-type="wp-page" data-elementor-id="59" class="elementor elementor-59">
<div class="elementor-element elementor-element-da57c01 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent"
data-id="da57c01" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-cbfd9b2 elementor-widget elementor-widget-logico_content_slider"
data-id="cbfd9b2" data-element_type="widget" data-e-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"
data-slider-options="{&quot;items&quot;:1,&quot;nav&quot;:false,&quot;navText&quot;:&quot;&quot;,&quot;dots&quot;:true,&quot;progress&quot;:true,&quot;dotsContainer&quot;:&quot;.owl-dots-cbfd9b2&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">
<div class="slide-content">
<div class="slide-content-inner">
<h1
class="content-slider-item-heading logico-content-wrapper-1">
<span class="heading-content">One Journey. Complete
Control.</span>
</h1>
<div
class="content-slider-item-text logico-content-wrapper-2">
<div class="text-content">
<p>See how Doormile connects first, mid, and last
mile into a seamless delivery experience powered
by MileTruth&trade; AI.</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>
</div>
</div>
<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">A New Freight
Experience</span>
</h1>
<div
class="content-slider-item-text logico-content-wrapper-2">
<div class="text-content">
<p>See how Doormile connects first, mid, and last
mile into a seamless delivery experience powered
by MileTruth&trade; AI.</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>
</div>
</div>
</div>
<div
class="slider-footer slider-footer-position-after slider-footer-width-full slider-footer-view-outside">
<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-cbfd9b2"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-233f497 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent"
data-id="233f497" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-71c4f93 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
data-id="71c4f93" data-element_type="container" data-e-type="container"
data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="elementor-element elementor-element-ca39895 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
data-id="ca39895" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-1892e4e elementor-widget elementor-widget-logico_heading"
data-id="1892e4e" data-element_type="widget" data-e-type="widget"
data-widget_type="logico_heading.default">
<div class="elementor-widget-container">
<div class="logico-title">Call Center
</div>
</div>
</div>
<div class="elementor-element elementor-element-6284fbe elementor-widget elementor-widget-text-editor"
data-id="6284fbe" data-element_type="widget" data-e-type="widget"
data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>
24/7 Support<br />+ (123) 1800-234-5678
</p>
</div>
</div>
</div>
<div class="elementor-element elementor-element-cbbc797 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
data-id="cbbc797" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-7f3bc57 elementor-widget elementor-widget-logico_heading"
data-id="7f3bc57" data-element_type="widget" data-e-type="widget"
data-widget_type="logico_heading.default">
<div class="elementor-widget-container">
<div class="logico-title">Our Location
</div>
</div>
</div>
<div class="elementor-element elementor-element-5a0bfbd elementor-widget elementor-widget-text-editor"
data-id="5a0bfbd" data-element_type="widget" data-e-type="widget"
data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>
USA, New York &#8211;1060<br />Str. First Avenue 1
</p>
</div>
</div>
</div>
</div>
</div>
<?php include 'includes/sections/hero/solutions-hero-section.php'; ?>
<?php include 'includes/sections/industry/industry.php'; ?>
<?php include 'includes/sections/logistics/connected-log.php'; ?>
<?php include 'includes/sections/misc/container.php'; ?>