Updated Doormile website
This commit is contained in:
R-Bharathraj
910
includes/layout/footer.php
Normal file
910
includes/layout/footer.php
Normal file
@@ -0,0 +1,910 @@
|
||||
<footer data-rocket-location-hash="1eeca93394c4fc14089e9d12a2a92e22" itemtype="https://schema.org/WPFooter" itemscope="itemscope" id="colophon" role="contentinfo">
|
||||
<div class='footer-width-fixer'>
|
||||
<div data-elementor-type="wp-post" data-elementor-id="6585" class="elementor elementor-6585">
|
||||
<div class="elementor-element elementor-element-3cd920c e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent" data-id="3cd920c" data-element_type="container" data-e-type="container">
|
||||
<!-- <div class="elementor-element elementor-element-32965bd elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-logico_decorative_block" data-id="32965bd" data-element_type="widget" data-e-type="widget" data-settings="{"_position":"absolute"}" data-widget_type="logico_decorative_block.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="block-decoration animation-enable block-decoration-style-1">
|
||||
<div class="block-decoration-item"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="elementor-element elementor-element-b29b8fc e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child" data-id="b29b8fc" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
|
||||
<div class="e-con-inner">
|
||||
<div class="elementor-element elementor-element-ef6fa6d e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="ef6fa6d" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-9990148 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="9990148" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-8899bdf elementor-absolute elementor-widget elementor-widget-image" data-id="8899bdf" data-element_type="widget" data-e-type="widget" data-settings="{"_position":"absolute"}" data-widget_type="image.default">
|
||||
<div class="elementor-widget-container">
|
||||
<img width="965" height="474" src="assets/images/bg-map.png" class="attachment-full size-full wp-image-1148" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-a0e7516 elementor-widget elementor-widget-logico_heading" data-id="a0e7516" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">/ get in touch /
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-687d944 elementor-invisible elementor-widget elementor-widget-logico_heading" data-id="687d944" data-element_type="widget" data-e-type="widget" data-settings="{"_animation":"logico_heading_animation"}" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<h3 class="logico-title" style="color: white;">We are always readyto help you and answeryour questions
|
||||
</h3> </div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-670d1b2 elementor-widget elementor-widget-text-editor" data-id="670d1b2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>Connecting businesses with fast, secure, smart deliveries.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-2631b42 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child" data-id="2631b42" data-element_type="container" data-e-type="container">
|
||||
<div class="e-con-inner">
|
||||
<div class="elementor-element elementor-element-df89993 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="df89993" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-69b6892 elementor-widget elementor-widget-logico_heading" data-id="69b6892" 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-87be926 elementor-widget elementor-widget-text-editor" data-id="87be926" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>
|
||||
Tel : +91 86886 97941
|
||||
<!-- <br />
|
||||
<a href="#">+ (123) 1800-234-5678</a> -->
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-f5d8e63 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="f5d8e63" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-774e540 elementor-widget elementor-widget-logico_heading" data-id="774e540" 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-9c1cf03 elementor-widget elementor-widget-text-editor" data-id="9c1cf03" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>
|
||||
5th Floor, Vision Ultima, Street No.3, Jayabheri Enclave, Gachibowli, Hyderabad, Telangana 500032.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-645be8d e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child" data-id="645be8d" data-element_type="container" data-e-type="container">
|
||||
<div class="e-con-inner">
|
||||
<div class="elementor-element elementor-element-a96d151 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="a96d151" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-37e647f elementor-widget elementor-widget-logico_heading" data-id="37e647f" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">Email
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-ba67644 elementor-widget elementor-widget-text-editor" data-id="ba67644" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>
|
||||
<a href="#" data-wplink-edit="true">doormile.compliance@gmail.com</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-9ba4b82 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="9ba4b82" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-e9a5d79 elementor-widget elementor-widget-logico_heading" data-id="e9a5d79" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">Social network
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-a6bccba elementor-shape-square elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="a6bccba" data-element_type="widget" data-e-type="widget" data-widget_type="social-icons.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="elementor-social-icons-wrapper elementor-grid" role="list">
|
||||
<span class="elementor-grid-item" role="listitem">
|
||||
<a class="elementor-icon elementor-social-icon elementor-social-icon-facebook-f elementor-repeater-item-3fbe893" href="#" target="_blank">
|
||||
<span class="elementor-screen-only">Facebook-f</span>
|
||||
<svg aria-hidden="true" class="e-font-icon-svg e-fab-facebook-f" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
<span class="elementor-grid-item" role="listitem">
|
||||
<a class="elementor-icon elementor-social-icon elementor-social-icon-x-twitter elementor-repeater-item-64ac94e" href="#" target="_blank">
|
||||
<span class="elementor-screen-only">X-twitter</span>
|
||||
<svg aria-hidden="true" class="e-font-icon-svg e-fab-x-twitter" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
<span class="elementor-grid-item" role="listitem">
|
||||
<a class="elementor-icon elementor-social-icon elementor-social-icon-linkedin-in elementor-repeater-item-38e1bcc" href="#" target="_blank">
|
||||
<span class="elementor-screen-only">Linkedin-in</span>
|
||||
<svg aria-hidden="true" class="e-font-icon-svg e-fab-linkedin-in" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
<span class="elementor-grid-item" role="listitem">
|
||||
<a class="elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-b0d5e1f" href="#" target="_blank">
|
||||
<span class="elementor-screen-only">Youtube</span>
|
||||
<svg aria-hidden="true" class="e-font-icon-svg e-fab-youtube" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-a5c503d e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="a5c503d" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
|
||||
<div class="elementor-element elementor-element-535776a elementor-widget elementor-widget-logico_heading" data-id="535776a" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">Get in Touch
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-0e6fedf elementor-widget elementor-widget-logico_wpforms" data-id="0e6fedf" data-element_type="widget" data-e-type="widget" data-widget_type="logico_wpforms.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-wpforms-widget">
|
||||
<div class="wpforms-container wpforms-render-modern" id="wpforms-369">
|
||||
<form id="wpforms-form-369" class="wpforms-validate wpforms-form wpforms-ajax-form" data-formid="369" method="post" enctype="multipart/form-data" action="/themes/logico-rounded/home-6/" data-token="4499073b7fa0c8da52539b325e9e4300" data-token-time="1776777382">
|
||||
<noscript class="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</noscript>
|
||||
<div id="wpforms-error-noscript" style="display: none;">Please enable JavaScript in your browser to complete this form.</div>
|
||||
<div class="wpforms-field-container">
|
||||
<div id="wpforms-369-field_5-container" class="wpforms-field wpforms-field-text" data-field-type="text" data-field-id="5">
|
||||
<label class="wpforms-field-label" for="wpforms-369-field_5">name Subject Email</label>
|
||||
<input type="text" id="wpforms-369-field_5" class="wpforms-field-medium" name="wpforms[fields][5]">
|
||||
</div>
|
||||
<div id="wpforms-369-field_1-container" class="wpforms-field wpforms-field-name" data-field-id="1">
|
||||
<div class="wpforms-field-wrapper logico-form-field">
|
||||
<div class="logico-label-wrapper">
|
||||
<div class="logico-label-placeholder">
|
||||
<div class="logico-label-placeholder-text">Full name</div>
|
||||
</div>
|
||||
<label class="wpforms-field-label" for="wpforms-369-field_1">Full name</label>
|
||||
</div>
|
||||
<input type="text" id="wpforms-369-field_1" class="wpforms-field-large" name="wpforms[fields][1]" aria-errormessage="wpforms-369-field_1-error">
|
||||
</div>
|
||||
</div>
|
||||
<div id="wpforms-369-field_2-container" class="wpforms-field wpforms-field-email" data-field-id="2">
|
||||
<div class="wpforms-field-wrapper logico-form-field">
|
||||
<div class="logico-label-wrapper">
|
||||
<div class="logico-label-placeholder">
|
||||
<div class="logico-label-placeholder-text">Email</div>
|
||||
</div>
|
||||
<label class="wpforms-field-label" for="wpforms-369-field_2">Email</label>
|
||||
</div>
|
||||
<input type="email" id="wpforms-369-field_2" class="wpforms-field-large" name="wpforms[fields][2]" spellcheck="false" aria-errormessage="wpforms-369-field_2-error">
|
||||
</div>
|
||||
</div>
|
||||
<div id="wpforms-369-field_3-container" class="wpforms-field wpforms-field-text" data-field-id="3">
|
||||
<div class="wpforms-field-wrapper logico-form-field">
|
||||
<div class="logico-label-wrapper">
|
||||
<div class="logico-label-placeholder">
|
||||
<div class="logico-label-placeholder-text">Subject</div>
|
||||
</div>
|
||||
<label class="wpforms-field-label" for="wpforms-369-field_3">Subject</label>
|
||||
</div>
|
||||
<input type="text" id="wpforms-369-field_3" class="wpforms-field-large" name="wpforms[fields][3]" aria-errormessage="wpforms-369-field_3-error">
|
||||
</div>
|
||||
</div>
|
||||
<div id="wpforms-369-field_4-container" class="wpforms-field wpforms-field-textarea" data-field-id="4">
|
||||
<div class="wpforms-field-wrapper logico-form-field">
|
||||
<div class="logico-label-wrapper">
|
||||
<div class="logico-label-placeholder">
|
||||
<div class="logico-label-placeholder-text">Message</div>
|
||||
</div>
|
||||
<label class="wpforms-field-label" for="wpforms-369-field_4">Message</label>
|
||||
</div>
|
||||
<textarea id="wpforms-369-field_4" class="wpforms-field-large" name="wpforms[fields][4]" aria-errormessage="wpforms-369-field_4-error"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
(function() {
|
||||
const style = document.createElement('style');
|
||||
style.appendChild(document.createTextNode('#wpforms-5719-field_1-container,#wpforms-369-field_5-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-5719-field_1-container,#wpforms-369-field_5-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-5719-field_1-container,#wpforms-369-field_5-container label { counter-increment: none; }'));
|
||||
document.head.appendChild(style);
|
||||
document.currentScript?.remove();
|
||||
})();
|
||||
</script>
|
||||
</div>
|
||||
<!-- .wpforms-field-container -->
|
||||
<div class="wpforms-submit-container">
|
||||
<input type="hidden" name="wpforms[id]" value="369">
|
||||
<input type="hidden" name="page_title" value="Truck Freight">
|
||||
<input type="hidden" name="page_url" value="https://demo.artureanec.com/themes/logico-rounded/home-6/">
|
||||
<input type="hidden" name="url_referer" value="">
|
||||
<input type="hidden" name="page_id" value="69">
|
||||
<input type="hidden" name="wpforms[post_id]" value="69">
|
||||
<button type="submit" name="wpforms[submit]" id="wpforms-submit-369" class="logico-alter-button wpforms-submit" data-alt-text="Sending..." data-submit-text="Send a message" aria-live="assertive" value="wpforms-submit">Send a message</button>
|
||||
<img src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/plugins/wpforms-lite/assets/images/submit-spin.svg" class="wpforms-submit-spinner" style="display: none;" width="26" height="26" alt="Loading">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- .wpforms-container -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-e183a77 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="e183a77" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-5219697 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="5219697" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-e6af8aa elementor-widget__width-initial elementor-widget elementor-widget-logico_heading" data-id="e6af8aa" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<h2 class="logico-title">
|
||||
Delivered <span style="color: #c01227">on time</span>
|
||||
with no hassle.
|
||||
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="elementor-element elementor-element-0f4fed7 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="0f4fed7" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-bb3eaca elementor-widget elementor-widget-logico_button" data-id="bb3eaca" 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">Contact us </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-ba22941 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="ba22941" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-54629ca elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="54629ca" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="elementor-divider">
|
||||
<span class="elementor-divider-separator"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-3f1ba7a e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="3f1ba7a" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-64e2e81 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="64e2e81" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-b5c897d elementor-widget elementor-widget-image" data-id="b5c897d" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
|
||||
<div class="elementor-widget-container">
|
||||
<a href="#">
|
||||
<img width="300" height="57" src="assets/images/logo-slogan.png" style="width: 280px !important; height: auto !important;" class="attachment-full size-full wp-image-5851" alt="" srcset="assets/images/logo-slogan.png 305w, assets/images/logo-slogan.png 300w" sizes="(max-width: 380px) 100vw, 380px" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-e4e6486 elementor-shape-square elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="e4e6486" data-element_type="widget" data-e-type="widget" data-widget_type="social-icons.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="elementor-social-icons-wrapper elementor-grid" role="list">
|
||||
<span class="elementor-grid-item" role="listitem">
|
||||
<a class="elementor-icon elementor-social-icon elementor-social-icon-facebook-f elementor-repeater-item-3fbe893" href="#" target="_blank">
|
||||
<span class="elementor-screen-only">Facebook-f</span>
|
||||
<svg aria-hidden="true" class="e-font-icon-svg e-fab-facebook-f" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
<span class="elementor-grid-item" role="listitem">
|
||||
<a class="elementor-icon elementor-social-icon elementor-social-icon-x-twitter elementor-repeater-item-64ac94e" href="#" target="_blank">
|
||||
<span class="elementor-screen-only">X-twitter</span>
|
||||
<svg aria-hidden="true" class="e-font-icon-svg e-fab-x-twitter" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
<span class="elementor-grid-item" role="listitem">
|
||||
<a class="elementor-icon elementor-social-icon elementor-social-icon-linkedin-in elementor-repeater-item-38e1bcc" href="#" target="_blank">
|
||||
<span class="elementor-screen-only">Linkedin-in</span>
|
||||
<svg aria-hidden="true" class="e-font-icon-svg e-fab-linkedin-in" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
<span class="elementor-grid-item" role="listitem">
|
||||
<a class="elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-b0d5e1f" href="#" target="_blank">
|
||||
<span class="elementor-screen-only">Youtube</span>
|
||||
<svg aria-hidden="true" class="e-font-icon-svg e-fab-youtube" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="elementor-element elementor-element-260d12e elementor-widget elementor-widget-logico_heading" data-id="260d12e" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">since 2000
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-5b73dd3 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="5b73dd3" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-10ead4d elementor-widget elementor-widget-logico_heading" data-id="10ead4d" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">Solutions
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-b2507df elementor-widget elementor-widget-logico_custom_navigation_menu" data-id="b2507df" data-element_type="widget" data-e-type="widget" data-widget_type="logico_custom_navigation_menu.default">
|
||||
<div class="elementor-widget-container">
|
||||
<ul class="logico-custom-menu-widget">
|
||||
<li>
|
||||
<a href="#" target="_blank">MileTruth™</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">How It Works</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">Use Cases</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">Request Demo</a>
|
||||
</li>
|
||||
<!-- <li>
|
||||
<a href="#" target="_blank">Case Studies</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">Contacts</a>
|
||||
</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-451f15c e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="451f15c" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-0ec06ff elementor-widget elementor-widget-logico_heading" data-id="0ec06ff" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">Services
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-a219b7d elementor-widget elementor-widget-logico_custom_navigation_menu" data-id="a219b7d" data-element_type="widget" data-e-type="widget" data-widget_type="logico_custom_navigation_menu.default">
|
||||
<div class="elementor-widget-container">
|
||||
<ul class="logico-custom-menu-widget">
|
||||
<li>
|
||||
<a href="#" target="_blank">About Us</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">Women entrepreneurship</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">Contact</a>
|
||||
</li>
|
||||
<!-- <li>
|
||||
<a href="#" target="_blank">Consultancy</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">Value Added Services</a>
|
||||
</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-44a1f5d e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="44a1f5d" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-0edc8fd elementor-widget elementor-widget-logico_heading" data-id="0edc8fd" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">Legal
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-189484a elementor-widget elementor-widget-logico_custom_navigation_menu" data-id="189484a" data-element_type="widget" data-e-type="widget" data-widget_type="logico_custom_navigation_menu.default">
|
||||
<div class="elementor-widget-container">
|
||||
<ul class="logico-custom-menu-widget">
|
||||
<li>
|
||||
<a href="#" target="_blank">Privacy Policy</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">Terms Service</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">Cookie Policy</a>
|
||||
</li>
|
||||
<!-- <li>
|
||||
<a href="#" target="_blank">Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">Team</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">Location</a>
|
||||
</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="elementor-element elementor-element-1349e00 e-grid e-con-full cut-corner-no sticky-container-off e-con e-child" data-id="1349e00" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-fd16f7e elementor-widget elementor-widget-text-editor" data-id="fd16f7e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>
|
||||
©<a href="#">Logico</a>
|
||||
2026. All rights reserved.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-7d9f352 elementor-widget elementor-widget-text-editor" data-id="7d9f352" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>
|
||||
Terms of use <a href="#">Privacy</a>
|
||||
Environmental Policy
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<div class="footer-scroll-top"></div>
|
||||
<script type='text/javascript'>
|
||||
(function () {
|
||||
var c = document.body.className;
|
||||
c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
|
||||
document.body.className = c;
|
||||
}
|
||||
)();
|
||||
</script>
|
||||
<link data-minify="1" rel='stylesheet' id='wc-blocks-style-css'
|
||||
href='https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/cache/min/1/themes/logico-rounded/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=1774060586'
|
||||
type='text/css' media='all' />
|
||||
<link rel='stylesheet' id='widget-divider-css'
|
||||
href='https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/plugins/elementor/assets/css/widget-divider.min.css?ver=3.35.7'
|
||||
type='text/css' media='all' />
|
||||
<script type="text/javascript"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.35.7"
|
||||
id="elementor-webpack-runtime-js"></script>
|
||||
<script type="text/javascript"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.35.7"
|
||||
id="elementor-frontend-modules-js"></script>
|
||||
<script type="text/javascript"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3"
|
||||
id="jquery-ui-core-js"></script>
|
||||
<script type="text/javascript" id="elementor-frontend-js-before">
|
||||
/* <![CDATA[ */
|
||||
var elementorFrontendConfig = {
|
||||
"environmentMode": {
|
||||
"edit": false,
|
||||
"wpPreview": false,
|
||||
"isScriptDebug": false
|
||||
},
|
||||
"i18n": {
|
||||
"shareOnFacebook": "Share on Facebook",
|
||||
"shareOnTwitter": "Share on Twitter",
|
||||
"pinIt": "Pin it",
|
||||
"download": "Download",
|
||||
"downloadImage": "Download image",
|
||||
"fullscreen": "Fullscreen",
|
||||
"zoom": "Zoom",
|
||||
"share": "Share",
|
||||
"playVideo": "Play Video",
|
||||
"previous": "Previous",
|
||||
"next": "Next",
|
||||
"close": "Close",
|
||||
"a11yCarouselPrevSlideMessage": "Previous slide",
|
||||
"a11yCarouselNextSlideMessage": "Next slide",
|
||||
"a11yCarouselFirstSlideMessage": "This is the first slide",
|
||||
"a11yCarouselLastSlideMessage": "This is the last slide",
|
||||
"a11yCarouselPaginationBulletMessage": "Go to slide"
|
||||
},
|
||||
"is_rtl": false,
|
||||
"breakpoints": {
|
||||
"xs": 0,
|
||||
"sm": 480,
|
||||
"md": 481,
|
||||
"lg": 841,
|
||||
"xl": 1440,
|
||||
"xxl": 1600
|
||||
},
|
||||
"responsive": {
|
||||
"breakpoints": {
|
||||
"mobile": {
|
||||
"label": "Mobile Portrait",
|
||||
"value": 480,
|
||||
"default_value": 767,
|
||||
"direction": "max",
|
||||
"is_enabled": true
|
||||
},
|
||||
"mobile_extra": {
|
||||
"label": "Mobile Landscape",
|
||||
"value": 660,
|
||||
"default_value": 880,
|
||||
"direction": "max",
|
||||
"is_enabled": true
|
||||
},
|
||||
"tablet": {
|
||||
"label": "Tablet Portrait",
|
||||
"value": 840,
|
||||
"default_value": 1024,
|
||||
"direction": "max",
|
||||
"is_enabled": true
|
||||
},
|
||||
"tablet_extra": {
|
||||
"label": "Tablet Landscape",
|
||||
"value": 1020,
|
||||
"default_value": 1200,
|
||||
"direction": "max",
|
||||
"is_enabled": true
|
||||
},
|
||||
"laptop": {
|
||||
"label": "Laptop",
|
||||
"value": 1200,
|
||||
"default_value": 1366,
|
||||
"direction": "max",
|
||||
"is_enabled": true
|
||||
},
|
||||
"widescreen": {
|
||||
"label": "Widescreen",
|
||||
"value": 2400,
|
||||
"default_value": 2400,
|
||||
"direction": "min",
|
||||
"is_enabled": false
|
||||
}
|
||||
},
|
||||
"hasCustomBreakpoints": true
|
||||
},
|
||||
"version": "3.35.7",
|
||||
"is_static": false,
|
||||
"experimentalFeatures": {
|
||||
"e_font_icon_svg": true,
|
||||
"additional_custom_breakpoints": true,
|
||||
"container": true,
|
||||
"nested-elements": true,
|
||||
"home_screen": true,
|
||||
"global_classes_should_enforce_capabilities": true,
|
||||
"e_variables": true,
|
||||
"cloud-library": true,
|
||||
"e_opt_in_v4_page": true,
|
||||
"e_components": true,
|
||||
"e_interactions": true,
|
||||
"e_editor_one": true,
|
||||
"import-export-customization": true
|
||||
},
|
||||
"urls": {
|
||||
"assets": "https:\/\/demo.artureanec.com\/themes\/logico-rounded\/wp-content\/plugins\/elementor\/assets\/",
|
||||
"ajaxurl": "https:\/\/demo.artureanec.com\/themes\/logico-rounded\/wp-admin\/admin-ajax.php",
|
||||
"uploadUrl": "https:\/\/demo.artureanec.com\/themes\/logico-rounded\/wp-content\/uploads"
|
||||
},
|
||||
"nonces": {
|
||||
"floatingButtonsClickTracking": "c4a58e1ae6"
|
||||
},
|
||||
"swiperClass": "swiper",
|
||||
"settings": {
|
||||
"page": [],
|
||||
"editorPreferences": []
|
||||
},
|
||||
"kit": {
|
||||
"active_breakpoints": ["viewport_mobile", "viewport_mobile_extra", "viewport_tablet", "viewport_tablet_extra", "viewport_laptop"],
|
||||
"viewport_mobile": 480,
|
||||
"viewport_mobile_extra": 660,
|
||||
"viewport_tablet": 840,
|
||||
"viewport_tablet_extra": 1020,
|
||||
"viewport_laptop": 1200,
|
||||
"lightbox_enable_counter": "yes",
|
||||
"lightbox_enable_fullscreen": "yes",
|
||||
"lightbox_enable_zoom": "yes",
|
||||
"lightbox_enable_share": "yes",
|
||||
"lightbox_title_src": "title",
|
||||
"lightbox_description_src": "description"
|
||||
},
|
||||
"post": {
|
||||
"id": 59,
|
||||
"title": "Logico",
|
||||
"excerpt": "",
|
||||
"featuredImage": false
|
||||
}
|
||||
};
|
||||
//# sourceURL=elementor-frontend-js-before
|
||||
/* ]]> */
|
||||
</script>
|
||||
<script type="text/javascript"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.35.7"
|
||||
id="elementor-frontend-js"></script>
|
||||
<script type="text/javascript"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/plugins/elementor/assets/lib/jquery-numerator/jquery-numerator.min.js?ver=0.2.1"
|
||||
id="jquery-numerator-js"></script>
|
||||
<script type="text/javascript" id="mediaelement-core-js-before">
|
||||
/* <![CDATA[ */
|
||||
var mejsL10n = {
|
||||
"language": "en",
|
||||
"strings": {
|
||||
"mejs.download-file": "Download File",
|
||||
"mejs.install-flash": "You are using a browser that does not have Flash player enabled or installed. Please turn on your Flash player plugin or download the latest version from https://get.adobe.com/flashplayer/",
|
||||
"mejs.fullscreen": "Fullscreen",
|
||||
"mejs.play": "Play",
|
||||
"mejs.pause": "Pause",
|
||||
"mejs.time-slider": "Time Slider",
|
||||
"mejs.time-help-text": "Use Left/Right Arrow keys to advance one second, Up/Down arrows to advance ten seconds.",
|
||||
"mejs.live-broadcast": "Live Broadcast",
|
||||
"mejs.volume-help-text": "Use Up/Down Arrow keys to increase or decrease volume.",
|
||||
"mejs.unmute": "Unmute",
|
||||
"mejs.mute": "Mute",
|
||||
"mejs.volume-slider": "Volume Slider",
|
||||
"mejs.video-player": "Video Player",
|
||||
"mejs.audio-player": "Audio Player",
|
||||
"mejs.captions-subtitles": "Captions/Subtitles",
|
||||
"mejs.captions-chapters": "Chapters",
|
||||
"mejs.none": "None",
|
||||
"mejs.afrikaans": "Afrikaans",
|
||||
"mejs.albanian": "Albanian",
|
||||
"mejs.arabic": "Arabic",
|
||||
"mejs.belarusian": "Belarusian",
|
||||
"mejs.bulgarian": "Bulgarian",
|
||||
"mejs.catalan": "Catalan",
|
||||
"mejs.chinese": "Chinese",
|
||||
"mejs.chinese-simplified": "Chinese (Simplified)",
|
||||
"mejs.chinese-traditional": "Chinese (Traditional)",
|
||||
"mejs.croatian": "Croatian",
|
||||
"mejs.czech": "Czech",
|
||||
"mejs.danish": "Danish",
|
||||
"mejs.dutch": "Dutch",
|
||||
"mejs.english": "English",
|
||||
"mejs.estonian": "Estonian",
|
||||
"mejs.filipino": "Filipino",
|
||||
"mejs.finnish": "Finnish",
|
||||
"mejs.french": "French",
|
||||
"mejs.galician": "Galician",
|
||||
"mejs.german": "German",
|
||||
"mejs.greek": "Greek",
|
||||
"mejs.haitian-creole": "Haitian Creole",
|
||||
"mejs.hebrew": "Hebrew",
|
||||
"mejs.hindi": "Hindi",
|
||||
"mejs.hungarian": "Hungarian",
|
||||
"mejs.icelandic": "Icelandic",
|
||||
"mejs.indonesian": "Indonesian",
|
||||
"mejs.irish": "Irish",
|
||||
"mejs.italian": "Italian",
|
||||
"mejs.japanese": "Japanese",
|
||||
"mejs.korean": "Korean",
|
||||
"mejs.latvian": "Latvian",
|
||||
"mejs.lithuanian": "Lithuanian",
|
||||
"mejs.macedonian": "Macedonian",
|
||||
"mejs.malay": "Malay",
|
||||
"mejs.maltese": "Maltese",
|
||||
"mejs.norwegian": "Norwegian",
|
||||
"mejs.persian": "Persian",
|
||||
"mejs.polish": "Polish",
|
||||
"mejs.portuguese": "Portuguese",
|
||||
"mejs.romanian": "Romanian",
|
||||
"mejs.russian": "Russian",
|
||||
"mejs.serbian": "Serbian",
|
||||
"mejs.slovak": "Slovak",
|
||||
"mejs.slovenian": "Slovenian",
|
||||
"mejs.spanish": "Spanish",
|
||||
"mejs.swahili": "Swahili",
|
||||
"mejs.swedish": "Swedish",
|
||||
"mejs.tagalog": "Tagalog",
|
||||
"mejs.thai": "Thai",
|
||||
"mejs.turkish": "Turkish",
|
||||
"mejs.ukrainian": "Ukrainian",
|
||||
"mejs.vietnamese": "Vietnamese",
|
||||
"mejs.welsh": "Welsh",
|
||||
"mejs.yiddish": "Yiddish"
|
||||
}
|
||||
};
|
||||
//# sourceURL=mediaelement-core-js-before
|
||||
/* ]]> */
|
||||
</script>
|
||||
<script type="text/javascript"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.17"
|
||||
id="mediaelement-core-js"></script>
|
||||
<script type="text/javascript"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=6.9.4"
|
||||
id="mediaelement-migrate-js"></script>
|
||||
<script type="text/javascript" id="mediaelement-js-extra">
|
||||
/* <![CDATA[ */
|
||||
var _wpmejsSettings = {
|
||||
"pluginPath": "/themes/logico-rounded/wp-includes/js/mediaelement/",
|
||||
"classPrefix": "mejs-",
|
||||
"stretching": "responsive",
|
||||
"audioShortcodeLibrary": "mediaelement",
|
||||
"videoShortcodeLibrary": "mediaelement"
|
||||
};
|
||||
//# sourceURL=mediaelement-js-extra
|
||||
/* ]]> */
|
||||
</script>
|
||||
<script type="text/javascript"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-includes/js/mediaelement/wp-mediaelement.min.js?ver=6.9.4"
|
||||
id="wp-mediaelement-js"></script>
|
||||
<script type="text/javascript"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-includes/js/mediaelement/renderers/vimeo.min.js?ver=4.2.17"
|
||||
id="mediaelement-vimeo-js"></script>
|
||||
<script type="text/javascript"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/plugins/logico-plugin/inc/js/lib/slick.min.js?ver=6.9.4"
|
||||
id="slick-slider-js"></script>
|
||||
<script type="text/javascript"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/plugins/woocommerce/assets/js/jquery-cookie/jquery.cookie.min.js?ver=1.4.1-wc.10.6.1"
|
||||
id="wc-jquery-cookie-js" data-wp-strategy="defer"></script>
|
||||
<script data-minify="1" type="text/javascript"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/cache/min/1/themes/logico-rounded/wp-content/themes/logico/js/woo.js?ver=1774060586"
|
||||
id="logico-woocommerce-scripts-js"></script>
|
||||
<script type="text/javascript"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=10.6.1"
|
||||
id="sourcebuster-js-js"></script>
|
||||
<script type="text/javascript" id="wc-order-attribution-js-extra">
|
||||
/* <![CDATA[ */
|
||||
var wc_order_attribution = {
|
||||
"params": {
|
||||
"lifetime": 1.0000000000000000818030539140313095458623138256371021270751953125e-5,
|
||||
"session": 30,
|
||||
"base64": false,
|
||||
"ajaxurl": "https://demo.artureanec.com/themes/logico-rounded/wp-admin/admin-ajax.php",
|
||||
"prefix": "wc_order_attribution_",
|
||||
"allowTracking": true
|
||||
},
|
||||
"fields": {
|
||||
"source_type": "current.typ",
|
||||
"referrer": "current_add.rf",
|
||||
"utm_campaign": "current.cmp",
|
||||
"utm_source": "current.src",
|
||||
"utm_medium": "current.mdm",
|
||||
"utm_content": "current.cnt",
|
||||
"utm_id": "current.id",
|
||||
"utm_term": "current.trm",
|
||||
"utm_source_platform": "current.plt",
|
||||
"utm_creative_format": "current.fmt",
|
||||
"utm_marketing_tactic": "current.tct",
|
||||
"session_entry": "current_add.ep",
|
||||
"session_start_time": "current_add.fd",
|
||||
"session_pages": "session.pgs",
|
||||
"session_count": "udata.vst",
|
||||
"user_agent": "udata.uag"
|
||||
}
|
||||
};
|
||||
//# sourceURL=wc-order-attribution-js-extra
|
||||
/* ]]> */
|
||||
</script>
|
||||
<script type="text/javascript"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=10.6.1"
|
||||
id="wc-order-attribution-js"></script>
|
||||
<script type="text/javascript"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/plugins/wpforms-lite/assets/lib/jquery.validate.min.js?ver=1.21.0"
|
||||
id="wpforms-validation-js"></script>
|
||||
<script type="text/javascript"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/plugins/wpforms-lite/assets/lib/jquery.inputmask.min.js?ver=5.0.9"
|
||||
id="wpforms-maskedinput-js"></script>
|
||||
<script type="text/javascript"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/plugins/wpforms-lite/assets/lib/mailcheck.min.js?ver=1.1.2"
|
||||
id="wpforms-mailcheck-js"></script>
|
||||
<script type="text/javascript"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/plugins/wpforms-lite/assets/lib/punycode.min.js?ver=1.0.0"
|
||||
id="wpforms-punycode-js"></script>
|
||||
<script type="text/javascript"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/plugins/wpforms-lite/assets/js/share/utils.min.js?ver=1.10.0.1"
|
||||
id="wpforms-generic-utils-js"></script>
|
||||
<script type="text/javascript"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/plugins/wpforms-lite/assets/js/frontend/wpforms.min.js?ver=1.10.0.1"
|
||||
id="wpforms-js"></script>
|
||||
<script type="text/javascript"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/plugins/wpforms-lite/assets/js/frontend/wpforms-modern.min.js?ver=1.10.0.1"
|
||||
id="wpforms-modern-js"></script>
|
||||
<script type="text/javascript"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/plugins/wpforms-lite/assets/js/frontend/fields/address.min.js?ver=1.10.0.1"
|
||||
id="wpforms-address-field-js"></script>
|
||||
<script type='text/javascript'>
|
||||
/* <![CDATA[ */
|
||||
var wpforms_settings = {
|
||||
"val_required": "This field is required.",
|
||||
"val_email": "Please enter a valid email address.",
|
||||
"val_email_suggestion": "Did you mean {suggestion}?",
|
||||
"val_email_suggestion_title": "Click to accept this suggestion.",
|
||||
"val_email_restricted": "This email address is not allowed.",
|
||||
"val_number": "Please enter a valid number.",
|
||||
"val_number_positive": "Please enter a valid positive number.",
|
||||
"val_minimum_price": "Amount entered is less than the required minimum.",
|
||||
"val_confirm": "Field values do not match.",
|
||||
"val_checklimit": "You have exceeded the number of allowed selections: {#}.",
|
||||
"val_limit_characters": "Limit is {limit} characters. Characters remaining: {remaining}.",
|
||||
"val_limit_words": "Limit is {limit} words. Words remaining: {remaining}.",
|
||||
"val_min": "Please enter a value greater than or equal to {0}.",
|
||||
"val_max": "Please enter a value less than or equal to {0}.",
|
||||
"val_recaptcha_fail_msg": "Google reCAPTCHA verification failed, please try again later.",
|
||||
"val_turnstile_fail_msg": "Cloudflare Turnstile verification failed, please try again later.",
|
||||
"val_inputmask_incomplete": "Please fill out the field in required format.",
|
||||
"uuid_cookie": "",
|
||||
"locale": "en",
|
||||
"country": "",
|
||||
"country_list_label": "Country list",
|
||||
"wpforms_plugin_url": "https:\/\/demo.artureanec.com\/themes\/logico-rounded\/wp-content\/plugins\/wpforms-lite\/",
|
||||
"gdpr": "",
|
||||
"ajaxurl": "https:\/\/demo.artureanec.com\/themes\/logico-rounded\/wp-admin\/admin-ajax.php",
|
||||
"mailcheck_enabled": "1",
|
||||
"mailcheck_domains": [],
|
||||
"mailcheck_toplevel_domains": ["dev"],
|
||||
"is_ssl": "1",
|
||||
"currency_code": "USD",
|
||||
"currency_thousands": ",",
|
||||
"currency_decimals": "2",
|
||||
"currency_decimal": ".",
|
||||
"currency_symbol": "$",
|
||||
"currency_symbol_pos": "left",
|
||||
"val_requiredpayment": "Payment is required.",
|
||||
"val_creditcard": "Please enter a valid credit card number.",
|
||||
"css_vars": ["field-border-radius", "field-border-style", "field-border-size", "field-background-color", "field-border-color", "field-text-color", "field-menu-color", "label-color", "label-sublabel-color", "label-error-color", "button-border-radius", "button-border-style", "button-border-size", "button-background-color", "button-border-color", "button-text-color", "page-break-color", "background-image", "background-position", "background-repeat", "background-size", "background-width", "background-height", "background-color", "background-url", "container-padding", "container-border-style", "container-border-width", "container-border-color", "container-border-radius", "field-size-input-height", "field-size-input-spacing", "field-size-font-size", "field-size-line-height", "field-size-padding-h", "field-size-checkbox-size", "field-size-sublabel-spacing", "field-size-icon-size", "label-size-font-size", "label-size-line-height", "label-size-sublabel-font-size", "label-size-sublabel-line-height", "button-size-font-size", "button-size-height", "button-size-padding-h", "button-size-margin-top", "container-shadow-size-box-shadow"],
|
||||
"isModernMarkupEnabled": "1",
|
||||
"formErrorMessagePrefix": "Form error message",
|
||||
"errorMessagePrefix": "Error message",
|
||||
"submitBtnDisabled": "Submit button is disabled during form submission.",
|
||||
"readOnlyDisallowedFields": ["captcha", "map", "content", "divider", "hidden", "html", "entry-preview", "pagebreak", "payment-total"],
|
||||
"error_updating_token": "Error updating token. Please try again or contact support if the issue persists.",
|
||||
"network_error": "Network error or server is unreachable. Check your connection or try again later.",
|
||||
"token_cache_lifetime": "86400",
|
||||
"hn_data": {
|
||||
"5719": 1,
|
||||
"4533": 2,
|
||||
"369": 5
|
||||
},
|
||||
"address_field": {
|
||||
"list_countries_without_states": ["GB", "DE", "CH", "NL"]
|
||||
}
|
||||
}
|
||||
/* ]]> */
|
||||
</script>
|
||||
<script>
|
||||
window.lazyLoadOptions = {
|
||||
elements_selector: "iframe[data-lazy-src]",
|
||||
data_src: "lazy-src",
|
||||
data_srcset: "lazy-srcset",
|
||||
data_sizes: "lazy-sizes",
|
||||
class_loading: "lazyloading",
|
||||
class_loaded: "lazyloaded",
|
||||
threshold: 300,
|
||||
callback_loaded: function (element) {
|
||||
if (element.tagName === "IFRAME" && element.dataset.rocketLazyload == "fitvidscompatible") {
|
||||
if (element.classList.contains("lazyloaded")) {
|
||||
if (typeof window.jQuery != "undefined") {
|
||||
if (jQuery.fn.fitVids) {
|
||||
jQuery(element).parent().fitVids()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
window.addEventListener('LazyLoad::Initialized', function (e) {
|
||||
var lazyLoadInstance = e.detail.instance;
|
||||
if (window.MutationObserver) {
|
||||
var observer = new MutationObserver(function (mutations) {
|
||||
var image_count = 0;
|
||||
var iframe_count = 0;
|
||||
var rocketlazy_count = 0;
|
||||
mutations.forEach(function (mutation) {
|
||||
for (var i = 0; i < mutation.addedNodes.length; i++) {
|
||||
if (typeof mutation.addedNodes[i].getElementsByTagName !== 'function') {
|
||||
continue
|
||||
}
|
||||
if (typeof mutation.addedNodes[i].getElementsByClassName !== 'function') {
|
||||
continue
|
||||
}
|
||||
images = mutation.addedNodes[i].getElementsByTagName('img');
|
||||
is_image = mutation.addedNodes[i].tagName == "IMG";
|
||||
iframes = mutation.addedNodes[i].getElementsByTagName('iframe');
|
||||
is_iframe = mutation.addedNodes[i].tagName == "IFRAME";
|
||||
rocket_lazy = mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');
|
||||
image_count += images.length;
|
||||
iframe_count += iframes.length;
|
||||
rocketlazy_count += rocket_lazy.length;
|
||||
if (is_image) {
|
||||
image_count += 1
|
||||
}
|
||||
if (is_iframe) {
|
||||
iframe_count += 1
|
||||
}
|
||||
}
|
||||
});
|
||||
if (image_count > 0 || iframe_count > 0 || rocketlazy_count > 0) {
|
||||
lazyLoadInstance.update()
|
||||
}
|
||||
}
|
||||
);
|
||||
var b = document.getElementsByTagName("body")[0];
|
||||
var config = {
|
||||
childList: !0,
|
||||
subtree: !0
|
||||
};
|
||||
observer.observe(b, config)
|
||||
}
|
||||
}, !1)
|
||||
</script>
|
||||
<script data-no-minify="1" async
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script>
|
||||
|
||||
46702
includes/layout/head.php
Normal file
46702
includes/layout/head.php
Normal file
File diff suppressed because it is too large
Load Diff
667
includes/layout/header.php
Normal file
667
includes/layout/header.php
Normal file
@@ -0,0 +1,667 @@
|
||||
<?php
|
||||
// Header - included at the top of every page
|
||||
?>
|
||||
|
||||
<div class="body-overlay"></div>
|
||||
<!-- Page Pre Loader -->
|
||||
<div class="page-loader-container">
|
||||
<div class="page-loader">
|
||||
<div class="page-loader-inner">
|
||||
<img width="152" height="116" src="assets/images/preloader.png" alt="Page Loader Image" class="page-loader-logo" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="body-container">
|
||||
<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 = 'header-hide-until-scroll';
|
||||
$header_style = $is_home ? 'opacity: 0; visibility: hidden;' : '';
|
||||
if (!isset($current_page) || $current_page === '') {
|
||||
$current_file = basename($_SERVER['PHP_SELF']);
|
||||
$current_page_map = [
|
||||
'index.php' => 'home',
|
||||
'home2.php' => 'home',
|
||||
'how-it-works.php' => 'how-it-works',
|
||||
'how-it-works-redesigned.php' => 'how-it-works',
|
||||
'miletruth.php' => 'miletruth',
|
||||
'solutions.php' => 'solutions',
|
||||
'about-us.php' => 'about',
|
||||
'women-entrepreneurship.php' => 'women',
|
||||
'blogs.php' => 'blogs',
|
||||
];
|
||||
$current_page = $current_page_map[$current_file] ?? '';
|
||||
}
|
||||
$current_page_aliases = [
|
||||
'home' => ['home'],
|
||||
'how-it-works' => ['how-it-works', 'how-its-works'],
|
||||
'miletruth' => ['miletruth'],
|
||||
'solutions' => ['solutions'],
|
||||
'about' => ['about', 'about-us', 'women'],
|
||||
'blogs' => ['blogs'],
|
||||
];
|
||||
$dm_header_active = static function ($key) use ($current_page, $current_page_aliases) {
|
||||
return in_array($current_page, $current_page_aliases[$key] ?? [], true) ? ' active' : '';
|
||||
};
|
||||
?>
|
||||
<p class="main-title bhf-hidden" itemprop="headline"><a href="/logistic/index.php" title="Doormile"
|
||||
rel="home">Doormile</a></p>
|
||||
<div data-elementor-type="wp-post" data-elementor-id="5180" class="elementor elementor-5180">
|
||||
<div class="elementor-element elementor-element-466de1b e-con-full sticky-container-on e-flex cut-corner-no e-con e-parent <?php echo $header_class; ?>"
|
||||
data-id="466de1b" data-element_type="container"
|
||||
data-settings="{"position":"absolute"}"
|
||||
style="<?php echo $header_style; ?>">
|
||||
<div class="elementor-element elementor-element-e052838 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="e052838" data-element_type="container">
|
||||
<div class="elementor-element elementor-element-d681ece e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="d681ece" data-element_type="container">
|
||||
<div class="elementor-element elementor-element-472172e e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="472172e" data-element_type="container">
|
||||
<div class="elementor-element elementor-element-2f31137 elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile elementor-widget elementor-widget-logico_slide_sidebar"
|
||||
data-id="2f31137" data-element_type="widget"
|
||||
data-widget_type="logico_slide_sidebar.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-slide-sidebar-widget">
|
||||
<div class="dropdown-trigger" data-id="2f31137"><span
|
||||
class="dropdown-trigger-icon"></span></div>
|
||||
</div>
|
||||
<div style="z-index: 100000;" class="slide-sidebar-wrapper slide-sidebar-position-left"
|
||||
id="side-panel-2f31137">
|
||||
<div class="slide-sidebar-close"></div>
|
||||
<div class="slide-sidebar">
|
||||
<div class="slide-sidebar-content">
|
||||
<div id="block-37" class="widget widget_block">
|
||||
<div class="widget-wrapper">
|
||||
<div
|
||||
class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
|
||||
<figure class="wp-block-image size-full is-resized"><img
|
||||
decoding="async" width="305" height="58"
|
||||
src="assets/images/doormile-logo.png" alt=""
|
||||
class="wp-image-5851" style="width:150px"
|
||||
srcset="assets/images/doormile-logo.png 305w,assets/images/doormile-logo-300x58.png 300w"
|
||||
sizes="(max-width: 305px) 100vw, 305px" />
|
||||
</figure>
|
||||
|
||||
|
||||
|
||||
<div style="height:46px" aria-hidden="true"
|
||||
class="wp-block-spacer"></div>
|
||||
|
||||
|
||||
<div class="wp-block-title">
|
||||
<h6 class="wp-block-heading has-text-font-font-family"
|
||||
style="font-size:18px;font-style:normal;font-weight:700;letter-spacing:0px;text-transform:none">
|
||||
Our Location</h6>
|
||||
</div>
|
||||
|
||||
|
||||
<p>5th Floor, Vision Ultima, Street No.3, Jayabheri Enclave, Gachibowli, Hyderabad, Telangana 500032.</p>
|
||||
|
||||
|
||||
|
||||
<div style="height:3px" aria-hidden="true"
|
||||
class="wp-block-spacer"></div>
|
||||
|
||||
|
||||
<div class="wp-block-title">
|
||||
<h6 class="wp-block-heading has-text-font-font-family"
|
||||
style="font-size:18px;font-style:normal;font-weight:700;letter-spacing:0px;text-transform:none">
|
||||
Contact Us</h6>
|
||||
</div>
|
||||
|
||||
|
||||
<p>Tel : +91 86886 97941
|
||||
<!-- <br>+ (123) 1800-234-567</p> -->
|
||||
|
||||
|
||||
|
||||
<div style="height:3px" aria-hidden="true"
|
||||
class="wp-block-spacer"></div>
|
||||
|
||||
|
||||
<div class="wp-block-title">
|
||||
<h6 class="wp-block-heading has-text-font-font-family"
|
||||
style="font-size:18px;font-style:normal;font-weight:700;letter-spacing:0px;text-transform:none">
|
||||
Email</h6>
|
||||
</div>
|
||||
|
||||
|
||||
<p><a
|
||||
href="/cdn-cgi/l/email-protection#620e0d050b010d220f030b0e4c010d"><span
|
||||
class="__cf_email__"
|
||||
data-cfemail="aac6c5cdc3c9c5eac7cbc3c684c9c5">doormile.compliance@gmail.com</span></a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<div style="height:3px" aria-hidden="true"
|
||||
class="wp-block-spacer"></div>
|
||||
|
||||
|
||||
<!-- <div class="wp-block-title">
|
||||
<h6 class="wp-block-heading has-text-font-font-family"
|
||||
style="font-size:18px;font-style:normal;font-weight:700;letter-spacing:0px;text-transform:none">
|
||||
Social network</h6>
|
||||
</div> -->
|
||||
|
||||
|
||||
<ul class="wp-block-social-links has-icon-color is-style-logos-only has-background is-layout-flex wp-block-social-links-is-layout-flex"
|
||||
style="background-color:#1f1f1f">
|
||||
<li style="color:#ffffff;"
|
||||
class="wp-social-link wp-social-link-facebook has-white-color wp-block-social-link">
|
||||
<a rel="noopener nofollow" target="_blank"
|
||||
href="https://www.facebook.com/"
|
||||
class="wp-block-social-link-anchor"><svg
|
||||
width="24" height="24"
|
||||
viewBox="0 0 24 24" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
aria-hidden="true" focusable="false">
|
||||
<path
|
||||
d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z">
|
||||
</path>
|
||||
</svg><span
|
||||
class="wp-block-social-link-label screen-reader-text">Facebook</span></a>
|
||||
</li>
|
||||
|
||||
<li style="color:#ffffff;"
|
||||
class="wp-social-link wp-social-link-x has-white-color wp-block-social-link">
|
||||
<a rel="noopener nofollow" target="_blank"
|
||||
href="https://x.com/"
|
||||
class="wp-block-social-link-anchor"><svg
|
||||
width="24" height="24"
|
||||
viewBox="0 0 24 24" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
aria-hidden="true" focusable="false">
|
||||
<path
|
||||
d="M13.982 10.622 20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378Zm-2.128 2.474-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787Z" />
|
||||
</svg><span
|
||||
class="wp-block-social-link-label screen-reader-text">X</span></a>
|
||||
</li>
|
||||
|
||||
<li style="color:#ffffff;"
|
||||
class="wp-social-link wp-social-link-linkedin has-white-color wp-block-social-link">
|
||||
<a rel="noopener nofollow" target="_blank"
|
||||
href="https://www.linkedin.com/"
|
||||
class="wp-block-social-link-anchor"><svg
|
||||
width="24" height="24"
|
||||
viewBox="0 0 24 24" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
aria-hidden="true" focusable="false">
|
||||
<path
|
||||
d="M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z">
|
||||
</path>
|
||||
</svg><span
|
||||
class="wp-block-social-link-label screen-reader-text">LinkedIn</span></a>
|
||||
</li>
|
||||
|
||||
<li style="color:#ffffff;"
|
||||
class="wp-social-link wp-social-link-youtube has-white-color wp-block-social-link">
|
||||
<a rel="noopener nofollow" target="_blank"
|
||||
href="https://www.youtube.com/"
|
||||
class="wp-block-social-link-anchor"><svg
|
||||
width="24" height="24"
|
||||
viewBox="0 0 24 24" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
aria-hidden="true" focusable="false">
|
||||
<path
|
||||
d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z">
|
||||
</path>
|
||||
</svg><span
|
||||
class="wp-block-social-link-label screen-reader-text">YouTube</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<div style="height:137px" aria-hidden="true"
|
||||
class="wp-block-spacer"></div>
|
||||
|
||||
|
||||
|
||||
<div
|
||||
class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
|
||||
<div
|
||||
class="wp-block-button is-style-simple is-style-theme">
|
||||
<a class="wp-block-button__link wp-element-button"
|
||||
href=""
|
||||
style="border-radius:10px">Get in touch</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-846e53d elementor-widget elementor-widget-site-logo"
|
||||
data-id="846e53d" data-element_type="widget"
|
||||
data-settings="{"align":"left","width":{"unit":"px","size":153,"sizes":[]},"width_tablet":{"unit":"px","size":"","sizes":[]},"width_mobile":{"unit":"px","size":"","sizes":[]},"align_laptop":"left","width_laptop":{"unit":"px","size":"","sizes":[]},"width_tablet_extra":{"unit":"px","size":"","sizes":[]},"width_mobile_extra":{"unit":"px","size":"","sizes":[]},"space":{"unit":"%","size":"","sizes":[]},"space_laptop":{"unit":"px","size":"","sizes":[]},"space_tablet_extra":{"unit":"px","size":"","sizes":[]},"space_tablet":{"unit":"%","size":"","sizes":[]},"space_mobile_extra":{"unit":"px","size":"","sizes":[]},"space_mobile":{"unit":"%","size":"","sizes":[]},"image_border_radius":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"image_border_radius_laptop":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"image_border_radius_tablet_extra":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"image_border_radius_tablet":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"image_border_radius_mobile_extra":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"image_border_radius_mobile":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"caption_padding":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"caption_padding_laptop":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"caption_padding_tablet_extra":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"caption_padding_tablet":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"caption_padding_mobile_extra":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"caption_padding_mobile":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"caption_space":{"unit":"px","size":0,"sizes":[]},"caption_space_laptop":{"unit":"px","size":"","sizes":[]},"caption_space_tablet_extra":{"unit":"px","size":"","sizes":[]},"caption_space_tablet":{"unit":"px","size":"","sizes":[]},"caption_space_mobile_extra":{"unit":"px","size":"","sizes":[]},"caption_space_mobile":{"unit":"px","size":"","sizes":[]}}"
|
||||
data-widget_type="site-logo.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="hfe-site-logo">
|
||||
<a data-elementor-open-lightbox="" class='elementor-clickable'
|
||||
href="index.php">
|
||||
<div class="hfe-site-logo-set">
|
||||
<div class="hfe-site-logo-container">
|
||||
<img width="400" height="76"
|
||||
class="hfe-site-logo-img logo-desktop elementor-animation-"
|
||||
src="<?php echo isset($logo_src) ? $logo_src : 'assets/images/doormile-white.png'; ?>"
|
||||
alt="doormile-logo" />
|
||||
<img width="400" height="76"
|
||||
class="hfe-site-logo-img logo-mobile elementor-animation-"
|
||||
src="assets/images/doormile-black.png"
|
||||
alt="doormile-logo" />
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-e44ee7e e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="e44ee7e" data-element_type="container">
|
||||
<div class="elementor-element elementor-element-0b7bf6f logico-breakpoint-laptop elementor-widget__width-auto elementor-widget elementor-widget-logico_navigation_menu"
|
||||
data-id="0b7bf6f" data-element_type="widget"
|
||||
data-widget_type="logico_navigation_menu.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="header-menu-container">
|
||||
<nav>
|
||||
<ul id="menu-main-menu" class="main-menu">
|
||||
<li id="menu-item-10508" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10508<?php echo $dm_header_active('home'); ?>">
|
||||
<a href="index.php">Home</a>
|
||||
<!-- <ul class="sub-menu">
|
||||
<li id="menu-item-10528" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-10528"><a href="https://demo.artureanec.com/themes/logico-rounded/">Transportation</a></li>
|
||||
<li id="menu-item-10531" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-61 current_page_item menu-item-10531"><a href="https://demo.artureanec.com/themes/logico-rounded/home-2/" aria-current="page">Logistic</a></li>
|
||||
<li id="menu-item-10532" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10532"><a href="https://demo.artureanec.com/themes/logico-rounded/home-3/">Ship Freight</a></li>
|
||||
<li id="menu-item-10529" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10529"><a href="https://demo.artureanec.com/themes/logico-rounded/home-4/">Air Freight</a></li>
|
||||
<li id="menu-item-10533" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10533"><a href="https://demo.artureanec.com/themes/logico-rounded/home-5/">Railway Freight</a></li>
|
||||
<li id="menu-item-10534" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10534"><a href="https://demo.artureanec.com/themes/logico-rounded/home-6/">Truck Freight</a></li>
|
||||
<li id="menu-item-10530" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10530"><a href="https://demo.artureanec.com/themes/logico-rounded/intro/">Intro</a></li>
|
||||
<li id="menu-item-10523" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10523"><a href="https://demo.artureanec.com/themes/logico/intro/">Angular Version</a></li>
|
||||
</ul> -->
|
||||
</li>
|
||||
<li id="menu-item-10509" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10509<?php echo $dm_header_active('how-it-works'); ?>">
|
||||
<a href="how-it-works.php">How It Works</a>
|
||||
<!-- <ul class="sub-menu"> -->
|
||||
<!-- <li id="menu-item-10536" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10536"><a href="about-us.php">About Us</a></li>
|
||||
<li id="menu-item-10513" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-10513"><a href="#">Team</a>
|
||||
<ul class="sub-menu">
|
||||
<li id="menu-item-10544" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10544"><a href="https://demo.artureanec.com/themes/logico-rounded/team-page/">Our Team</a></li>
|
||||
<li id="menu-item-10545" class="menu-item menu-item-type-post_type menu-item-object-team menu-item-10545"><a href="https://demo.artureanec.com/themes/logico-rounded/team/samuel-peterson/">Single Team</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li id="menu-item-10514" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-10514"><a href="#">Career</a>
|
||||
<ul class="sub-menu">
|
||||
<li id="menu-item-10546" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10546"><a href="https://demo.artureanec.com/themes/logico-rounded/career-page/">Career</a></li>
|
||||
<li id="menu-item-10547" class="menu-item menu-item-type-post_type menu-item-object-vacancy menu-item-10547"><a href="https://demo.artureanec.com/themes/logico-rounded/careers/cdl-a-truck-driver-2/">Single Vacancy</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li id="menu-item-10515" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-10515"><a href="#">Galleries</a>
|
||||
<ul class="sub-menu">
|
||||
<li id="menu-item-10548" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10548"><a href="https://demo.artureanec.com/themes/logico-rounded/gallery-grid/">Gallery Grid</a></li>
|
||||
<li id="menu-item-10549" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10549"><a href="https://demo.artureanec.com/themes/logico-rounded/gallery-masonry/">Gallery Masonry</a></li>
|
||||
<li id="menu-item-10550" class="menu-item menu-item-type-post_type menu-item-object-portfolio menu-item-10550"><a href="https://demo.artureanec.com/themes/logico-rounded/portfolio/cargo-delivery-by-sea/">Single Gallery</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li id="menu-item-10538" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10538"><a href="https://demo.artureanec.com/themes/logico-rounded/our-garage/">Our Garage</a></li>
|
||||
<li id="menu-item-10540" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10540"><a href="https://demo.artureanec.com/themes/logico-rounded/request-quote/">Request Quote</a></li>
|
||||
<li id="menu-item-10537" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10537"><a href="https://demo.artureanec.com/themes/logico-rounded/calculator/">Calculator</a></li>
|
||||
<li id="menu-item-10541" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10541"><a href="https://demo.artureanec.com/themes/logico-rounded/certifications-and-documents/">Certifications</a></li>
|
||||
<li id="menu-item-10539" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10539"><a href="https://demo.artureanec.com/themes/logico-rounded/pricing-plans/">Pricing Plans</a></li>
|
||||
<li id="menu-item-10542" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10542"><a href="https://demo.artureanec.com/themes/logico-rounded/faq/">FAQ</a></li>
|
||||
<li id="menu-item-10543" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10543"><a href="https://demo.artureanec.com/themes/logico-rounded/typography/">Typography</a></li>
|
||||
<li id="menu-item-10516" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10516"><a href="https://demo.artureanec.com/themes/logico-rounded/404/">Page 404</a></li> -->
|
||||
<!-- </ul> -->
|
||||
</li>
|
||||
<li id="menu-item-10510" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10510<?php echo $dm_header_active('miletruth'); ?>">
|
||||
<a href="miletruth.php">MileTruth™
|
||||
AI</a>
|
||||
<!-- <ul class="sub-menu"> -->
|
||||
|
||||
<!-- <li id="menu-item-10551" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10551"><a href="solutions.php">Services</a></li>
|
||||
<li id="menu-item-10552" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10552"><a href="solutions.php">Single Service</a></li> -->
|
||||
<!-- </ul> -->
|
||||
</li>
|
||||
<li id="menu-item-10511" class="menu-item menu-item-type-custom menu-item-10511<?php echo $dm_header_active('solutions'); ?>">
|
||||
<a href="solutions.php">Solutions</a>
|
||||
<!-- <ul class="sub-menu">
|
||||
<li
|
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10556">
|
||||
<a href="includes/use-cases.php">Use Cases</a>
|
||||
</li>
|
||||
<li
|
||||
class="menu-item menu-item-type-post_type menu-item-object-product menu-item-10557">
|
||||
<a href="">Connected Logistics</a>
|
||||
</li>
|
||||
<li id="menu-item-10553" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10553"><a href="https://demo.artureanec.com/themes/logico-rounded/cart/">Cart</a></li>
|
||||
<li id="menu-item-10554" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10554"><a href="https://demo.artureanec.com/themes/logico-rounded/checkout/">Checkout</a></li>
|
||||
<li id="menu-item-10555" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10555"><a href="https://demo.artureanec.com/themes/logico-rounded/my-account/">My account</a></li>
|
||||
</ul> -->
|
||||
</li>
|
||||
<li id="menu-item-10512" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10512<?php echo $dm_header_active('about'); ?>">
|
||||
<a href="about-us.php">About</a>
|
||||
|
||||
</li>
|
||||
<li id="menu-item-10535" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10535<?php echo $dm_header_active('blogs'); ?>">
|
||||
<a href="blogs.php">Blogs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="menu-trigger" data-id="0b7bf6f">
|
||||
<span class="menu-trigger-icon">
|
||||
<span class="hamburger">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div style="z-index: 100000;" class="mobile-header-menu-container" id="mobile-header-0b7bf6f">
|
||||
<div class="mobile-header-row">
|
||||
|
||||
<!-- Icons Block -->
|
||||
<div class="header-icons-container">
|
||||
<div class="header-icon mini-cart"><a href="#"
|
||||
class="mini-cart-trigger"><i
|
||||
class="mini-cart-count"></i></a></div><a
|
||||
class="header-icon search-link" href="#">
|
||||
<span class="search-trigger-icon"></span></a>
|
||||
<div class="header-icon login-logout"><a href="#"
|
||||
title="Login/Register" class="link-login"></a></div>
|
||||
<div class="header-icon menu-close"><span
|
||||
class="menu-close-icon"></span></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Menu Block -->
|
||||
<nav>
|
||||
<ul id="menu-main-menu-1" class="main-menu">
|
||||
<li
|
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10508<?php echo $dm_header_active('home'); ?>">
|
||||
<a href="index.php">Home</a>
|
||||
<!-- <ul class="sub-menu">
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-10528"><a href="https://demo.artureanec.com/themes/logico-rounded/">Transportation</a></li>
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-61 current_page_item menu-item-10531"><a href="https://demo.artureanec.com/themes/logico-rounded/home-2/" aria-current="page">Logistic</a></li>
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10532"><a href="https://demo.artureanec.com/themes/logico-rounded/home-3/">Ship Freight</a></li>
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10529"><a href="https://demo.artureanec.com/themes/logico-rounded/home-4/">Air Freight</a></li>
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10533"><a href="https://demo.artureanec.com/themes/logico-rounded/home-5/">Railway Freight</a></li>
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10534"><a href="https://demo.artureanec.com/themes/logico-rounded/home-6/">Truck Freight</a></li>
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10530"><a href="https://demo.artureanec.com/themes/logico-rounded/intro/">Intro</a></li>
|
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10523"><a href="https://demo.artureanec.com/themes/logico/intro/">Angular Version</a></li>
|
||||
</ul> -->
|
||||
</li>
|
||||
<li
|
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10509<?php echo $dm_header_active('how-it-works'); ?>">
|
||||
<a href="how-it-works.php">How It Works</a>
|
||||
<!-- <ul class="sub-menu">
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10536"><a href="about-us.php">About Us</a></li>
|
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-10513"><a href="#">Team</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10544"><a href="https://demo.artureanec.com/themes/logico-rounded/team-page/">Our Team</a></li>
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-team menu-item-10545"><a href="https://demo.artureanec.com/themes/logico-rounded/team/samuel-peterson/">Single Team</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-10514"><a href="#">Career</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10546"><a href="https://demo.artureanec.com/themes/logico-rounded/career-page/">Career</a></li>
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-vacancy menu-item-10547"><a href="https://demo.artureanec.com/themes/logico-rounded/careers/cdl-a-truck-driver-2/">Single Vacancy</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-10515"><a href="#">Galleries</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10548"><a href="https://demo.artureanec.com/themes/logico-rounded/gallery-grid/">Gallery Grid</a></li>
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10549"><a href="https://demo.artureanec.com/themes/logico-rounded/gallery-masonry/">Gallery Masonry</a></li>
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-portfolio menu-item-10550"><a href="https://demo.artureanec.com/themes/logico-rounded/portfolio/cargo-delivery-by-sea/">Single Gallery</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10538"><a href="https://demo.artureanec.com/themes/logico-rounded/our-garage/">Our Garage</a></li>
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10540"><a href="https://demo.artureanec.com/themes/logico-rounded/request-quote/">Request Quote</a></li>
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10537"><a href="https://demo.artureanec.com/themes/logico-rounded/calculator/">Calculator</a></li>
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10541"><a href="https://demo.artureanec.com/themes/logico-rounded/certifications-and-documents/">Certifications</a></li>
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10539"><a href="https://demo.artureanec.com/themes/logico-rounded/pricing-plans/">Pricing Plans</a></li>
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10542"><a href="https://demo.artureanec.com/themes/logico-rounded/faq/">FAQ</a></li>
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10543"><a href="https://demo.artureanec.com/themes/logico-rounded/typography/">Typography</a></li>
|
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10516"><a href="https://demo.artureanec.com/themes/logico-rounded/404/">Page 404</a></li>
|
||||
</ul> -->
|
||||
</li>
|
||||
<li
|
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10510<?php echo $dm_header_active('miletruth'); ?>">
|
||||
<a href="miletruth.php">MileTruth™
|
||||
AI</a>
|
||||
<!-- <ul class="sub-menu">
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10551"><a href="solutions.php">Services</a></li>
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10552"><a href="solutions.php">Single Service</a></li>
|
||||
</ul> -->
|
||||
</li>
|
||||
<li
|
||||
class="menu-item menu-item-type-custom menu-item-10511<?php echo $dm_header_active('solutions'); ?>">
|
||||
<a href="solutions.php">Solutions</a>
|
||||
<!-- <ul class="sub-menu">
|
||||
<li
|
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10556">
|
||||
<a href="use-cases.php">Use Cases</a>
|
||||
</li>
|
||||
<li
|
||||
class="menu-item menu-item-type-post_type menu-item-object-product menu-item-10557">
|
||||
<a href="">Connected Logistics</a>
|
||||
</li>
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10553"><a href="https://demo.artureanec.com/themes/logico-rounded/cart/">Cart</a></li>
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10554"><a href="https://demo.artureanec.com/themes/logico-rounded/checkout/">Checkout</a></li>
|
||||
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10555"><a href="https://demo.artureanec.com/themes/logico-rounded/my-account/">My account</a></li>
|
||||
</ul> -->
|
||||
</li>
|
||||
<li
|
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-10512<?php echo $dm_header_active('about'); ?>">
|
||||
<a href="about-us.php">About</a>
|
||||
<!-- <ul class="sub-menu">
|
||||
<li id="menu-item-10558"
|
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10558<?php echo ($current_page === 'about' || $current_page === 'about-us') ? ' active' : ''; ?>">
|
||||
<a href="about-us.php">About Us</a>
|
||||
</li>
|
||||
<li id="menu-item-10559"
|
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10559<?php echo $current_page === 'women' ? ' active' : ''; ?>">
|
||||
<a href="women-entrepreneurship.php">Women
|
||||
Entrepreneurship</a>
|
||||
</li>
|
||||
|
||||
</ul> -->
|
||||
</li>
|
||||
<li
|
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10535<?php echo $dm_header_active('blogs'); ?>">
|
||||
<a href="blogs.php">Blogs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="header-mobile-contacts">
|
||||
<div class="contact-item contact-item-phone"><span
|
||||
class="contact-item-label">Phone</span>
|
||||
<div class="contact-item-value">
|
||||
<p>Tel : +91 86886 97941</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-item contact-item-email"><span
|
||||
class="contact-item-label">Email</span>
|
||||
<div class="contact-item-value">
|
||||
<p><a
|
||||
href="/cdn-cgi/l/email-protection#3f535058565c507f525e5653115c5052"><span
|
||||
class="__cf_email__"
|
||||
data-cfemail="4e222129272d210e232f2722602d2123">doormile.compliance@gmail.com</span></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-mobile-socials">
|
||||
<ul class="mobile-menu-socials wrapper-socials">
|
||||
<li><a href="https://www.facebook.com/" target="_blank" aria-label="Facebook">
|
||||
<svg aria-hidden="true" width="18" height="18" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
|
||||
<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
|
||||
</svg>
|
||||
</a></li>
|
||||
<li><a href="https://x.com/" target="_blank" aria-label="X (Twitter)">
|
||||
<svg aria-hidden="true" width="18" height="18" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
|
||||
<path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path>
|
||||
</svg>
|
||||
</a></li>
|
||||
<li><a href="https://www.linkedin.com/" target="_blank" aria-label="LinkedIn">
|
||||
<svg aria-hidden="true" width="18" height="18" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
|
||||
<path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
|
||||
</svg>
|
||||
</a></li>
|
||||
<li><a href="https://www.youtube.com/" target="_blank" aria-label="YouTube">
|
||||
<svg aria-hidden="true" width="18" height="18" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
|
||||
<path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
|
||||
</svg>
|
||||
</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="header-mobile-button"><a class="logico-alter-button"
|
||||
href="" target="_blank">Get in Touch</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- <div class="elementor-element elementor-element-9984ace e-con-full elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="9984ace" data-element_type="container"
|
||||
style="display:flex;align-items:center;justify-content:flex-end;width:auto;max-width:140px;">
|
||||
<div class="elementor-element elementor-element-2b96637 elementor-widget__width-inherit elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile elementor-widget elementor-widget-text-editor"
|
||||
data-id="2b96637" data-element_type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>+1 800 642 73 98</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-18fc20a elementor-widget elementor-widget-logico_search"
|
||||
data-id="18fc20a" data-element_type="widget"
|
||||
data-widget_type="logico_search.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-search-widget">
|
||||
<div class="search-trigger" data-id="18fc20a"><span
|
||||
class="search-trigger-icon"></span></div>
|
||||
</div>
|
||||
<div class="site-search" id="site-search-18fc20a">
|
||||
<div class="site-search-close"></div>
|
||||
<form name="search_form" method="get"
|
||||
action="https://demo.artureanec.com/themes/logico-rounded/"
|
||||
class="search-form" id="search-87"><span class="search-form-icon"
|
||||
onclick="javascript:document.getElementById("search-87").submit();"></span>
|
||||
<div class="logico-form-field">
|
||||
<div class="logico-label-wrapper">
|
||||
<div class="logico-label-placeholder">
|
||||
<div class="logico-label-placeholder-text">Search</div>
|
||||
</div><label>Search</label>
|
||||
</div><input type="text" name="s" value="" title="Search"
|
||||
class="search-form-field">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="elementor-element elementor-element-7a36700 elementor-widget elementor-widget-logico_login_logout"
|
||||
data-id="7a36700" data-element_type="widget"
|
||||
data-widget_type="logico_login_logout.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-login-logout-widget">
|
||||
<div class="login-logout"><a
|
||||
href="https://demo.artureanec.com/themes/logico-rounded/my-account/"
|
||||
title="Login/Register" class="link-login"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-f961133 e-con-full elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="f961133" data-element_type="container">
|
||||
<div class="elementor-element elementor-element-cabdb09 elementor-widget elementor-widget-logico_header_button"
|
||||
data-id="cabdb09" data-element_type="widget"
|
||||
data-widget_type="logico_header_button.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="header-button-container"><a
|
||||
href="contacts.php"
|
||||
target="_blank" class="header-button header-button-animation-fade">Contact Us</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<style>
|
||||
#masthead .elementor-element.elementor-element-466de1b {
|
||||
transition: background-color 0.25s ease, box-shadow 0.25s ease, padding 0.25s ease !important;
|
||||
z-index: 10000 !important;
|
||||
}
|
||||
|
||||
@media (min-width: 1025px) {
|
||||
#masthead {
|
||||
position: relative;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
#masthead .elementor-element.elementor-element-466de1b.dm-header-scrolled {
|
||||
background: #4b4b4baa !important;
|
||||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18) !important;
|
||||
top: 0 !important;
|
||||
}
|
||||
|
||||
#masthead .elementor-element.elementor-element-466de1b.dm-header-scrolled .elementor-element.elementor-element-e052838 {
|
||||
background: transparent !important;
|
||||
}
|
||||
}
|
||||
|
||||
#masthead .header-menu-container .main-menu > li.active > a:before {
|
||||
background-color: #ffffff !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
(function($) {
|
||||
$(function() {
|
||||
// Header scroll visibility logic - Globalized
|
||||
const $header = $('.header-hide-until-scroll');
|
||||
|
||||
// Show header once the page has started to load to avoid flicker
|
||||
// but maintain the hide-until-scroll behavior if needed
|
||||
$header.addClass('header-visible-scrolled');
|
||||
|
||||
function updateHeaderScrolledState() {
|
||||
const scrollTop = $(this).scrollTop();
|
||||
$header.toggleClass('dm-header-scrolled', scrollTop > 50);
|
||||
// Maintain visibility after scroll
|
||||
if (scrollTop >= 0) {
|
||||
$header.addClass('header-visible-scrolled');
|
||||
}
|
||||
}
|
||||
|
||||
updateHeaderScrolledState.call(window);
|
||||
|
||||
$(window).on('scroll', function() {
|
||||
updateHeaderScrolledState.call(this);
|
||||
});
|
||||
|
||||
// Ensure sticky header works on custom non-Elementor pages
|
||||
if (typeof sticky_element_activate === 'function') {
|
||||
$('.sticky-container-on').each(function() {
|
||||
sticky_element_activate($(this));
|
||||
});
|
||||
}
|
||||
});
|
||||
})(jQuery);
|
||||
</script>
|
||||
150
includes/sections/about/our-team.php
Normal file
150
includes/sections/about/our-team.php
Normal file
@@ -0,0 +1,150 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* Modular Team Section Component
|
||||
* Usage: include 'includes/our-team.php';
|
||||
* Depends on: head.php being included in the parent page for global styles.
|
||||
*/
|
||||
?>
|
||||
<style>
|
||||
/* Scope safety: ensured by wrapping elementor-63 container below */
|
||||
.elementor-element-bf5fff2 {
|
||||
--margin-top: 100px !important;
|
||||
/* Slightly reduced for about page */
|
||||
--margin-bottom: 80px !important;
|
||||
}
|
||||
|
||||
.elementor-element-57c7653 .logico-title {
|
||||
font-size: 50px !important;
|
||||
/* Adjusted for better visibility */
|
||||
line-height: 1.2 !important;
|
||||
margin-bottom: 40px !important;
|
||||
}
|
||||
|
||||
/* Fix for overlapping text seen in screenshot */
|
||||
.elementor-element-bf5fff2 {
|
||||
clear: both;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
background: transparent;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="elementor elementor-63">
|
||||
<div class="elementor-element elementor-element-bf5fff2 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent" data-id="bf5fff2" data-element_type="container">
|
||||
<div class="e-con-inner">
|
||||
<div class="elementor-element elementor-element-5a54148 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="5a54148" data-element_type="container">
|
||||
<div class="elementor-element elementor-element-94ebf2e elementor-widget elementor-widget-logico_heading" data-id="94ebf2e" data-element_type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">/ team /</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-57c7653 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-logico_heading" data-id="57c7653" data-element_type="widget" data-settings="{"_animation":"logico_heading_animation"}" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<h3 class="logico-title">Meet our the best crew</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-138c81a elementor-widget elementor-widget-logico_team_listing" data-id="138c81a" data-element_type="widget" data-widget_type="logico_team_listing.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-team-listing-widget">
|
||||
<div class="archive-listing" data-ajax='{"post_type":"team","post_status":"publish","ignore_sticky_posts":true,"suppress_filters":true,"orderby":"post__in","order":"desc","link_base":"https:\/\/demo.artureanec.com\/themes\/logico-rounded\/home-3","post__in":["2807","2850","2855"],"posts_per_page":3,"columns_number":3,"paged":1}' data-widget='{"item_class":"team-item-wrapper","columns_number":3,"listing_type":"grid","show_media":"yes","show_title":"yes","show_position":"yes","show_socials":"yes","show_pagination":""}'>
|
||||
<div class="archive-listing-wrapper team-listing-wrapper team-grid-listing columns-3">
|
||||
<div class="team-item-wrapper post-2807 team type-team status-publish has-post-thumbnail hentry">
|
||||
<div class="team-item">
|
||||
<div class="team-item-media">
|
||||
<div class="post-media">
|
||||
<a href="#">
|
||||
<picture>
|
||||
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/08/team-pic-1-480x480.jpg 480w">
|
||||
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/08/team-pic-1-480x480.jpg 660w">
|
||||
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/08/team-pic-1-480x480.jpg 840w">
|
||||
<img decoding="async" alt="team-pic-1" title="team-pic-1" src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/08/team-pic-1-680x680.jpg" class="attachment-medium size-medium wp-post-image" />
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="team-item-content">
|
||||
<div class="post-title">
|
||||
<a href="#">Samuel Peterson</a>
|
||||
</div>
|
||||
<div class="team-item-position">CEO Logico</div>
|
||||
<div class="team-item-socials">
|
||||
<ul class="team-socials wrapper-socials">
|
||||
<li><a href="#" target="_blank" class="fab fa-facebook-f" title="Facebook"></a></li>
|
||||
<li><a href="#" target="_blank" class="fab fa-x-twitter" title="X"></a></li>
|
||||
<li><a href="#" target="_blank" class="fab fa-linkedin-in" title="LinkedIn"></a></li>
|
||||
<li><a href="#" target="_blank" class="fab fa-youtube" title="YouTube"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="team-item-wrapper post-2850 team type-team status-publish has-post-thumbnail hentry">
|
||||
<div class="team-item">
|
||||
<div class="team-item-media">
|
||||
<div class="post-media">
|
||||
<a href="#">
|
||||
<picture>
|
||||
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/08/team-pic-2-480x480.jpg 480w">
|
||||
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/08/team-pic-2-480x480.jpg 660w">
|
||||
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/08/team-pic-2-480x480.jpg 840w">
|
||||
<img decoding="async" alt="team-pic-2" title="team-pic-2" src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/08/team-pic-2-680x680.jpg" class="attachment-medium size-medium wp-post-image" />
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="team-item-content">
|
||||
<div class="post-title">
|
||||
<a href="#">Andrew McDickens</a>
|
||||
</div>
|
||||
<div class="team-item-position">Manager</div>
|
||||
<div class="team-item-socials">
|
||||
<ul class="team-socials wrapper-socials">
|
||||
<li><a href="#" target="_blank" class="fab fa-facebook-f" title="Facebook"></a></li>
|
||||
<li><a href="#" target="_blank" class="fab fa-x-twitter" title="X"></a></li>
|
||||
<li><a href="#" target="_blank" class="fab fa-linkedin-in" title="LinkedIn"></a></li>
|
||||
<li><a href="#" target="_blank" class="fab fa-youtube" title="YouTube"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="team-item-wrapper post-2855 team type-team status-publish has-post-thumbnail hentry">
|
||||
<div class="team-item">
|
||||
<div class="team-item-media">
|
||||
<div class="post-media">
|
||||
<a href="#">
|
||||
<picture>
|
||||
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/08/team-pic-3-354x480.jpg 480w">
|
||||
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/08/team-pic-3-354x480.jpg 660w">
|
||||
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/08/team-pic-3-354x480.jpg 840w">
|
||||
<img decoding="async" alt="team-pic-3" title="team-pic-3" src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/08/team-pic-3.jpg" class="attachment-medium size-medium wp-post-image" />
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="team-item-content">
|
||||
<div class="post-title">
|
||||
<a href="#">Samantha Powers</a>
|
||||
</div>
|
||||
<div class="team-item-position">HR Specialist</div>
|
||||
<div class="team-item-socials">
|
||||
<ul class="team-socials wrapper-socials">
|
||||
<li><a href="#" target="_blank" class="fab fa-facebook-f" title="Facebook"></a></li>
|
||||
<li><a href="#" target="_blank" class="fab fa-x-twitter" title="X"></a></li>
|
||||
<li><a href="#" target="_blank" class="fab fa-linkedin-in" title="LinkedIn"></a></li>
|
||||
<li><a href="#" target="_blank" class="fab fa-youtube" title="YouTube"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
98
includes/sections/about/our_office.php
Normal file
98
includes/sections/about/our_office.php
Normal file
@@ -0,0 +1,98 @@
|
||||
|
||||
<style>
|
||||
/* Our Office Component Styles */
|
||||
.offices-section-wrapper {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
background: #ffffff;
|
||||
position: relative;
|
||||
font-family: 'DM Sans', sans-serif;
|
||||
}
|
||||
.offices-section {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
max-width: 1180px;
|
||||
padding: 80px 32px;
|
||||
margin: 0 auto !important;
|
||||
}
|
||||
.offices-header {
|
||||
text-align: center;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
.offices-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 26px;
|
||||
}
|
||||
.office-card {
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #e1e1e1;
|
||||
border-radius: 24px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 4px 18px rgba(17,20,25,0.07);
|
||||
transition: transform 0.42s ease, box-shadow 0.42s ease;
|
||||
}
|
||||
.office-card:hover { transform: translateY(-10px); box-shadow: 0 28px 60px rgba(192,32,42,0.14); }
|
||||
.map-container { height: 220px; overflow: hidden; }
|
||||
.card-body { padding: 28px 30px 32px; }
|
||||
.card-tag { font-size: 0.67rem; color: #C0202A; margin-bottom: 8px; }
|
||||
.card-city { font-family: 'Playfair Display', serif; font-size: 1.7rem; font-weight: 700; margin-bottom: 10px; }
|
||||
.card-desc { font-size: 0.92rem; color: #4d5261; line-height: 1.72; }
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.offices-grid { grid-template-columns: 1fr 1fr; }
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.offices-grid { grid-template-columns: 1fr; }
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="offices-section-wrapper">
|
||||
<section class="offices-section">
|
||||
<header class="offices-header">
|
||||
<div class="offices-eyebrow">Where We Are</div>
|
||||
<h2 class="offices-title">Our Offices</h2>
|
||||
<p class="offices-subtitle">Strategically located to serve businesses across India</p>
|
||||
</header>
|
||||
|
||||
<div class="offices-grid">
|
||||
<!-- Coimbatore -->
|
||||
<article class="office-card">
|
||||
<div class="map-container">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d62617.64038696284!2d76.92516!3d11.01680!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba859af2f971cb5%3A0x2fc1c81e183ed282!2sCoimbatore%2C%20Tamil%20Nadu!5e0!3m2!1sen!2sin!4v1700000000000" width="100%" height="220" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="card-tag">Headquarters</p>
|
||||
<h4 class="card-city">Coimbatore</h4>
|
||||
<p class="card-desc">Our innovation hub where MileTruth™ AI was born</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Bengaluru -->
|
||||
<article class="office-card">
|
||||
<div class="map-container">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d124416.29!2d77.5007!3d12.9716!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae1670c9b44e6d%3A0xf8dfc3e8517e4fe0!2sBengaluru%2C%20Karnataka!5e0!3m2!1sen!2sin!4v1700000000001" width="100%" height="220" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="card-tag">Technology Center</p>
|
||||
<h4 class="card-city">Bengaluru</h4>
|
||||
<p class="card-desc">Engineering excellence and product development</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Hyderabad -->
|
||||
<article class="office-card">
|
||||
<div class="map-container">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d121684.68!2d78.3674!3d17.3850!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bcb99daeaebd2c7%3A0xae93b78392bafbc2!2sHyderabad%2C%20Telangana!5e0!3m2!1sen!2sin!4v1700000000002" width="100%" height="220" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="card-tag">Operations Hub</p>
|
||||
<h4 class="card-city">Hyderabad</h4>
|
||||
<p class="card-desc">Scaling logistics operations across India</p>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
290
includes/sections/about/our_values.php
Normal file
290
includes/sections/about/our_values.php
Normal file
@@ -0,0 +1,290 @@
|
||||
<style>
|
||||
/* Our Values Component Styles — matched to Vision section style */
|
||||
.values-section-wrapper {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
background: #1F1F1F;
|
||||
position: relative;
|
||||
font-family: 'DM Sans', sans-serif;
|
||||
color: #ffffff;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.values-section {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
max-width: 1140px;
|
||||
padding-top: 80px;
|
||||
margin: 0 auto !important;
|
||||
}
|
||||
|
||||
.values-header {
|
||||
text-align: center;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.values-eyebrow {
|
||||
font-size: 0.72rem;
|
||||
font-weight: 500;
|
||||
letter-spacing: 0.18em;
|
||||
text-transform: uppercase;
|
||||
color: #C0202A;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.values-title {
|
||||
font-family: 'Playfair Display', serif;
|
||||
font-size: 2.5rem;
|
||||
font-weight: 700;
|
||||
margin-bottom: 8px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.values-subtitle {
|
||||
color: #cfcfd6;
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
|
||||
.values-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 80px;
|
||||
align-items: stretch;
|
||||
height: 68vh;
|
||||
margin-bottom: 48px;
|
||||
}
|
||||
|
||||
.value-card {
|
||||
position: relative;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
border: 1px solid rgba(255, 255, 255, 0.06);
|
||||
border-radius: 28px;
|
||||
padding: 40px 36px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
|
||||
transition: transform 0.44s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.44s ease;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
color: #cfcfd6;
|
||||
/* default card text color for contrast on dark bg */
|
||||
padding-bottom: 48px;
|
||||
}
|
||||
|
||||
.value-card:hover {
|
||||
transform: translateY(-8px);
|
||||
}
|
||||
|
||||
/* icon */
|
||||
.value-icon {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 18px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.value-icon svg {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
.value-icon--1 {
|
||||
background: #C0202A;
|
||||
}
|
||||
|
||||
.value-icon--2 {
|
||||
background: #17A2A2;
|
||||
}
|
||||
|
||||
.value-icon--3 {
|
||||
background: #FF8C42;
|
||||
}
|
||||
|
||||
/* large, subtle numeric background for each card */
|
||||
.value-number {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 20px;
|
||||
font-family: 'Playfair Display', serif;
|
||||
font-size: 9rem;
|
||||
line-height: 0.85;
|
||||
font-weight: 800;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
text-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
|
||||
z-index: 2;
|
||||
pointer-events: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.value-content {
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.card-label {
|
||||
display: inline-block;
|
||||
background: #ffffff;
|
||||
color: #C0202A;
|
||||
font-weight: 700;
|
||||
font-size: 0.78rem;
|
||||
padding: 8px 14px;
|
||||
border-radius: 999px;
|
||||
margin-bottom: 12px;
|
||||
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.card-title {
|
||||
font-family: 'Playfair Display', serif;
|
||||
font-size: 1.5rem;
|
||||
margin-bottom: 12px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.card-desc {
|
||||
font-size: 1.125rem;
|
||||
line-height: 1.8;
|
||||
color: #cfcfd6;
|
||||
}
|
||||
|
||||
/* Ensure headings and paragraphs inside cards use readable colors */
|
||||
.value-card h1,
|
||||
.value-card h2,
|
||||
.value-card h3,
|
||||
.value-card h4,
|
||||
.value-card h5,
|
||||
.value-card p, {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* background image layer and overlay */
|
||||
.value-card::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: linear-gradient(180deg, rgb(0, 0, 0), rgb(0, 0, 0));
|
||||
z-index: 1;
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
/* subtle colored gradients per card to add visual depth */
|
||||
.value-card--1::before {
|
||||
background: linear-gradient(180deg, rgb(192, 32, 43), rgb(0, 0, 0));
|
||||
}
|
||||
|
||||
.value-card--2::before {
|
||||
background: linear-gradient(180deg, rgb(23, 162, 162), rgb(0, 0, 0));
|
||||
}
|
||||
|
||||
.value-card--3::before {
|
||||
background: linear-gradient(180deg, rgb(255, 138, 66), rgb(0, 0, 0));
|
||||
}
|
||||
|
||||
.value-card::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
z-index: 0;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
transform: scale(1.03);
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
.value-card--1::after {
|
||||
background-image: url('assets/images/value-1.jpg');
|
||||
}
|
||||
|
||||
.value-card--2::after {
|
||||
background-image: url('assets/images/value-2.jpg');
|
||||
}
|
||||
|
||||
.value-card--3::after {
|
||||
background-image: url('assets/images/value-3.jpg');
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.values-grid {
|
||||
height: 72vh;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.values-grid {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
height: 75vh;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.values-grid {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 16px;
|
||||
height: auto;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.value-card {
|
||||
min-height: 40vh;
|
||||
border-radius: 16px;
|
||||
padding: 28px;
|
||||
padding-bottom: 36px;
|
||||
}
|
||||
|
||||
.value-card::before {
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
.value-number {
|
||||
font-size: 3.6rem;
|
||||
right: 16px;
|
||||
top: 10px;
|
||||
color: rgb(255, 255, 255);
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="values-section-wrapper">
|
||||
<section class="values-section">
|
||||
<header class="values-header">
|
||||
<div class="values-eyebrow">Who We Are</div>
|
||||
<h2 class="values-title" style="color: #ffffff;font-weight: 700;">Our Values</h2>
|
||||
<p class="values-subtitle">The principles that drive everything we do</p>
|
||||
</header>
|
||||
|
||||
<div class="values-grid">
|
||||
<article class="value-card value-card--1">
|
||||
<div class="value-number" aria-hidden="true">01</div>
|
||||
<div class="value-content">
|
||||
<p class="card-label">Purpose</p>
|
||||
<h4 class="card-title" style="color: #ffffff;font-weight: 700;">Mission-Driven</h4>
|
||||
<p class="card-desc">Transforming logistics with transparency and accountability at every mile.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article class="value-card value-card--2">
|
||||
<div class="value-number" aria-hidden="true">02</div>
|
||||
<div class="value-content">
|
||||
<p class="card-label">Culture</p>
|
||||
<h4 class="card-title" style="color: #ffffff;font-weight: 700;">People First</h4>
|
||||
<p class="card-desc">Empowering delivery partners and supporting women entrepreneurs.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article class="value-card value-card--3">
|
||||
<div class="value-number" aria-hidden="true">03</div>
|
||||
<div class="value-content">
|
||||
<p class="card-label">Standards</p>
|
||||
<h4 class="card-title" style="color: #ffffff;font-weight: 700;">Excellence</h4>
|
||||
<p class="card-desc">Setting new standards in logistics technology and service delivery.</p>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
218
includes/sections/about/vision.php
Normal file
218
includes/sections/about/vision.php
Normal file
@@ -0,0 +1,218 @@
|
||||
<style>
|
||||
/* Vision & Mission Component Styles */
|
||||
.vm-section-wrapper {
|
||||
margin-top: 30px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
background: #1F1F1F;
|
||||
position: relative;
|
||||
font-family: 'DM Sans', sans-serif;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.vm-section {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
max-width: 1140px;
|
||||
padding-top: 90px;
|
||||
margin: 0 auto !important;
|
||||
}
|
||||
|
||||
.vm-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 80px;
|
||||
align-items: stretch;
|
||||
height: 20vh;
|
||||
}
|
||||
|
||||
|
||||
.vm-card {
|
||||
position: relative;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
/* image layer rendered in ::after */
|
||||
border: 1px solid rgba(255, 255, 255, 0.06);
|
||||
border-radius: 28px;
|
||||
padding: 52px 48px 44px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
|
||||
transition: transform 0.44s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.44s ease;
|
||||
}
|
||||
|
||||
.vm-card:hover {
|
||||
transform: translateY(-10px);
|
||||
box-shadow: 0 30px 64px rgba(192, 32, 42, 0.18);
|
||||
}
|
||||
|
||||
.vm-icon-wrap {
|
||||
width: 100%;
|
||||
margin: 0 0 20px 0;
|
||||
background: transparent;
|
||||
border-radius: 14px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.vm-icon-img {
|
||||
opacity: 0.2;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 160px;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
/* dark overlay for readability */
|
||||
.vm-card::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35));
|
||||
z-index: 1;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
/* background-image layer with blur and opacity (beneath overlay) */
|
||||
.vm-card::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
z-index: 0;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
filter: blur(1px) saturate(0.95);
|
||||
transform: scale(1.03);
|
||||
opacity: 0.80;
|
||||
transition: filter 200ms ease, opacity 200ms ease;
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
.vm-card>* {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
/* Per-card background images (replace with real paths as needed) */
|
||||
.vm-card--vision::after {
|
||||
background-image: url('assets/images/vision.png');
|
||||
}
|
||||
|
||||
.vm-card--mission::after {
|
||||
background-image: url('assets/images/mission.png');
|
||||
}
|
||||
|
||||
.vm-tag {
|
||||
font-size: 0.67rem;
|
||||
font-weight: 500;
|
||||
letter-spacing: 0.2em;
|
||||
text-transform: uppercase;
|
||||
color: #C0202A;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.vm-title {
|
||||
font-family: 'Playfair Display', serif;
|
||||
font-size: 2rem;
|
||||
font-weight: 700;
|
||||
margin-bottom: 20px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.vm-title em {
|
||||
font-style: italic;
|
||||
color: #C0202A;
|
||||
}
|
||||
|
||||
.vm-body {
|
||||
font-size: 1.125rem;
|
||||
font-weight: 300;
|
||||
color: #cfcfd6;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
@media (min-width: 1025px) {
|
||||
.vm-section {
|
||||
min-height: 78vh;
|
||||
padding-bottom: 90px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.vm-grid {
|
||||
height: auto;
|
||||
min-height: 520px;
|
||||
}
|
||||
|
||||
.vm-card {
|
||||
min-height: 520px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.vm-section-wrapper {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.vm-section {
|
||||
padding: 70px 24px;
|
||||
}
|
||||
|
||||
.vm-grid {
|
||||
grid-template-columns: 1fr;
|
||||
height: auto;
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.vm-card {
|
||||
min-height: 360px;
|
||||
padding: 40px 34px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.vm-section {
|
||||
padding: 56px 16px;
|
||||
}
|
||||
|
||||
.vm-card {
|
||||
min-height: 320px;
|
||||
padding: 30px 24px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.vm-title {
|
||||
font-size: 1.75rem;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.vm-body {
|
||||
font-size: 1rem;
|
||||
line-height: 1.65;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="vm-section-wrapper">
|
||||
<section class="vm-section">
|
||||
<div class="vm-grid">
|
||||
<article class="vm-card vm-card--vision">
|
||||
<p class="vm-tag">Vision</p>
|
||||
<h3 class="vm-title" style="color: white;">Our <em>Vision</em></h3>
|
||||
<p class="vm-body">To become India's most trusted connected logistics platform, where every package travels on a single, transparent timeline.</p>
|
||||
</article>
|
||||
<article class="vm-card vm-card--mission">
|
||||
<p class="vm-tag">Mission</p>
|
||||
<h3 class="vm-title" style="color: white;">Our <em>Mission</em></h3>
|
||||
<p class="vm-body">To eliminate the chaos of fragmented logistics by unifying first, mid, and last miles with MileTruth™ AI.</p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
715
includes/sections/about/women-entrepreneurship.php
Normal file
715
includes/sections/about/women-entrepreneurship.php
Normal file
@@ -0,0 +1,715 @@
|
||||
<?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: 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); }
|
||||
}
|
||||
|
||||
.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" 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('.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>
|
||||
391
includes/sections/blog/blog-grid.php
Normal file
391
includes/sections/blog/blog-grid.php
Normal file
@@ -0,0 +1,391 @@
|
||||
|
||||
<div class="elementor-widget-container">
|
||||
|
||||
<div class="archive-listing" data-ajax='{"post_type":"post","post_status":"publish","posts_per_page":9,"orderby":"date","order":"desc","paged":1,"category_name":"","tag":"","post__in":"","ignore_sticky_posts":false,"link_base":"https:\/\/demo.artureanec.com\/themes\/logico-rounded\/blog-grid"}'
|
||||
data-widget='{"listing_type":"grid","excerpt_length":75,"show_cat":"yes","show_media":"yes","show_author":"","show_date":"yes","show_title":"yes","show_tags":"","show_excerpt":"yes","show_read_more":"","read_more_text":"Explorer more","item_class":"post grid-item grid-blog-item-wrapper","columns_number":3,"show_pagination":"yes"}'>
|
||||
<div class="archive-listing-wrapper grid-listing columns-3">
|
||||
|
||||
<div class="standard-blog-item-wrapper post grid-item grid-blog-item-wrapper post-2328 type-post status-publish format-standard has-post-thumbnail hentry category-train-freight tag-cargo tag-delivery tag-freight tag-shipping">
|
||||
<div class="blog-item">
|
||||
<div class="post-meta-header"><span class="post-meta-item post-meta-item-date">Jul. 05/2024</span></div>
|
||||
<h5 class="post-title"><a href="https://demo.artureanec.com/themes/logico-rounded/tips-and-strategies-2/">Tips And Strategies</a></h5>
|
||||
<div class="post-content">Frigate mackerel snake mackerel upside-down catfish finback cat shark. Trig...</div>
|
||||
<div class="post-labels">
|
||||
<div class="post-categories"><a class="post-category-item" href="https://demo.artureanec.com/themes/logico-rounded/category/train-freight/">Train Freight</a></div>
|
||||
</div>
|
||||
<div class="post-media-wrapper">
|
||||
<div class="post-media">
|
||||
<a href="https://demo.artureanec.com/themes/logico-rounded/tips-and-strategies-2/">
|
||||
<picture>
|
||||
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-18-480x480.jpg 480w">
|
||||
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-18-480x480.jpg 660w">
|
||||
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-18-480x480.jpg 840w"><img decoding="async" alt="blog-post-pic-18" title="blog-post-pic-18" src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-18-680x680.jpg"
|
||||
class="attachment-medium size-medium wp-post-image" /></picture>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="standard-blog-item-wrapper post grid-item grid-blog-item-wrapper post-2325 type-post status-publish format-standard has-post-thumbnail hentry category-train tag-cargo tag-delivery tag-freight tag-shipping">
|
||||
<div class="blog-item">
|
||||
<div class="post-meta-header"><span class="post-meta-item post-meta-item-date">Jul. 05/2024</span></div>
|
||||
<h5 class="post-title"><a href="https://demo.artureanec.com/themes/logico-rounded/expensive-buildings-projects-2/">Expensive Buildings Projects</a></h5>
|
||||
<div class="post-content">Reedfish bonefish trahira bristlenose catfish, longnose. Frigate mackerel s...</div>
|
||||
<div class="post-labels">
|
||||
<div class="post-categories"><a class="post-category-item" href="https://demo.artureanec.com/themes/logico-rounded/category/train/">Train</a></div>
|
||||
</div>
|
||||
<div class="post-media-wrapper">
|
||||
<div class="post-media">
|
||||
<a href="https://demo.artureanec.com/themes/logico-rounded/expensive-buildings-projects-2/">
|
||||
<picture>
|
||||
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-17-480x480.jpg 480w">
|
||||
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-17-480x480.jpg 660w">
|
||||
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-17-480x480.jpg 840w"><img decoding="async" alt="blog-post-pic-17" title="blog-post-pic-17" src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-17-680x680.jpg"
|
||||
class="attachment-medium size-medium wp-post-image" /></picture>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="standard-blog-item-wrapper post grid-item grid-blog-item-wrapper post-2322 type-post status-publish format-standard has-post-thumbnail hentry category-air-freight tag-cargo tag-delivery tag-freight tag-shipping">
|
||||
<div class="blog-item">
|
||||
<div class="post-meta-header"><span class="post-meta-item post-meta-item-date">Jul. 05/2024</span></div>
|
||||
<h5 class="post-title"><a href="https://demo.artureanec.com/themes/logico-rounded/planning-point-of-view-2/">Planning Point Of View</a></h5>
|
||||
<div class="post-content">Link salmon cherry salmon combtail gourami frigate mackerel snake mackerel....</div>
|
||||
<div class="post-labels">
|
||||
<div class="post-categories"><a class="post-category-item" href="https://demo.artureanec.com/themes/logico-rounded/category/air-freight/">Air freight</a></div>
|
||||
</div>
|
||||
<div class="post-media-wrapper">
|
||||
<div class="post-media">
|
||||
<a href="https://demo.artureanec.com/themes/logico-rounded/planning-point-of-view-2/">
|
||||
<picture>
|
||||
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-16-480x480.jpg 480w">
|
||||
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-16-480x480.jpg 660w">
|
||||
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-16-480x480.jpg 840w"><img decoding="async" alt="blog-post-pic-16" title="blog-post-pic-16" src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-16-680x680.jpg"
|
||||
class="attachment-medium size-medium wp-post-image" /></picture>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="standard-blog-item-wrapper post grid-item grid-blog-item-wrapper post-2319 type-post status-publish format-standard has-post-thumbnail hentry category-shipping tag-cargo tag-delivery tag-freight tag-shipping">
|
||||
<div class="blog-item">
|
||||
<div class="post-meta-header"><span class="post-meta-item post-meta-item-date">Jul. 05/2024</span></div>
|
||||
<h5 class="post-title"><a href="https://demo.artureanec.com/themes/logico-rounded/the-industrial-proletariat-2/">The Industrial Proletariat</a></h5>
|
||||
<div class="post-content">Frigate mackerel snake mackerel upside-down catfish finback cat shark. Trig...</div>
|
||||
<div class="post-labels">
|
||||
<div class="post-categories"><a class="post-category-item" href="https://demo.artureanec.com/themes/logico-rounded/category/shipping/">Shipping</a></div>
|
||||
</div>
|
||||
<div class="post-media-wrapper">
|
||||
<div class="post-media">
|
||||
<a href="https://demo.artureanec.com/themes/logico-rounded/the-industrial-proletariat-2/">
|
||||
<picture>
|
||||
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-15-480x480.jpg 480w">
|
||||
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-15-480x480.jpg 660w">
|
||||
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-15-480x480.jpg 840w"><img decoding="async" alt="blog-post-pic-15" title="blog-post-pic-15" src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-15-680x680.jpg"
|
||||
class="attachment-medium size-medium wp-post-image" /></picture>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="standard-blog-item-wrapper post grid-item grid-blog-item-wrapper post-2299 type-post status-publish format-standard has-post-thumbnail hentry category-shipping tag-cargo tag-delivery tag-freight tag-shipping">
|
||||
<div class="blog-item">
|
||||
<div class="post-meta-header"><span class="post-meta-item post-meta-item-date">Jul. 05/2024</span></div>
|
||||
<h5 class="post-title"><a href="https://demo.artureanec.com/themes/logico-rounded/transportation-services-in-los-angeles-region-4/">Transportation services in Los Angeles region</a></h5>
|
||||
<div class="post-content">Link salmon cherry salmon combtail gourami frigate mackerel snake mackerel....</div>
|
||||
<div class="post-labels">
|
||||
<div class="post-categories"><a class="post-category-item" href="https://demo.artureanec.com/themes/logico-rounded/category/shipping/">Shipping</a></div>
|
||||
</div>
|
||||
<div class="post-media-wrapper">
|
||||
<div class="post-media">
|
||||
<a href="https://demo.artureanec.com/themes/logico-rounded/transportation-services-in-los-angeles-region-4/">
|
||||
<picture>
|
||||
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-21-480x480.jpg 480w">
|
||||
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-21-480x480.jpg 660w">
|
||||
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-21-480x480.jpg 840w"><img decoding="async" alt="blog-post-pic-21" title="blog-post-pic-21" src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-21-680x680.jpg"
|
||||
class="attachment-medium size-medium wp-post-image" /></picture>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="standard-blog-item-wrapper post grid-item grid-blog-item-wrapper post-2316 type-post status-publish format-standard has-post-thumbnail hentry category-transport tag-cargo tag-delivery tag-freight tag-shipping">
|
||||
<div class="blog-item">
|
||||
<div class="post-meta-header"><span class="post-meta-item post-meta-item-date">Jul. 05/2024</span></div>
|
||||
<h5 class="post-title"><a href="https://demo.artureanec.com/themes/logico-rounded/creating-new-working-conditions-in-the-logistic-3/">Creating new working conditions in the logistic</a></h5>
|
||||
<div class="post-content">Frigate mackerel snake mackerel upside-down catfish finback cat shark. Halo...</div>
|
||||
<div class="post-labels">
|
||||
<div class="post-categories"><a class="post-category-item" href="https://demo.artureanec.com/themes/logico-rounded/category/transport/">Transport</a></div>
|
||||
</div>
|
||||
<div class="post-media-wrapper">
|
||||
<div class="post-media">
|
||||
<a href="https://demo.artureanec.com/themes/logico-rounded/creating-new-working-conditions-in-the-logistic-3/">
|
||||
<picture>
|
||||
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-20-480x480.jpg 480w">
|
||||
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-20-480x480.jpg 660w">
|
||||
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-20-480x480.jpg 840w"><img decoding="async" alt="blog-post-pic-20" title="blog-post-pic-20" src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-20-680x680.jpg"
|
||||
class="attachment-medium size-medium wp-post-image" /></picture>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="standard-blog-item-wrapper post grid-item grid-blog-item-wrapper post-2313 type-post status-publish format-standard has-post-thumbnail hentry category-latest-posts tag-cargo tag-delivery tag-freight tag-shipping">
|
||||
<div class="blog-item">
|
||||
<div class="post-meta-header"><span class="post-meta-item post-meta-item-date">Jul. 05/2024</span></div>
|
||||
<h5 class="post-title"><a href="https://demo.artureanec.com/themes/logico-rounded/garibaldi-brown-trout-titan-triggerfish-squarehead-catfish/">Garibaldi brown trout titan triggerfish, squarehead catfish</a></h5>
|
||||
<div
|
||||
class="post-content">Triggerfish bluntnose knifefish upside-down catfish cobia spookfish convict...</div>
|
||||
<div class="post-labels">
|
||||
<div class="post-categories"><a class="post-category-item" href="https://demo.artureanec.com/themes/logico-rounded/category/latest-posts/">Latest posts</a></div>
|
||||
</div>
|
||||
<div class="post-media-wrapper">
|
||||
<div class="post-media">
|
||||
<a href="https://demo.artureanec.com/themes/logico-rounded/garibaldi-brown-trout-titan-triggerfish-squarehead-catfish/">
|
||||
<picture>
|
||||
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-13-480x480.jpg 480w">
|
||||
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-13-480x480.jpg 660w">
|
||||
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-13-480x480.jpg 840w"><img decoding="async" alt="blog-post-pic-13" title="blog-post-pic-13" src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-13-680x680.jpg"
|
||||
class="attachment-medium size-medium wp-post-image" /></picture>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="standard-blog-item-wrapper post grid-item grid-blog-item-wrapper post-2310 type-post status-publish format-standard has-post-thumbnail hentry category-latest-posts tag-cargo tag-delivery tag-freight tag-shipping">
|
||||
<div class="blog-item">
|
||||
<div class="post-meta-header"><span class="post-meta-item post-meta-item-date">Jul. 05/2024</span></div>
|
||||
<h5 class="post-title"><a href="https://demo.artureanec.com/themes/logico-rounded/rock-cod-parrotfish-tui-chub-loach-goby-rough-pomfret/">Rock cod parrotfish tui chub, loach goby rough pomfret</a></h5>
|
||||
<div class="post-content">Triggerfish bluntnose knifefish upside-down catfish cobia spookfish convict...</div>
|
||||
<div class="post-labels">
|
||||
<div class="post-categories"><a class="post-category-item" href="https://demo.artureanec.com/themes/logico-rounded/category/latest-posts/">Latest posts</a></div>
|
||||
</div>
|
||||
<div class="post-media-wrapper">
|
||||
<div class="post-media">
|
||||
<a href="https://demo.artureanec.com/themes/logico-rounded/rock-cod-parrotfish-tui-chub-loach-goby-rough-pomfret/">
|
||||
<picture>
|
||||
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-12-480x480.jpg 480w">
|
||||
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-12-480x480.jpg 660w">
|
||||
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-12-480x480.jpg 840w"><img decoding="async" alt="blog-post-pic-12" title="blog-post-pic-12" src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-12-680x680.jpg"
|
||||
class="attachment-medium size-medium wp-post-image" /></picture>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="standard-blog-item-wrapper post grid-item grid-blog-item-wrapper post-2307 type-post status-publish format-standard has-post-thumbnail hentry category-latest-posts tag-cargo tag-delivery tag-freight tag-shipping">
|
||||
<div class="blog-item">
|
||||
<div class="post-meta-header"><span class="post-meta-item post-meta-item-date">Jul. 05/2024</span></div>
|
||||
<h5 class="post-title"><a href="https://demo.artureanec.com/themes/logico-rounded/walleye-poolfish-sand-goby-butterfly-ray-stream/">Walleye poolfish sand goby butterfly ray stream</a></h5>
|
||||
<div class="post-content">Triggerfish bluntnose knifefish upside-down catfish cobia spookfish convict...</div>
|
||||
<div class="post-labels">
|
||||
<div class="post-categories"><a class="post-category-item" href="https://demo.artureanec.com/themes/logico-rounded/category/latest-posts/">Latest posts</a></div>
|
||||
</div>
|
||||
<div class="post-media-wrapper">
|
||||
<div class="post-media">
|
||||
<a href="https://demo.artureanec.com/themes/logico-rounded/walleye-poolfish-sand-goby-butterfly-ray-stream/">
|
||||
<picture>
|
||||
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-11-480x480.jpg 480w">
|
||||
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-11-480x480.jpg 660w">
|
||||
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-11-480x480.jpg 840w"><img decoding="async" alt="blog-post-pic-11" title="blog-post-pic-11" src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/07/blog-post-pic-11-680x680.jpg"
|
||||
class="attachment-medium size-medium wp-post-image" /></picture>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ── Blog Grid ── -->
|
||||
<section class="blog-section">
|
||||
<div class="blog-container">
|
||||
<div class="dm-blog-grid">
|
||||
|
||||
<!-- Post 1 -->
|
||||
<article class="dm-blog-card">
|
||||
<div class="dm-blog-card-image">
|
||||
<img src="<?php echo $depth; ?>assets/images/blog-post-pic-17.png"
|
||||
alt="AI Transforming Last-Mile EV Delivery" loading="lazy">
|
||||
</div>
|
||||
<div class="dm-blog-card-body">
|
||||
<div class="dm-blog-meta">
|
||||
<span class="dm-blog-category">Technology</span>
|
||||
<span class="dm-blog-date">May 05, 2025</span>
|
||||
</div>
|
||||
<h3>How AI Is Transforming Last-Mile EV Delivery</h3>
|
||||
<p>Machine learning and real-time data are reshaping how fleets plan, dispatch, and adapt — making every kilometre smarter than the last.</p>
|
||||
<a href="#" class="dm-blog-read-more">
|
||||
Read More
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 7h8M8 4l3 3-3 3" stroke="#c01227" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Post 2 -->
|
||||
<article class="dm-blog-card">
|
||||
<div class="dm-blog-card-image">
|
||||
<img src="<?php echo $depth; ?>assets/images/blog-post-pic-18-840x840.jpg"
|
||||
alt="The EV Paradox" loading="lazy">
|
||||
</div>
|
||||
<div class="dm-blog-card-body">
|
||||
<div class="dm-blog-meta">
|
||||
<span class="dm-blog-category">EV Fleet</span>
|
||||
<span class="dm-blog-date">Apr 22, 2025</span>
|
||||
</div>
|
||||
<h3>The EV Paradox: Solving Range Anxiety for Urban Fleets</h3>
|
||||
<p>Electric vehicles promise sustainability, but battery constraints introduce a new routing challenge. Here's how MileTruth™ AI solves it before dispatch.</p>
|
||||
<a href="#" class="dm-blog-read-more">
|
||||
Read More
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 7h8M8 4l3 3-3 3" stroke="#c01227" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Post 3 -->
|
||||
<article class="dm-blog-card">
|
||||
<div class="dm-blog-card-image">
|
||||
<img src="<?php echo $depth; ?>assets/images/blog-post-pic-15.png"
|
||||
alt="Hyderabad Hub Case Study" loading="lazy">
|
||||
</div>
|
||||
<div class="dm-blog-card-body">
|
||||
<div class="dm-blog-meta">
|
||||
<span class="dm-blog-category">Case Study</span>
|
||||
<span class="dm-blog-date">Apr 10, 2025</span>
|
||||
</div>
|
||||
<h3>42% Less Distance: Insights from Our Hyderabad Hub</h3>
|
||||
<p>A detailed look at how Doormile's MileTruth routing engine delivered measurable efficiency gains — fewer vehicles, less fuel, and zero SLA misses.</p>
|
||||
<a href="#" class="dm-blog-read-more">
|
||||
Read More
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 7h8M8 4l3 3-3 3" stroke="#c01227" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Post 4 -->
|
||||
<article class="dm-blog-card">
|
||||
<div class="dm-blog-card-image">
|
||||
<img src="<?php echo $depth; ?>assets/images/blog-post-pic-31.png"
|
||||
alt="MileTruth AI 10 Stages" loading="lazy">
|
||||
</div>
|
||||
<div class="dm-blog-card-body">
|
||||
<div class="dm-blog-meta">
|
||||
<span class="dm-blog-category">MileTruth</span>
|
||||
<span class="dm-blog-date">Mar 28, 2025</span>
|
||||
</div>
|
||||
<h3>MileTruth™ AI — 10 Stages to Smarter Dispatch</h3>
|
||||
<p>From order ingestion to final route output in under 45ms — a technical walkthrough of the ten-stage pipeline at the heart of our routing engine.</p>
|
||||
<a href="#" class="dm-blog-read-more">
|
||||
Read More
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 7h8M8 4l3 3-3 3" stroke="#c01227" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Post 5 -->
|
||||
<article class="dm-blog-card">
|
||||
<div class="dm-blog-card-image">
|
||||
<img src="<?php echo $depth; ?>assets/images/blog-post-pic-14.jpeg"
|
||||
alt="Mathematical Precision in Routing" loading="lazy">
|
||||
</div>
|
||||
<div class="dm-blog-card-body">
|
||||
<div class="dm-blog-meta">
|
||||
<span class="dm-blog-category">Technology</span>
|
||||
<span class="dm-blog-date">Mar 15, 2025</span>
|
||||
</div>
|
||||
<h3>Why Mathematical Precision Beats Heuristics in Routing</h3>
|
||||
<p>Most routing tools guess. We calculate. Powered by Google OR-Tools, MileTruth evaluates six parallel strategy universes to select the optimal route every time.</p>
|
||||
<a href="#" class="dm-blog-read-more">
|
||||
Read More
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 7h8M8 4l3 3-3 3" stroke="#c01227" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Post 6 -->
|
||||
<article class="dm-blog-card">
|
||||
<div class="dm-blog-card-image">
|
||||
<img src="<?php echo $depth; ?>assets/images/blog-post-pic-8.jpeg"
|
||||
alt="Fleet Reduction Without Compromise" loading="lazy">
|
||||
</div>
|
||||
<div class="dm-blog-card-body">
|
||||
<div class="dm-blog-meta">
|
||||
<span class="dm-blog-category">Fleet Management</span>
|
||||
<span class="dm-blog-date">Feb 27, 2025</span>
|
||||
</div>
|
||||
<h3>Fleet Reduction Without Compromising Delivery Volume</h3>
|
||||
<p>Deploying 37% fewer vehicles while handling the same order volumes isn't a trade-off — it's the result of smarter routing intelligence applied at every dispatch.</p>
|
||||
<a href="#" class="dm-blog-read-more">
|
||||
Read More
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 7h8M8 4l3 3-3 3" stroke="#c01227" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Post 7 -->
|
||||
<article class="dm-blog-card">
|
||||
<div class="dm-blog-card-image">
|
||||
<img src="<?php echo $depth; ?>assets/images/blog-post-pic-6.jpeg"
|
||||
alt="Future of Urban Logistics" loading="lazy">
|
||||
</div>
|
||||
<div class="dm-blog-card-body">
|
||||
<div class="dm-blog-meta">
|
||||
<span class="dm-blog-category">Sustainability</span>
|
||||
<span class="dm-blog-date">Feb 12, 2025</span>
|
||||
</div>
|
||||
<h3>Building a Greener City: The Future of Urban Logistics</h3>
|
||||
<p>Cities are demanding cleaner delivery. We explore how AI-powered EV fleets and optimised routing create a path to zero-emission last-mile logistics at city scale.</p>
|
||||
<a href="#" class="dm-blog-read-more">
|
||||
Read More
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 7h8M8 4l3 3-3 3" stroke="#c01227" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Post 8 -->
|
||||
<article class="dm-blog-card">
|
||||
<div class="dm-blog-card-image">
|
||||
<img src="<?php echo $depth; ?>assets/images/blog-post-pic-4.jpeg"
|
||||
alt="SLA Compliance at Scale" loading="lazy">
|
||||
</div>
|
||||
<div class="dm-blog-card-body">
|
||||
<div class="dm-blog-meta">
|
||||
<span class="dm-blog-category">Operations</span>
|
||||
<span class="dm-blog-date">Jan 30, 2025</span>
|
||||
</div>
|
||||
<h3>How Doormile Maintains 99.9% SLA Compliance at Scale</h3>
|
||||
<p>Hitting SLA targets 99.9% of the time isn't luck — it's the product of ETA pre-validation, real-time rebalancing, and a routing engine built with delivery reliability as its first constraint.</p>
|
||||
<a href="#" class="dm-blog-read-more">
|
||||
Read More
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 7h8M8 4l3 3-3 3" stroke="#c01227" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Post 9 -->
|
||||
<article class="dm-blog-card">
|
||||
<div class="dm-blog-card-image">
|
||||
<img src="<?php echo $depth; ?>assets/images/blog-post-pic-3.jpeg"
|
||||
alt="Battery Simulation in EV Route Planning" loading="lazy">
|
||||
</div>
|
||||
<div class="dm-blog-card-body">
|
||||
<div class="dm-blog-meta">
|
||||
<span class="dm-blog-category">EV Fleet</span>
|
||||
<span class="dm-blog-date">Jan 14, 2025</span>
|
||||
</div>
|
||||
<h3>Battery Simulation: The Secret to EV Route Pre-Validation</h3>
|
||||
<p>Before a single rider leaves the hub, MileTruth™ simulates every route against real charge capacity — eliminating mid-route failures and protecting your fulfillment rate.</p>
|
||||
<a href="#" class="dm-blog-read-more">
|
||||
Read More
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 7h8M8 4l3 3-3 3" stroke="#c01227" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</div><!-- /dm-blog-grid -->
|
||||
</div>
|
||||
</section>
|
||||
8
includes/sections/blog/blog-hero.php
Normal file
8
includes/sections/blog/blog-hero.php
Normal file
@@ -0,0 +1,8 @@
|
||||
<!-- ── Hero ── -->
|
||||
<div class="blog-hero">
|
||||
<div class="blog-hero-inner">
|
||||
<div class="blog-hero-eyebrow">Insights & Articles</div>
|
||||
<h1>Doormile <span>Blog</span></h1>
|
||||
<p>Ideas, case studies, and deep dives on EV logistics, AI routing, and the future of last-mile delivery.</p>
|
||||
</div>
|
||||
</div>
|
||||
70
includes/sections/contact/contact-section.php
Normal file
70
includes/sections/contact/contact-section.php
Normal file
@@ -0,0 +1,70 @@
|
||||
<div class="elementor-element elementor-element-5d68e5b e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="5d68e5b" data-element_type="container" data-e-type="container"
|
||||
data-settings="{"background_background":"classic"}">
|
||||
<div class="elementor-element elementor-element-5268281 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="5268281" data-element_type="container" data-e-type="container">
|
||||
<?php include 'includes/sections/contact/contact.php'; ?>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-6612566 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="6612566" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-54dc966 elementor-widget__width-initial elementor-widget elementor-widget-logico_heading"
|
||||
data-id="54dc966" data-element_type="widget" data-e-type="widget"
|
||||
data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">/ quote /
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-26e1302 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-logico_heading"
|
||||
data-id="26e1302" data-element_type="widget" data-e-type="widget"
|
||||
data-settings="{"_animation":"logico_heading_animation"}"
|
||||
data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<h3 class="logico-title">
|
||||
Provide quick <br />Tracking your cargo
|
||||
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-a1011da elementor-widget__width-initial elementor-widget elementor-widget-text-editor"
|
||||
data-id="a1011da" data-element_type="widget" data-e-type="widget"
|
||||
data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>Pacific hake false trevally queen parrotfish black prickleback mosshead warbonnet
|
||||
sweeper! Greenling sleeper.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-6fe1f3d e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="6fe1f3d" data-element_type="container" data-e-type="container"
|
||||
data-settings="{"background_background":"classic"}">
|
||||
<div class="elementor-element elementor-element-7e3c2f6 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="7e3c2f6" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-2154fa6 elementor-widget elementor-widget-logico_heading"
|
||||
data-id="2154fa6" data-element_type="widget" data-e-type="widget"
|
||||
data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">Do you have any questions?
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-198f028 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="198f028" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-b264331 elementor-widget elementor-widget-text-editor"
|
||||
data-id="b264331" data-element_type="widget" data-e-type="widget"
|
||||
data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>Call us today</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-58a0dde elementor-widget elementor-widget-text-editor"
|
||||
data-id="58a0dde" data-element_type="widget" data-e-type="widget"
|
||||
data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>800 100 678 10 95</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
2287
includes/sections/contact/contact.php
Normal file
2287
includes/sections/contact/contact.php
Normal file
File diff suppressed because it is too large
Load Diff
46
includes/sections/hero/about-us.php
Normal file
46
includes/sections/hero/about-us.php
Normal file
@@ -0,0 +1,46 @@
|
||||
<style>
|
||||
@media (max-width: 1024px) {
|
||||
.about-hero-section {
|
||||
margin-top: 110px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="elementor elementor-2259 about-hero-section" >
|
||||
<div class="elementor-element elementor-element-8d7898b e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent" data-id="8d7898b" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-830d027 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child" data-id="830d027" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
|
||||
<div class="e-con-inner">
|
||||
<!-- <div class="elementor-element elementor-element-069b2a1 elementor-absolute e-transform e-transform elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile elementor-widget elementor-widget-logico_heading"
|
||||
data-id="069b2a1" data-element_type="widget" data-e-type="widget" data-settings="{"_position":"absolute","_transform_rotateZ_effect":{"unit":"px","size":-90,"sizes":[]},"_transform_translateX_effect":{"unit":"%","size":50,"sizes":[]},"_transform_translateX_effect_laptop":{"unit":"%","size":"","sizes":[]},"_transform_translateX_effect_tablet_extra":{"unit":"%","size":"","sizes":[]},"_transform_translateX_effect_tablet":{"unit":"%","size":"","sizes":[]},"_transform_translateX_effect_mobile_extra":{"unit":"%","size":"","sizes":[]},"_transform_translateX_effect_mobile":{"unit":"%","size":"","sizes":[]},"_transform_translateY_effect":{"unit":"%","size":100,"sizes":[]},"_transform_translateY_effect_laptop":{"unit":"%","size":"","sizes":[]},"_transform_translateY_effect_tablet_extra":{"unit":"%","size":"","sizes":[]},"_transform_translateY_effect_tablet":{"unit":"%","size":"","sizes":[]},"_transform_translateY_effect_mobile_extra":{"unit":"%","size":"","sizes":[]},"_transform_translateY_effect_mobile":{"unit":"%","size":"","sizes":[]},"_transform_rotateZ_effect_laptop":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_tablet_extra":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_tablet":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_mobile_extra":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_mobile":{"unit":"deg","size":"","sizes":[]}}"
|
||||
data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">Articles
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="elementor-element elementor-element-d17c4ca e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="d17c4ca" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-bd51cad elementor-widget elementor-widget-logico_page_title_line" data-id="bd51cad" data-element_type="widget" data-e-type="widget" data-widget_type="logico_page_title_line.default">
|
||||
<div class="elementor-widget-container">
|
||||
<h1 class="page-title logico-title-h2">About</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-91be79f elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-logico_breadcrumbs" data-id="91be79f" data-element_type="widget" data-e-type="widget" data-settings="{"_position":"absolute"}"
|
||||
data-widget_type="logico_breadcrumbs.default">
|
||||
<div class="elementor-widget-container">
|
||||
<nav class="breadcrumbs"><a href="index.php">Home</a><span class="delimiter">/</span><span class="current">About</span></nav>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-b9167b2 elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-logico_decorative_block" data-id="b9167b2" data-element_type="widget" data-e-type="widget" data-settings="{"_position":"absolute"}"
|
||||
data-widget_type="logico_decorative_block.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="block-decoration animation-enable block-decoration-style-1">
|
||||
<div class="block-decoration-item">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
46
includes/sections/hero/blogs-hero-section.php
Normal file
46
includes/sections/hero/blogs-hero-section.php
Normal file
@@ -0,0 +1,46 @@
|
||||
<style>
|
||||
@media (max-width: 1024px) {
|
||||
.blog-hero-section {
|
||||
margin-top: 110px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="elementor elementor-2259 blog-hero-section">
|
||||
<div class="elementor-element elementor-element-8d7898b e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent" data-id="8d7898b" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-830d027 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child" data-id="830d027" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
|
||||
<div class="e-con-inner">
|
||||
<div class="elementor-element elementor-element-069b2a1 elementor-absolute e-transform e-transform elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile elementor-widget elementor-widget-logico_heading"
|
||||
data-id="069b2a1" data-element_type="widget" data-e-type="widget" data-settings="{"_position":"absolute","_transform_rotateZ_effect":{"unit":"px","size":-90,"sizes":[]},"_transform_translateX_effect":{"unit":"%","size":50,"sizes":[]},"_transform_translateX_effect_laptop":{"unit":"%","size":"","sizes":[]},"_transform_translateX_effect_tablet_extra":{"unit":"%","size":"","sizes":[]},"_transform_translateX_effect_tablet":{"unit":"%","size":"","sizes":[]},"_transform_translateX_effect_mobile_extra":{"unit":"%","size":"","sizes":[]},"_transform_translateX_effect_mobile":{"unit":"%","size":"","sizes":[]},"_transform_translateY_effect":{"unit":"%","size":100,"sizes":[]},"_transform_translateY_effect_laptop":{"unit":"%","size":"","sizes":[]},"_transform_translateY_effect_tablet_extra":{"unit":"%","size":"","sizes":[]},"_transform_translateY_effect_tablet":{"unit":"%","size":"","sizes":[]},"_transform_translateY_effect_mobile_extra":{"unit":"%","size":"","sizes":[]},"_transform_translateY_effect_mobile":{"unit":"%","size":"","sizes":[]},"_transform_rotateZ_effect_laptop":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_tablet_extra":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_tablet":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_mobile_extra":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_mobile":{"unit":"deg","size":"","sizes":[]}}"
|
||||
data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">Articles
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-d17c4ca e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="d17c4ca" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-bd51cad elementor-widget elementor-widget-logico_page_title_line" data-id="bd51cad" data-element_type="widget" data-e-type="widget" data-widget_type="logico_page_title_line.default">
|
||||
<div class="elementor-widget-container">
|
||||
<h1 class="page-title logico-title-h2">Blogs </h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-91be79f elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-logico_breadcrumbs" data-id="91be79f" data-element_type="widget" data-e-type="widget" data-settings="{"_position":"absolute"}"
|
||||
data-widget_type="logico_breadcrumbs.default">
|
||||
<div class="elementor-widget-container">
|
||||
<nav class="breadcrumbs"><a href="index.php">Home</a><span class="delimiter">/</span><span class="current">Blogs</span></nav>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-b9167b2 elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-logico_decorative_block" data-id="b9167b2" data-element_type="widget" data-e-type="widget" data-settings="{"_position":"absolute"}"
|
||||
data-widget_type="logico_decorative_block.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="block-decoration animation-enable block-decoration-style-1">
|
||||
<div class="block-decoration-item">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
29
includes/sections/hero/contacts-hero-section.php
Normal file
29
includes/sections/hero/contacts-hero-section.php
Normal file
@@ -0,0 +1,29 @@
|
||||
<div class="elementor-element elementor-element-a9e42ed e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent" data-id="a9e42ed" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-5c0e23d e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child" data-id="5c0e23d" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
|
||||
<div class="e-con-inner">
|
||||
<div class="elementor-element elementor-element-401ea82 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="401ea82" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-ea205b5 elementor-widget elementor-widget-logico_page_title_line" data-id="ea205b5" data-element_type="widget" data-e-type="widget" data-widget_type="logico_page_title_line.default">
|
||||
<div class="elementor-widget-container">
|
||||
<h1 class="page-title logico-title-h2">Contacts</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-3d13f28 elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-logico_breadcrumbs" data-id="3d13f28" data-element_type="widget" data-e-type="widget" data-settings="{"_position":"absolute"}"
|
||||
data-widget_type="logico_breadcrumbs.default">
|
||||
<div class="elementor-widget-container">
|
||||
<nav class="breadcrumbs"><a href="index.php">Home</a><span class="delimiter">/</span><span class="current">Contacts</span></nav>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-e657a3d elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-logico_decorative_block" data-id="e657a3d" data-element_type="widget" data-e-type="widget" data-settings="{"_position":"absolute"}"
|
||||
data-widget_type="logico_decorative_block.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="block-decoration animation-enable block-decoration-style-1">
|
||||
<div class="block-decoration-item">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
81
includes/sections/hero/howits-hero-section.php
Normal file
81
includes/sections/hero/howits-hero-section.php
Normal file
@@ -0,0 +1,81 @@
|
||||
<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="{"items":1,"nav":true,"navText":"","dots":true,"progress":true,"dotsContainer":".owl-dots-6c7cbcb","autoplayHoverPause":false,"autoplay":false,"autoplaySpeed":5000,"autoplayTimeout":5000,"loop":true,"dragEndSpeed":1200,"navSpeed":1200,"dotsSpeed":1200,"pullDrag":false,"freeDrag":false,"callbacks":false,"animateOut":"fadeOut","rtl":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™ 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™ 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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
66
includes/sections/hero/index-hero-section.php
Normal file
66
includes/sections/hero/index-hero-section.php
Normal file
@@ -0,0 +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="{"items":1,"nav":true,"navText":"","dots":true,"progress":true,"dotsContainer":".owl-dots-6c7cbcb","autoplayHoverPause":false,"autoplay":false,"autoplaySpeed":5000,"autoplayTimeout":5000,"loop":true,"dragEndSpeed":1200,"navSpeed":1200,"dotsSpeed":1200,"pullDrag":false,"freeDrag":false,"callbacks":false,"animateOut":"fadeOut","rtl":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™ 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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
169
includes/sections/hero/miletruth-hero-section.php
Normal file
169
includes/sections/hero/miletruth-hero-section.php
Normal file
@@ -0,0 +1,169 @@
|
||||
<!-- <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-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="{"items":1,"nav":true,"navText":"","dots":true,"progress":true,"dotsContainer":".owl-dots-791327c","autoplayHoverPause":false,"autoplay":false,"autoplaySpeed":5000,"autoplayTimeout":5000,"loop":true,"dragEndSpeed":1200,"navSpeed":1200,"dotsSpeed":1200,"pullDrag":false,"freeDrag":false,"callbacks":false,"animateOut":"fadeOut","rtl":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™
|
||||
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>
|
||||
</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>
|
||||
</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> -->
|
||||
|
||||
|
||||
<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="{"items":1,"nav":true,"navText":"","dots":true,"progress":true,"dotsContainer":".owl-dots-6c7cbcb","autoplayHoverPause":false,"autoplay":false,"autoplaySpeed":5000,"autoplayTimeout":5000,"loop":true,"dragEndSpeed":1200,"navSpeed":1200,"dotsSpeed":1200,"pullDrag":false,"freeDrag":false,"callbacks":false,"animateOut":"fadeOut","rtl":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">Meet MileTruth™
|
||||
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">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">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">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>
|
||||
75
includes/sections/hero/solutions-hero-section.php
Normal file
75
includes/sections/hero/solutions-hero-section.php
Normal 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="{"items":1,"nav":true,"navText":"","dots":true,"progress":true,"dotsContainer":".owl-dots-6c7cbcb","autoplayHoverPause":false,"autoplay":false,"autoplaySpeed":5000,"autoplayTimeout":5000,"loop":true,"dragEndSpeed":1200,"navSpeed":1200,"dotsSpeed":1200,"pullDrag":false,"freeDrag":false,"callbacks":false,"animateOut":"fadeOut","rtl":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>
|
||||
3265
includes/sections/industry/industry-solutions.php
Normal file
3265
includes/sections/industry/industry-solutions.php
Normal file
File diff suppressed because one or more lines are too long
191
includes/sections/industry/industry.php
Normal file
191
includes/sections/industry/industry.php
Normal file
@@ -0,0 +1,191 @@
|
||||
<div class="elementor-element elementor-element-42672a9 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent"
|
||||
data-id="42672a9" data-element_type="container">
|
||||
|
||||
<div class="e-con-inner">
|
||||
<div class="elementor-element elementor-element-43ac813 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="43ac813" data-element_type="container">
|
||||
<div class="elementor-element elementor-element-5fbb9f3 elementor-widget elementor-widget-logico_tabs"
|
||||
data-id="5fbb9f3" data-element_type="widget"
|
||||
data-widget_type="logico_tabs.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-tabs-widget">
|
||||
<div class="logico-tabs-titles-container">
|
||||
<div class="logico-tab-title-item" data-id="logico-tab-id-1">
|
||||
<a >FMCG</a>
|
||||
</div>
|
||||
<div class="logico-tab-title-item" data-id="logico-tab-id-2">
|
||||
<a>Pharmaceutical</a>
|
||||
</div>
|
||||
<div class="logico-tab-title-item" data-id="logico-tab-id-3">
|
||||
<a>E-commerce</a>
|
||||
</div>
|
||||
<!-- <div class="logico-tab-title-item" data-id="logico-tab-id-4">
|
||||
<a href="#">Plane freight</a>
|
||||
</div>
|
||||
<div class="logico-tab-title-item" data-id="logico-tab-id-5">
|
||||
<a href="#">Warehousing</a>
|
||||
</div>
|
||||
<div class="logico-tab-title-item" data-id="logico-tab-id-6">
|
||||
<a href="#">Delivery</a>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="logico-tabs-content-container">
|
||||
<div class="logico-tab-content-item" id="logico-tab-id-1">
|
||||
<div class="logico-tab-text-container">
|
||||
<div class="tab-image-container">
|
||||
<img width="575" height="455" decoding="async"
|
||||
class="tab-image"
|
||||
src="assets/images/tab-pic-1.jpeg" alt="" />
|
||||
</div>
|
||||
<div class="tab-text-container">
|
||||
<h3>30% reduction in delivery exceptions</h3>
|
||||
<p>
|
||||
<strong>We faced the challenge of managing thousands of daily deliveries across multiple carriers, each with different SLAs.</strong>
|
||||
</p>
|
||||
<p>To solve this, MileTruth™ provides a unified view of all shipments, predicts potential delays, and automatically escalates issues before they impact customers.</p>
|
||||
<!-- <div class="tab-button-container">
|
||||
<a class="logico-alter-button" href="#">Explore
|
||||
more</a>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="logico-tab-content-item" id="logico-tab-id-2">
|
||||
<div class="logico-tab-text-container">
|
||||
<div class="tab-image-container">
|
||||
<img width="575" height="455" decoding="async"
|
||||
class="tab-image"
|
||||
src="assets/images/tab-pic-2.jpeg" alt="" />
|
||||
</div>
|
||||
<div class="tab-text-container">
|
||||
<h3>99.8% cold chain compliance</h3>
|
||||
<p>
|
||||
<strong>We faced the challenge of maintaining cold chain visibility and ensuring compliance for temperature-sensitive shipments.</strong>
|
||||
</p>
|
||||
<p>Real-time temperature monitoring with AI-powered alerts when conditions deviate from safe ranges.</p>
|
||||
<!-- <div class="tab-button-container">
|
||||
<a class="logico-alter-button"
|
||||
href="#">Explore
|
||||
more</a>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="logico-tab-content-item" id="logico-tab-id-3">
|
||||
<div class="logico-tab-text-container">
|
||||
<div class="tab-image-container">
|
||||
<img width="575" height="455" decoding="async"
|
||||
class="tab-image"
|
||||
src="assets/images/tab-pic-3.jpeg" alt="tab-pic-3.jpeg" />
|
||||
</div>
|
||||
<div class="tab-text-container">
|
||||
<h3>25% improvement in on-time delivery</h3>
|
||||
<p>
|
||||
<strong>We faced the challenge of promising accurate delivery dates at checkout while handling dynamic inventory and capacity constraints.</strong>
|
||||
</p>
|
||||
<p>To solve this, we use an AI-powered delivery promise engine that considers real-time capacity, weather conditions, and historical performance.</p>
|
||||
<!-- <div class="tab-button-container">
|
||||
<a class="logico-alter-button"
|
||||
href="#">Explore
|
||||
more</a>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="logico-tab-content-item" id="logico-tab-id-4">
|
||||
<div class="logico-tab-text-container">
|
||||
<div class="tab-image-container">
|
||||
<img width="575" height="455" decoding="async"
|
||||
class="tab-image"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/10/tab-pic-4.jpg"
|
||||
alt="" />
|
||||
</div>
|
||||
<div class="tab-text-container">
|
||||
<h3>Plane freight features on this service</h3>
|
||||
<p>
|
||||
<strong>Halosaur duckbilled barracudina,
|
||||
goosefish gar pleco, chum salmon armoured
|
||||
catfish gudgeon sawfish whitefish orbicular
|
||||
batfish</strong>
|
||||
</p>
|
||||
<p>Triggerfish bluntnose knifefish upside-down
|
||||
catfish cobia spookfish convict cichlid, "cat
|
||||
shark; saw shark trout cod." Pacific hake false
|
||||
trevally queen parrotfish black prickleback
|
||||
moss. Pacific hake false trevally queen
|
||||
parrotfish black prickleback moss</p>
|
||||
<div class="tab-button-container">
|
||||
<a class="logico-alter-button"
|
||||
href="#">Explore
|
||||
more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="logico-tab-content-item" id="logico-tab-id-5">
|
||||
<div class="logico-tab-text-container">
|
||||
<div class="tab-image-container">
|
||||
<img width="575" height="455" decoding="async"
|
||||
class="tab-image"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/10/tab-pic-5.jpg"
|
||||
alt="" />
|
||||
</div>
|
||||
<div class="tab-text-container">
|
||||
<h3>Warehousing features on this service</h3>
|
||||
<p>
|
||||
<strong>Halosaur duckbilled barracudina,
|
||||
goosefish gar pleco, chum salmon armoured
|
||||
catfish gudgeon sawfish whitefish orbicular
|
||||
batfish</strong>
|
||||
</p>
|
||||
<p>Triggerfish bluntnose knifefish upside-down
|
||||
catfish cobia spookfish convict cichlid, "cat
|
||||
shark; saw shark trout cod." Pacific hake false
|
||||
trevally queen parrotfish black prickleback
|
||||
moss. Pacific hake false trevally queen
|
||||
parrotfish black prickleback moss</p>
|
||||
<div class="tab-button-container">
|
||||
<a class="logico-alter-button"
|
||||
href="#">Explore
|
||||
more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="logico-tab-content-item" id="logico-tab-id-6">
|
||||
<div class="logico-tab-text-container">
|
||||
<div class="tab-image-container">
|
||||
<img width="575" height="455" decoding="async"
|
||||
class="tab-image"
|
||||
src="https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/uploads/2024/10/tab-pic-6.jpg"
|
||||
alt="" />
|
||||
</div>
|
||||
<div class="tab-text-container">
|
||||
<h3>Delivery features on this service</h3>
|
||||
<p>
|
||||
<strong>Halosaur duckbilled barracudina,
|
||||
goosefish gar pleco, chum salmon armoured
|
||||
catfish gudgeon sawfish whitefish orbicular
|
||||
batfish</strong>
|
||||
</p>
|
||||
<p>Triggerfish bluntnose knifefish upside-down
|
||||
catfish cobia spookfish convict cichlid, "cat
|
||||
shark; saw shark trout cod." Pacific hake false
|
||||
trevally queen parrotfish black prickleback
|
||||
moss. Pacific hake false trevally queen
|
||||
parrotfish black prickleback moss</p>
|
||||
<div class="tab-button-container">
|
||||
<a class="logico-alter-button"
|
||||
href="#">Explore
|
||||
more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
1156
includes/sections/logistics/connected-log.php
Normal file
1156
includes/sections/logistics/connected-log.php
Normal file
File diff suppressed because it is too large
Load Diff
139
includes/sections/logistics/connected-logistics-section.php
Normal file
139
includes/sections/logistics/connected-logistics-section.php
Normal file
@@ -0,0 +1,139 @@
|
||||
<style>
|
||||
/* Custom adjustments for the logistics hero section */
|
||||
.elementor-element-89a0ca1 {
|
||||
min-height: auto !important;
|
||||
padding-top: 100px !important;
|
||||
padding-bottom: 100px !important;
|
||||
overflow-x: hidden !important; /* Prevent horizontal scroll from decorative elements */
|
||||
position: relative !important;
|
||||
}
|
||||
.elementor-element-96343ba {
|
||||
padding-left: 3% !important; /* Move image to the right */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.elementor-element-99768ba img {
|
||||
max-height: 750px !important; /* Reduce image height */
|
||||
width: auto !important;
|
||||
object-fit: contain;
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
.elementor-element-96343ba {
|
||||
padding-left: 0 !important;
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
.elementor-element-99768ba img {
|
||||
max-height: 400px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="elementor-element elementor-element-89a0ca1 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent" data-id="89a0ca1" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-9ffed33 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="9ffed33" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
|
||||
<div class="elementor-element elementor-element-96343ba e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="96343ba" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-99768ba elementor-widget elementor-widget-image"
|
||||
data-id="99768ba" data-element_type="widget" data-widget_type="image.default">
|
||||
<div class="elementor-widget-container">
|
||||
<img fetchpriority="high" decoding="async" width="578" height="790"
|
||||
src="assets/images/home2-pic-3.png"
|
||||
class="attachment-full size-full wp-image-4481" alt="assets/images/home2-pic-3.png" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="elementor-element elementor-element-0031d81 elementor-absolute elementor-widget elementor-widget-logico_video_button" data-id="0031d81" data-element_type="widget" data-e-type="widget" data-settings="{"youtube_url":"https:\/\/www.youtube.com\/watch?v=XHOmBV4js_E","_position":"absolute","video_type":"youtube","controls":"yes","lightbox":"yes"}" 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-lift">
|
||||
<div class="elementor-custom-embed-image-overlay video-button-wrapper" data-elementor-open-lightbox="yes" data-elementor-lightbox="{"type":"video","videoType":"youtube","url":"https:\/\/www.youtube.com\/embed\/XHOmBV4js_E?feature=oembed&start&end&wmode=opaque&loop=0&controls=1&mute=0&rel=0&cc_load_policy=0","autoplay":"","modalOptions":{"id":"elementor-lightbox-0031d81","entranceAnimation":"","entranceAnimation_tablet":"","entranceAnimation_mobile":"","videoAspectRatio":"169"}}" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJ0eXBlIjoidmlkZW8iLCJ2aWRlb1R5cGUiOiJ5b3V0dWJlIiwidXJsIjoiaHR0cHM6XC9cL3d3dy55b3V0dWJlLmNvbVwvZW1iZWRcL1hIT21CVjRqc19FP2ZlYXR1cmU9b2VtYmVkJnN0YXJ0JmVuZCZ3bW9kZT1vcGFxdWUmbG9vcD0wJmNvbnRyb2xzPTEmbXV0ZT0wJnJlbD0wJmNjX2xvYWRfcG9saWN5PTAiLCJhdXRvcGxheSI6IiIsIm1vZGFsT3B0aW9ucyI6eyJpZCI6ImVsZW1lbnRvci1saWdodGJveC0wMDMxZDgxIiwiZW50cmFuY2VBbmltYXRpb24iOiIiLCJlbnRyYW5jZUFuaW1hdGlvbl90YWJsZXQiOiIiLCJlbnRyYW5jZUFuaW1hdGlvbl9tb2JpbGUiOiIiLCJ2aWRlb0FzcGVjdFJhdGlvIjoiMTY5In19">
|
||||
<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="elementor-element elementor-element-71c3e1d e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="71c3e1d" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-fdb2e58 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="fdb2e58" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-0136e6e elementor-widget elementor-widget-logico_heading" data-id="0136e6e" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">/ Connected Logistics /
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-7500280 elementor-invisible elementor-widget elementor-widget-logico_heading" data-id="7500280" data-element_type="widget" data-e-type="widget" data-settings="{"_animation":"logico_heading_animation"}" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<h3 class="logico-title">Smart logistics solutions we deliver for modern supply chains
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-4cc07a7 elementor-widget elementor-widget-logico_heading" data-id="4cc07a7" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">Real-Time Visibility
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-165dfa5 elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="165dfa5" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>See every shipment, every vehicle, every handoff—live. No blind spots.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-da9d310 elementor-widget elementor-widget-logico_heading" data-id="da9d310" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">Dynamic Route Adjustment
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-3888a1e elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="3888a1e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>AI continuously optimizes routes based on traffic, weather, and real-world conditions.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="elementor-element elementor-element-da9d310 elementor-widget elementor-widget-logico_heading" data-id="da9d310" 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-3888a1e elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="3888a1e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>Detect SLA risks hours before they become problems. Act, don't react.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="elementor-element elementor-element-da9d310 elementor-widget elementor-widget-logico_heading" data-id="da9d310" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">Execution Intelligence
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-3888a1e elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="3888a1e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>Learn from every delivery. Get smarter with every mile traveled.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="elementor-element elementor-element-c0a45e4 elementor-widget elementor-widget-logico_button" data-id="c0a45e4" 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 class="elementor-element elementor-element-0efc59e elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-logico_decorative_block" data-id="0efc59e" data-element_type="widget" data-e-type="widget" data-settings="{"_position":"absolute"}" data-widget_type="logico_decorative_block.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="block-decoration animation-enable block-decoration-style-1">
|
||||
<div class="block-decoration-item"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
173
includes/sections/logistics/ev-logistics.php
Normal file
173
includes/sections/logistics/ev-logistics.php
Normal file
@@ -0,0 +1,173 @@
|
||||
<link rel="stylesheet" href="assets/css/widgets/widget-accordion.min.css" type="text/css" media="all" />
|
||||
|
||||
<style>
|
||||
/* EV Section Column Layout */
|
||||
.elementor-element-b8da0f5>.e-con-inner {
|
||||
display: flex;
|
||||
flex-direction: row !important;
|
||||
align-items: center !important;
|
||||
gap: 40px !important;
|
||||
justify-content: space-between !important;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.elementor-element-aef73c1 {
|
||||
flex: 1 1 45% !important;
|
||||
margin: 0 auto !important;
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.elementor-element-89d7623 {
|
||||
flex: 1 1 55% !important;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.elementor-element-b8da0f5>.e-con-inner {
|
||||
flex-direction: column-reverse !important;
|
||||
}
|
||||
|
||||
.elementor-element-aef73c1,
|
||||
.elementor-element-89d7623 {
|
||||
width: 100% !important;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
/* Accordion icon styling */
|
||||
.elementor-element-155d377 .elementor-accordion-icon-closed i {
|
||||
color: #000000 !important;
|
||||
}
|
||||
|
||||
.elementor-element-155d377 .elementor-tab-title.elementor-active .elementor-accordion-icon-opened i {
|
||||
color: #c01227 !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="elementor-element elementor-element-b8da0f5 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent accordion" style="margin: 60px;"
|
||||
data-id="b8da0f5" data-element_type="container">
|
||||
<div class="e-con-inner">
|
||||
<div class="elementor-element elementor-element-aef73c1 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="aef73c1" data-element_type="container">
|
||||
<div class="elementor-element elementor-element-e2a1b94 elementor-widget elementor-widget-image"
|
||||
data-id="e2a1b94" data-element_type="widget" data-widget_type="image.default">
|
||||
<div class="elementor-widget-container">
|
||||
<img width="995" height="475" src="assets/images/ev.jpeg"
|
||||
class="attachment-full size-full wp-image-ev" alt="Electric Truck Charging"
|
||||
style="border-radius: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); width: 100%; height: auto;" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-89d7623 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="89d7623" data-element_type="container">
|
||||
<div class="elementor-element elementor-element-54d05ac elementor-invisible elementor-widget elementor-widget-logico_heading"
|
||||
data-id="54d05ac" data-element_type="widget"
|
||||
data-settings="{"_animation":"logico_heading_animation"}"
|
||||
data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<h3 class="logico-title">Logistics Built for Electric Vehicles
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-155d377 elementor-widget elementor-widget-accordion"
|
||||
data-id="155d377" data-element_type="widget" data-widget_type="accordion.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="elementor-accordion">
|
||||
<div class="elementor-accordion-item">
|
||||
<div id="elementor-tab-title-2241" class="elementor-tab-title" data-tab="1" role="button"
|
||||
aria-controls="elementor-tab-content-2241" aria-expanded="false">
|
||||
<span class="elementor-accordion-icon elementor-accordion-icon-right"
|
||||
aria-hidden="true">
|
||||
<span class="elementor-accordion-icon-closed">
|
||||
<i class="fontello icon-arrow-x-r-down"></i>
|
||||
</span>
|
||||
<span class="elementor-accordion-icon-opened">
|
||||
<i class="fontello icon-arrow-x-r-top"></i>
|
||||
</span>
|
||||
</span>
|
||||
<a class="elementor-accordion-title" tabindex="0">01. Battery-First Planning</a>
|
||||
</div>
|
||||
<div id="elementor-tab-content-2241" class="elementor-tab-content elementor-clearfix"
|
||||
data-tab="1" role="region" aria-labelledby="elementor-tab-title-2241">
|
||||
<p>
|
||||
Routes are optimized around battery levels and charging windows, not retrofitted as
|
||||
an afterthought.
|
||||
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-accordion-item">
|
||||
<div id="elementor-tab-title-2242" class="elementor-tab-title" data-tab="2" role="button"
|
||||
aria-controls="elementor-tab-content-2242" aria-expanded="false">
|
||||
<span class="elementor-accordion-icon elementor-accordion-icon-right"
|
||||
aria-hidden="true">
|
||||
<span class="elementor-accordion-icon-closed">
|
||||
<i class="fontello icon-arrow-x-r-down"></i>
|
||||
</span>
|
||||
<span class="elementor-accordion-icon-opened">
|
||||
<i class="fontello icon-arrow-x-r-top"></i>
|
||||
</span>
|
||||
</span>
|
||||
<a class="elementor-accordion-title" tabindex="0">02. Energy-Aware Routing</a>
|
||||
</div>
|
||||
<div id="elementor-tab-content-2242" class="elementor-tab-content elementor-clearfix"
|
||||
data-tab="2" role="region" aria-labelledby="elementor-tab-title-2242">
|
||||
<p>
|
||||
Our algorithms factor in terrain, traffic, and payload weight to maximize range
|
||||
efficiency
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-accordion-item">
|
||||
<div id="elementor-tab-title-2243" class="elementor-tab-title" data-tab="3" role="button"
|
||||
aria-controls="elementor-tab-content-2243" aria-expanded="false">
|
||||
<span class="elementor-accordion-icon elementor-accordion-icon-right"
|
||||
aria-hidden="true">
|
||||
<span class="elementor-accordion-icon-closed">
|
||||
<i class="fontello icon-arrow-x-r-down"></i>
|
||||
</span>
|
||||
<span class="elementor-accordion-icon-opened">
|
||||
<i class="fontello icon-arrow-x-r-top"></i>
|
||||
</span>
|
||||
</span>
|
||||
<a class="elementor-accordion-title" tabindex="0">03. Smart Charging
|
||||
Integration</a>
|
||||
</div>
|
||||
<div id="elementor-tab-content-2243" class="elementor-tab-content elementor-clearfix"
|
||||
data-tab="3" role="region" aria-labelledby="elementor-tab-title-2243">
|
||||
<p>
|
||||
Seamless coordination with charging infrastructure to eliminate range anxiety for
|
||||
drivers.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-accordion-item">
|
||||
<div id="elementor-tab-title-2244" class="elementor-tab-title" data-tab="4" role="button"
|
||||
aria-controls="elementor-tab-content-2244" aria-expanded="false">
|
||||
<span class="elementor-accordion-icon elementor-accordion-icon-right"
|
||||
aria-hidden="true">
|
||||
<span class="elementor-accordion-icon-closed">
|
||||
<i class="fontello icon-arrow-x-r-down"></i>
|
||||
</span>
|
||||
<span class="elementor-accordion-icon-opened">
|
||||
<i class="fontello icon-arrow-x-r-top"></i>
|
||||
</span>
|
||||
</span>
|
||||
<a class="elementor-accordion-title" tabindex="0">04. Carbon Footprint Tracking</a>
|
||||
</div>
|
||||
<div id="elementor-tab-content-2244" class="elementor-tab-content elementor-clearfix"
|
||||
data-tab="4" role="region" aria-labelledby="elementor-tab-title-2244">
|
||||
<p>
|
||||
Real-time emissions monitoring and sustainability reports for every delivery.<br />
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
173
includes/sections/logistics/ev-premium.php
Normal file
173
includes/sections/logistics/ev-premium.php
Normal file
@@ -0,0 +1,173 @@
|
||||
|
||||
<link rel="stylesheet" href="assets/css/sections/section-ev-premium.css">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
|
||||
<section class="evp-section">
|
||||
<!-- Background Decor -->
|
||||
<div class="evp-bg-aura aura-red"></div>
|
||||
<div class="evp-bg-aura aura-blue"></div>
|
||||
<div class="evp-grid-overlay"></div>
|
||||
|
||||
<div class="evp-container">
|
||||
<div class="evp-layout">
|
||||
|
||||
<!-- LEFT: Strategic Content -->
|
||||
<div class="evp-content">
|
||||
<div class="evp-tag">
|
||||
<span class="status-dot"></span>
|
||||
EV-Native Intelligence
|
||||
</div>
|
||||
|
||||
<h2 class="evp-title" style="color:#FFFFFF !important">
|
||||
BUILT FOR ELECTRIC.
|
||||
<span>NOT ADAPTED.</span>
|
||||
</h2>
|
||||
|
||||
<p class="evp-desc">
|
||||
Most logistics software treats EVs as diesel trucks with a battery. Doormile was built EV-first—understanding that electric fleets require fundamentally different intelligence.
|
||||
</p>
|
||||
|
||||
<div class="evp-features">
|
||||
<!-- Feature 1 -->
|
||||
<div class="evp-feature-card">
|
||||
<div class="evp-icon-box">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v20M2 12h20M4.93 4.93l14.14 14.14M4.93 19.07L19.07 4.93"/></svg>
|
||||
</div>
|
||||
<h4>Adaptive Routing</h4>
|
||||
<p>Battery level, health, and degradation are primary inputs to our route optimization engine.</p>
|
||||
</div>
|
||||
|
||||
<!-- Feature 2 -->
|
||||
<div class="evp-feature-card">
|
||||
<div class="evp-icon-box">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18.36 6.64A9 9 0 1 1 5.64 19.36m12.72-12.72L12 12M18.36 6.64L19.77 5.23"/></svg>
|
||||
</div>
|
||||
<h4>Charging Sync</h4>
|
||||
<p>Seamlessly integrate charging stops into routes without compromising strict delivery windows.</p>
|
||||
</div>
|
||||
|
||||
<!-- Feature 3 -->
|
||||
<div class="evp-feature-card">
|
||||
<div class="evp-icon-box">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>
|
||||
</div>
|
||||
<h4>Energy Paths</h4>
|
||||
<p>Advanced terrain and weather models predict energy consumption with 98% accuracy.</p>
|
||||
</div>
|
||||
|
||||
<!-- Feature 4 -->
|
||||
<div class="evp-feature-card">
|
||||
<div class="evp-icon-box">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><line x1="12" y1="8" x2="12" y2="16"/><line x1="8" y1="12" x2="16" y2="12"/></svg>
|
||||
</div>
|
||||
<h4>Total Control</h4>
|
||||
<p>Real-time telemetry gives you a god-view of every asset's health and performance.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- RIGHT: Interactive Dashboard Visual -->
|
||||
<div class="evp-visual">
|
||||
<div class="evp-dashboard">
|
||||
<div class="evp-db-header">
|
||||
<div>
|
||||
<span class="evp-db-title">Fleet Status</span>
|
||||
<h4 class="evp-db-id">DML-001</h4>
|
||||
</div>
|
||||
<div class="evp-live-tag">
|
||||
Live Telemetry
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="evp-van-stage">
|
||||
<!-- Floating HUD: Battery -->
|
||||
<div class="evp-hud-card hud-battery" data-speed="1.2">
|
||||
<div class="evp-progress-wrap">
|
||||
<svg class="evp-progress-svg" viewBox="0 0 40 40">
|
||||
<circle class="evp-progress-circle-bg" cx="20" cy="20" r="18"/>
|
||||
<circle class="evp-progress-circle" cx="20" cy="20" r="18" style="stroke-dasharray: 113; stroke-dashoffset: 113;"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<div class="hud-label-small">Battery Charge</div>
|
||||
<div class="hud-val-large">82%</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Floating HUD: Location -->
|
||||
<div class="evp-hud-card hud-location" data-speed="0.8">
|
||||
<div class="hud-label-small">Current Location</div>
|
||||
<div class="hud-val-large" style="font-size: 16px;">Downtown HQ</div>
|
||||
<div style="font-size: 10px; color: #10B981; margin-top: 5px;">• On Schedule</div>
|
||||
</div>
|
||||
|
||||
<!-- Floating HUD: Route -->
|
||||
<div class="evp-hud-card hud-route" data-speed="1.5">
|
||||
<div class="hud-label-small">Active Route</div>
|
||||
<div class="hud-val-large" style="font-size: 16px;">Zone B delivery</div>
|
||||
<div class="hud-route-path">
|
||||
<div class="hud-route-line"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<img src="assets/images/premium-ev-van.png" alt="Doormile Premium Electric Van" class="evp-van-image">
|
||||
</div>
|
||||
|
||||
<!-- Metrics Row -->
|
||||
<div class="evp-metrics">
|
||||
<div class="m-item">
|
||||
<div class="m-label">Fuel Saved</div>
|
||||
<div class="m-value">40%</div>
|
||||
</div>
|
||||
<div class="m-item">
|
||||
<div class="m-label">Emissions</div>
|
||||
<div class="m-value">ZERO</div>
|
||||
</div>
|
||||
<div class="m-item">
|
||||
<div class="m-label">Uptime</div>
|
||||
<div class="m-value">98%</div>
|
||||
</div>
|
||||
<div class="m-item">
|
||||
<div class="m-label">Efficiency</div>
|
||||
<div class="m-value">3x</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
// Animate Battery Progress
|
||||
setTimeout(() => {
|
||||
const circle = document.querySelector('.evp-progress-circle');
|
||||
if (circle) {
|
||||
circle.style.strokeDashoffset = '20.34'; // 82% of 113
|
||||
}
|
||||
}, 500);
|
||||
|
||||
// Subtle Mouse Parallax for HUD cards
|
||||
const container = document.querySelector('.evp-visual');
|
||||
const cards = document.querySelectorAll('.evp-hud-card');
|
||||
|
||||
container.addEventListener('mousemove', (e) => {
|
||||
const rect = container.getBoundingClientRect();
|
||||
const x = e.clientX - rect.left - rect.width / 2;
|
||||
const y = e.clientY - rect.top - rect.height / 2;
|
||||
|
||||
cards.forEach(card => {
|
||||
const speed = card.getAttribute('data-speed') || 1;
|
||||
card.style.transform = `translate(${x * 0.02 * speed}px, ${y * 0.02 * speed}px)`;
|
||||
});
|
||||
});
|
||||
|
||||
container.addEventListener('mouseleave', () => {
|
||||
cards.forEach(card => {
|
||||
card.style.transform = `translate(0, 0)`;
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
289
includes/sections/logistics/ev.php
Normal file
289
includes/sections/logistics/ev.php
Normal file
@@ -0,0 +1,289 @@
|
||||
<div class="elementor-element elementor-element-bbc6760 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent" data-id="bbc6760" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-13a7637 elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-logico_decorative_block" data-id="13a7637" data-element_type="widget" data-e-type="widget" data-settings="{"_position":"absolute"}" data-widget_type="logico_decorative_block.default">
|
||||
<div class="elementor-widget-container">
|
||||
<!-- <div class="block-decoration animation-enable block-decoration-style-1 animated">
|
||||
<div class="block-decoration-item">
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div data-parallax="scroll" class="elementor-element elementor-element-7da6646 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="7da6646" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}" style="background-position: center 195.9px;">
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-8b5d6e6 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="8b5d6e6" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-1f766ea e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="1f766ea" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-3b61435 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="3b61435" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
|
||||
<div class="elementor-element elementor-element-c364d1c elementor-widget elementor-widget-text-editor" data-id="c364d1c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>01</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-239afbb elementor-widget elementor-widget-logico_heading" data-id="239afbb" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<h5 class="logico-title">EV Logistics
|
||||
</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-0d307dd elementor-widget elementor-widget-text-editor" data-id="0d307dd" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>Cleaner miles, lower costs</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-5aea22e e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="5aea22e" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
|
||||
<!-- <div class="elementor-element elementor-element-46b9ffa elementor-widget elementor-widget-logico_button" data-id="46b9ffa" 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-small-button">
|
||||
Explore more<svg viewBox="0 0 13 20">
|
||||
<polyline points="0.5 19.5 3 19.5 12.5 10 3 0.5"></polyline>
|
||||
</svg> </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-b6e14bd e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child" data-id="b6e14bd" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
|
||||
<div class="e-con-inner">
|
||||
<div class="elementor-element elementor-element-90cc867 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="90cc867" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-24c0280 elementor-widget__width-inherit elementor-widget elementor-widget-logico_heading" data-id="24c0280" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">/ EV-Native Design /
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-2ed47f3 e-con-full e-grid cut-corner-no sticky-container-off e-con e-child" data-id="2ed47f3" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-36efec7 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="36efec7" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-778840d elementor-widget elementor-widget-logico_heading animated logico_heading_animation" data-id="778840d" data-element_type="widget" data-e-type="widget" data-settings="{"_animation":"logico_heading_animation"}" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<h3 class="logico-title" data-animate>
|
||||
<span>Built for Electric.</span><br>
|
||||
Not Adapted.
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-bbfb67f elementor-widget elementor-widget-image" data-id="bbfb67f" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
|
||||
<div class="elementor-widget-container">
|
||||
<img fetchpriority="high" decoding="async" width="626" height="692" src="assets/images/home4-pic-1.png" class="attachment-full size-full wp-image-6789" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-b2c956f e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="b2c956f" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-1a450c2 elementor-absolute elementor-widget elementor-widget-image" data-id="1a450c2" data-element_type="widget" data-e-type="widget" data-settings="{"_position":"absolute"}" data-widget_type="image.default">
|
||||
<div class="elementor-widget-container">
|
||||
<img loading="lazy" decoding="async" width="965" height="474" src="assets/images/bg-map.png" class="attachment-full size-full wp-image-1148" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-6b51278 elementor-view-stacked elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="6b51278" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="elementor-icon-box-wrapper">
|
||||
|
||||
<div class="elementor-icon-box-icon">
|
||||
<span class="elementor-icon">
|
||||
<i aria-hidden="true" class="fontello icon-arrow-x-r-top"></i> </span>
|
||||
</div>
|
||||
|
||||
<div class="elementor-icon-box-content">
|
||||
|
||||
<div class="elementor-icon-box-title">
|
||||
<span>
|
||||
Battery-Aware Routing </span>
|
||||
</div>
|
||||
|
||||
<p class="elementor-icon-box-description">
|
||||
Battery level, health, and degradation are first-class inputs to route optimization. </p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-e34beb2 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="e34beb2" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="elementor-divider">
|
||||
<span class="elementor-divider-separator">
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-27ba815 elementor-view-stacked elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="27ba815" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="elementor-icon-box-wrapper">
|
||||
|
||||
<div class="elementor-icon-box-icon">
|
||||
<span class="elementor-icon">
|
||||
<i aria-hidden="true" class="fontello icon-arrow-x-r-top"></i> </span>
|
||||
</div>
|
||||
|
||||
<div class="elementor-icon-box-content">
|
||||
|
||||
<div class="elementor-icon-box-title">
|
||||
<span>
|
||||
Charging Integration </span>
|
||||
</div>
|
||||
|
||||
<p class="elementor-icon-box-description">
|
||||
Seamlessly integrate charging stops without compromising delivery windows.</p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-6895eb5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="6895eb5" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="elementor-divider">
|
||||
<span class="elementor-divider-separator">
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-332c78f elementor-view-stacked elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="332c78f" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="elementor-icon-box-wrapper">
|
||||
|
||||
<div class="elementor-icon-box-icon">
|
||||
<span class="elementor-icon">
|
||||
<i aria-hidden="true" class="fontello icon-arrow-x-r-top"></i> </span>
|
||||
</div>
|
||||
|
||||
<div class="elementor-icon-box-content">
|
||||
|
||||
<div class="elementor-icon-box-title">
|
||||
<span>
|
||||
Energy-Optimized Paths </span>
|
||||
</div>
|
||||
|
||||
<p class="elementor-icon-box-description">
|
||||
Factor in elevation, speed limits, and weather for maximum efficiency.</p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="elementor-element elementor-element-6895eb5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="6895eb5" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="elementor-divider">
|
||||
<span class="elementor-divider-separator">
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-332c78f elementor-view-stacked elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="332c78f" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="elementor-icon-box-wrapper">
|
||||
|
||||
<div class="elementor-icon-box-icon">
|
||||
<span class="elementor-icon">
|
||||
<i aria-hidden="true" class="fontello icon-arrow-x-r-top"></i> </span>
|
||||
</div>
|
||||
|
||||
<div class="elementor-icon-box-content">
|
||||
|
||||
<div class="elementor-icon-box-title">
|
||||
<span>
|
||||
Predictable Operations </span>
|
||||
</div>
|
||||
|
||||
<p class="elementor-icon-box-description">
|
||||
EVs become predictable assets, not operational risks.</p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="elementor-element elementor-element-e70d3b7 elementor-widget elementor-widget-logico_button" data-id="e70d3b7" 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>
|
||||
|
||||
<style>
|
||||
/* Core Styling */
|
||||
|
||||
|
||||
.logico-title .word {
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
margin-right: 0.1em;
|
||||
}
|
||||
|
||||
.logico-title .letter {
|
||||
display: inline-block;
|
||||
opacity: 0;
|
||||
transform: translateY(0.5em);
|
||||
animation: fadeInUp 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;
|
||||
}
|
||||
|
||||
/* Animation Keyframes */
|
||||
@keyframes fadeInUp {
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
/**
|
||||
* Automatically splits text into words and letters
|
||||
* and applies incrementing animation delays.
|
||||
*/
|
||||
document.querySelectorAll('[data-animate]').forEach(element => {
|
||||
// Preserve the internal HTML structure (like <br>) for line breaks
|
||||
const lines = element.innerHTML.split(/<br\s*\/?>/i);
|
||||
element.textContent = '';
|
||||
|
||||
lines.forEach((line, lineIdx) => {
|
||||
const lineContainer = document.createElement('div');
|
||||
lineContainer.style.display = 'block';
|
||||
|
||||
// Extract text from potential nested spans
|
||||
const tempDiv = document.createElement('div');
|
||||
tempDiv.innerHTML = line;
|
||||
const text = tempDiv.textContent.trim();
|
||||
|
||||
text.split(/\s+/).forEach((word, wordIdx) => {
|
||||
const wordSpan = document.createElement('span');
|
||||
wordSpan.className = 'word';
|
||||
|
||||
word.split('').forEach((letter, letterIdx) => {
|
||||
const letterSpan = document.createElement('span');
|
||||
letterSpan.className = 'letter';
|
||||
letterSpan.textContent = letter;
|
||||
|
||||
// Stagger delay based on line, word, and letter
|
||||
const delay = (lineIdx * 0.2) + (wordIdx * 0.1) + (letterIdx * 0.03);
|
||||
letterSpan.style.animationDelay = `${delay}s`;
|
||||
|
||||
wordSpan.appendChild(letterSpan);
|
||||
});
|
||||
|
||||
lineContainer.appendChild(wordSpan);
|
||||
// Add a non-breaking space after each word span for spacing
|
||||
lineContainer.appendChild(document.createTextNode('\u00A0'));
|
||||
});
|
||||
|
||||
element.appendChild(lineContainer);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
167
includes/sections/miles/doormile-way.php
Normal file
167
includes/sections/miles/doormile-way.php
Normal 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="{"_animation":"logico_heading_animation"}" 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>
|
||||
4345
includes/sections/miles/miles3.php
Normal file
4345
includes/sections/miles/miles3.php
Normal file
File diff suppressed because it is too large
Load Diff
4138
includes/sections/miles/miles4.php
Normal file
4138
includes/sections/miles/miles4.php
Normal file
File diff suppressed because it is too large
Load Diff
286
includes/sections/misc/3-cards-sections.php
Normal file
286
includes/sections/misc/3-cards-sections.php
Normal file
@@ -0,0 +1,286 @@
|
||||
|
||||
<div data-elementor-type="wp-page" data-elementor-id="108" class="elementor elementor-108">
|
||||
<div class="elementor-element elementor-element-9b66268 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent" data-id="9b66268" data-element_type="container" data-e-type="container">
|
||||
<div class="e-con-inner">
|
||||
<div class="elementor-element elementor-element-8f6e334 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="8f6e334" data-element_type="container" data-e-type="container">
|
||||
<!-- <div class="elementor-element elementor-element-30d596a elementor-widget__width-initial elementor-widget elementor-widget-counter" data-id="30d596a" 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-number-wrapper">
|
||||
<span class="elementor-counter-number-prefix"></span>
|
||||
<span class="elementor-counter-number" data-duration="2000" data-to-value="223158482" data-from-value="222222222" data-delimiter=".">222222222</span>
|
||||
<span class="elementor-counter-number-suffix"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- <div class="elementor-element elementor-element-b2a390e elementor-widget__width-initial e-transform e-transform elementor-widget elementor-widget-logico_heading" data-id="b2a390e" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_rotateZ_effect":{"unit":"px","size":-90,"sizes":[]},"_transform_translateX_effect":{"unit":"%","size":"","sizes":[]},"_transform_translateX_effect_laptop":{"unit":"%","size":"","sizes":[]},"_transform_translateX_effect_tablet_extra":{"unit":"%","size":"","sizes":[]},"_transform_translateX_effect_tablet":{"unit":"%","size":"","sizes":[]},"_transform_translateX_effect_mobile_extra":{"unit":"%","size":"","sizes":[]},"_transform_translateX_effect_mobile":{"unit":"%","size":"","sizes":[]},"_transform_translateY_effect":{"unit":"%","size":20,"sizes":[]},"_transform_translateY_effect_laptop":{"unit":"%","size":"","sizes":[]},"_transform_translateY_effect_tablet_extra":{"unit":"%","size":"","sizes":[]},"_transform_translateY_effect_tablet":{"unit":"%","size":"","sizes":[]},"_transform_translateY_effect_mobile_extra":{"unit":"%","size":"","sizes":[]},"_transform_translateY_effect_mobile":{"unit":"%","size":"","sizes":[]},"_transform_rotateZ_effect_tablet":{"unit":"deg","size":0,"sizes":[]},"_transform_rotateZ_effect_laptop":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_tablet_extra":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_mobile_extra":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_mobile":{"unit":"deg","size":"","sizes":[]}}"
|
||||
data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">Delivered tons of products
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-e7c8c5f e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent" data-id="e7c8c5f" data-element_type="container" data-e-type="container">
|
||||
<div class="e-con-inner">
|
||||
<div class="elementor-element elementor-element-b172322 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="b172322" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-0194d9e e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="0194d9e" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-cfcc973 elementor-invisible elementor-widget elementor-widget-logico_heading" data-id="cfcc973" data-element_type="widget" data-e-type="widget" data-settings="{"_animation":"logico_heading_animation"}"
|
||||
data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<h3 class="logico-title">FMCG
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-676ec37 elementor-widget elementor-widget-text-editor" data-id="676ec37" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>High volume, tight margins, zero tolerance for stockouts</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-fec2f9b e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="fec2f9b" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-c4e32fc e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="c4e32fc" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-f578144 elementor-widget elementor-widget-logico_heading" data-id="f578144" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">CHALLENGES
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-95288a0 elementor-widget elementor-widget-text-editor" data-id="95288a0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<ul>
|
||||
<li>Unpredictable demand spikes</li>
|
||||
<li>Fresh product expiry constraints</li>
|
||||
<li>Multi-stop route complexity</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-8419cf5 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="8419cf5" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-b0fb188 elementor-widget elementor-widget-logico_heading" data-id="b0fb188" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">DOORMILE SOLUTIONS
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-69">
|
||||
<div class="elementor-element elementor-element-256f25a elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="256f25a" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
|
||||
<div class="elementor-widget-container">
|
||||
<ul class="elementor-icon-list-items">
|
||||
<li class="elementor-icon-list-item">
|
||||
<span class="elementor-icon-list-icon">
|
||||
<i aria-hidden="true" class="fontello icon-button-arrow-x-r-down" style="color: black;"></i> </span>
|
||||
<span class="elementor-icon-list-text " style="color: Black;">AI-driven demand-responsive routing</span>
|
||||
</li>
|
||||
<li class="elementor-icon-list-item">
|
||||
<span class="elementor-icon-list-icon">
|
||||
<i aria-hidden="true" class="fontello icon-button-arrow-x-r-down" style="color: black;"></i> </span>
|
||||
<span class="elementor-icon-list-text " style="color: Black;">Freshness-aware delivery prioritization</span>
|
||||
</li>
|
||||
<li class="elementor-icon-list-item">
|
||||
<span class="elementor-icon-list-icon">
|
||||
<i aria-hidden="true" class="fontello icon-button-arrow-x-r-down" style="color: black;"></i> </span>
|
||||
<span class="elementor-icon-list-text " style="color: Black;">Dynamic batch optimization</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-c47eab5 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="c47eab5" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-0ebbd17 elementor-widget elementor-widget-image" data-id="0ebbd17" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
|
||||
<div class="elementor-widget-container">
|
||||
<img fetchpriority="high" decoding="async" width="660" height="543" src="assets/images/FMCG.png" class="attachment-full size-full wp-image-1641" alt="" /> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-ce72cd4 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent" data-id="ce72cd4" data-element_type="container" data-e-type="container">
|
||||
<div class="e-con-inner">
|
||||
<div class="elementor-element elementor-element-38f153a e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="38f153a" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-88c3237 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="88c3237" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="elementor-divider">
|
||||
<span class="elementor-divider-separator">
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-de5f637 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent" data-id="de5f637" data-element_type="container" data-e-type="container">
|
||||
<div class="e-con-inner">
|
||||
<div class="elementor-element elementor-element-4c23661 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="4c23661" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-3494fec e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="3494fec" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-2cf3498 elementor-widget elementor-widget-image" data-id="2cf3498" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
|
||||
<div class="elementor-widget-container">
|
||||
<img loading="lazy" decoding="async" width="916" height="594" src="assets/images/Pharma.png" class="attachment-full size-full wp-image-1642" alt="" /> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-5207177 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="5207177" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-bd237f3 elementor-invisible elementor-widget elementor-widget-logico_heading" data-id="bd237f3" data-element_type="widget" data-e-type="widget" data-settings="{"_animation":"logico_heading_animation"}"
|
||||
data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<h3 class="logico-title">Pharmaceuticals
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-88a27ab elementor-widget elementor-widget-text-editor" data-id="88a27ab" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>Temperature-sensitive, compliance-critical, life-saving.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-920208b e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="920208b" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-1efdb49 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="1efdb49" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-e0a766d elementor-widget elementor-widget-logico_heading" data-id="e0a766d" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">CHALLENGES
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-083809e elementor-widget elementor-widget-text-editor" data-id="083809e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<ul>
|
||||
<li>Cold chain integrity requirements</li>
|
||||
<li>Regulatory compliance tracking</li>
|
||||
<li>Critical delivery time windows</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-ec0e3c0 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="ec0e3c0" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-99d4f2f elementor-widget elementor-widget-logico_heading" data-id="99d4f2f" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">DOORMILE SOLUTIONS
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-69">
|
||||
<div class="elementor-element elementor-element-256f25a elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="256f25a" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
|
||||
<div class="elementor-widget-container">
|
||||
<ul class="elementor-icon-list-items">
|
||||
<li class="elementor-icon-list-item">
|
||||
<span class="elementor-icon-list-icon">
|
||||
<i aria-hidden="true" class="fontello icon-button-arrow-x-r-down" style="color: black;"></i> </span>
|
||||
<span class="elementor-icon-list-text " style="color: Black;">Real-time temperature monitoring</span>
|
||||
</li>
|
||||
<li class="elementor-icon-list-item">
|
||||
<span class="elementor-icon-list-icon">
|
||||
<i aria-hidden="true" class="fontello icon-button-arrow-x-r-down" style="color: black;"></i> </span>
|
||||
<span class="elementor-icon-list-text " style="color: Black;">Chain-of-custody documentation</span>
|
||||
</li>
|
||||
<li class="elementor-icon-list-item">
|
||||
<span class="elementor-icon-list-icon">
|
||||
<i aria-hidden="true" class="fontello icon-button-arrow-x-r-down" style="color: black;"></i> </span>
|
||||
<span class="elementor-icon-list-text " style="color: Black;">Priority override for critical shipments</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-68d569c e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent" data-id="68d569c" data-element_type="container" data-e-type="container">
|
||||
<div class="e-con-inner">
|
||||
<div class="elementor-element elementor-element-47ad046 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="47ad046" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-357dbac elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="357dbac" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="elementor-divider">
|
||||
<span class="elementor-divider-separator">
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-f555abf e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent" data-id="f555abf" data-element_type="container" data-e-type="container">
|
||||
<div class="e-con-inner">
|
||||
<div class="elementor-element elementor-element-f955e02 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="f955e02" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-5780d04 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="5780d04" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-e9aa529 elementor-invisible elementor-widget elementor-widget-logico_heading" data-id="e9aa529" data-element_type="widget" data-e-type="widget" data-settings="{"_animation":"logico_heading_animation"}"
|
||||
data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<h3 class="logico-title">Enterprise & B2B
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-63fe8fb elementor-widget elementor-widget-text-editor" data-id="63fe8fb" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>High-value shipments with complex delivery requirements.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-89de240 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="89de240" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-170797f e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="170797f" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-91ca1e1 elementor-widget elementor-widget-logico_heading" data-id="91ca1e1" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">CHALLENGES
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-14d48b2 elementor-widget elementor-widget-text-editor" data-id="14d48b2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<ul>
|
||||
<li>Appointment scheduling coordination</li>
|
||||
<li>White-glove delivery standards</li>
|
||||
<li>Multi-location routing complexity</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-624849c e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="624849c" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-4475806 elementor-widget elementor-widget-logico_heading" data-id="4475806" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">DOORMILE SOLUTIONS
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-69">
|
||||
<div class="elementor-element elementor-element-256f25a elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="256f25a" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
|
||||
<div class="elementor-widget-container">
|
||||
<ul class="elementor-icon-list-items">
|
||||
<li class="elementor-icon-list-item">
|
||||
<span class="elementor-icon-list-icon">
|
||||
<i aria-hidden="true" class="fontello icon-button-arrow-x-r-down" style="color: black;"></i> </span>
|
||||
<span class="elementor-icon-list-text " style="color: Black;">Automated appointment optimization</span>
|
||||
</li>
|
||||
<li class="elementor-icon-list-item">
|
||||
<span class="elementor-icon-list-icon">
|
||||
<i aria-hidden="true" class="fontello icon-button-arrow-x-r-down" style="color: black;"></i> </span>
|
||||
<span class="elementor-icon-list-text " style="color: Black;">Service level guarantee tracking</span>
|
||||
</li>
|
||||
<li class="elementor-icon-list-item">
|
||||
<span class="elementor-icon-list-icon">
|
||||
<i aria-hidden="true" class="fontello icon-button-arrow-x-r-down" style="color: black;"></i> </span>
|
||||
<span class="elementor-icon-list-text " style="color: Black;">Enterprise integration APIs</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-34d9395 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="34d9395" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-bad700d elementor-widget elementor-widget-image" data-id="bad700d" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
|
||||
<div class="elementor-widget-container">
|
||||
<img loading="lazy" decoding="async" width="650" height="472" src="assets/images/B2B.png" class="attachment-full size-full wp-image-1646" alt="" /> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
122
includes/sections/misc/bg-play.php
Normal file
122
includes/sections/misc/bg-play.php
Normal file
@@ -0,0 +1,122 @@
|
||||
<div 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">
|
||||
<div class="elementor-element elementor-element-0b7a484 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="0b7a484" data-element_type="container"
|
||||
data-settings="{"background_background":"video","background_video_link":"https:\/\/demo.artureanec.com\/themes\/logico-rounded\/wp-content\/uploads\/2024\/10\/home3-slide1.mp4","background_play_on_mobile":"yes"}">
|
||||
<div class="e-con-inner">
|
||||
<div class="elementor-background-video-container" aria-hidden="true">
|
||||
<video class="elementor-background-video-hosted" autoplay muted playsinline
|
||||
loop></video>
|
||||
</div>
|
||||
|
||||
<div class="elementor-element elementor-element-f34eebd e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="f34eebd" data-element_type="container">
|
||||
<div class="elementor-element elementor-element-9ee80cf elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-logico_heading"
|
||||
data-id="9ee80cf" data-element_type="widget"
|
||||
data-settings="{"_animation":"logico_heading_animation"}"
|
||||
data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<h3 class="logico-title">
|
||||
Ready to See MileTruth™ in Action?
|
||||
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-f8249f2 elementor-widget__width-initial elementor-widget elementor-widget-text-editor"
|
||||
data-id="f8249f2" data-element_type="widget"
|
||||
data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>Schedule a personalized demo and see how AI can transform your logistics operations.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-438af04 elementor-widget elementor-widget-logico_button"
|
||||
data-id="438af04" data-element_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 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-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">
|
||||
<div class="elementor-element elementor-element-d6bdc87 elementor-widget elementor-widget-counter"
|
||||
data-id="d6bdc87" data-element_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="7500" data-from-value="7000"
|
||||
data-delimiter=".">7000</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-widget_type="counter.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="elementor-counter">
|
||||
<div class="elementor-counter-title">Tons of goods</div>
|
||||
<div class="elementor-counter-number-wrapper">
|
||||
<span class="elementor-counter-number-prefix">2.</span>
|
||||
<span class="elementor-counter-number" data-duration="2000"
|
||||
data-to-value="6" data-from-value="1"
|
||||
data-delimiter=".">1</span>
|
||||
<span
|
||||
class="elementor-counter-number-suffix"> bil</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-18333ba elementor-widget elementor-widget-counter"
|
||||
data-id="18333ba" data-element_type="widget"
|
||||
data-widget_type="counter.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="elementor-counter">
|
||||
<div class="elementor-counter-title">Countries covered</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="100" data-from-value="10"
|
||||
data-delimiter=".">10</span>
|
||||
<span class="elementor-counter-number-suffix">+</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-widget_type="counter.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="elementor-counter">
|
||||
<div class="elementor-counter-title">Warehouses</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="550" data-from-value="100"
|
||||
data-delimiter=".">100</span>
|
||||
<span class="elementor-counter-number-suffix">+</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
526
includes/sections/misc/comparision.php
Normal file
526
includes/sections/misc/comparision.php
Normal file
@@ -0,0 +1,526 @@
|
||||
|
||||
<style>
|
||||
/* ── ALL STYLES SCOPED UNDER .dm-compare-section ── */
|
||||
|
||||
.dm-compare-section *,
|
||||
.dm-compare-section *::before,
|
||||
.dm-compare-section *::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.dm-compare-section {
|
||||
--dm-red: #c01227;
|
||||
--dm-red-light: #fdf0f2;
|
||||
--dm-red-border: rgba(192, 18, 39, 0.12);
|
||||
--dm-red-hover: rgba(192, 18, 39, 0.025);
|
||||
--dm-green: #1dab6e;
|
||||
--dm-green-light: #edfaf4;
|
||||
--dm-dark: #1a1e2e;
|
||||
--dm-muted: #8d93a8;
|
||||
--dm-white: #ffffff;
|
||||
--dm-border: rgba(0, 0, 0, 0.07);
|
||||
|
||||
width: 100%;
|
||||
max-width: 1100px;
|
||||
margin: 0 auto;
|
||||
padding: 50px 40px 0px;
|
||||
position: relative;
|
||||
font-family: 'Manrope', sans-serif;
|
||||
}
|
||||
|
||||
/* grid background */
|
||||
.dm-compare-section::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background-image:
|
||||
linear-gradient(to right, rgba(0,0,0,0.035) 1px, transparent 1px),
|
||||
linear-gradient(to bottom, rgba(0,0,0,0.035) 1px, transparent 1px);
|
||||
background-size: 70px 70px;
|
||||
pointer-events: none;
|
||||
mask-image: radial-gradient(ellipse 85% 85% at 50% 50%, black 40%, transparent 100%);
|
||||
-webkit-mask-image: radial-gradient(ellipse 85% 85% at 50% 50%, black 40%, transparent 100%);
|
||||
z-index: 0;
|
||||
border-radius: 24px;
|
||||
}
|
||||
|
||||
/* ── HEADER ── */
|
||||
.dm-compare-section .dm-section-header {
|
||||
text-align: center;
|
||||
margin-bottom: 56px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.dm-compare-section .dm-eyebrow {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
font-family: 'Manrope', sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 3.5px;
|
||||
text-transform: uppercase;
|
||||
color: var(--dm-red);
|
||||
margin-bottom: 18px;
|
||||
opacity: 0;
|
||||
transform: translateY(18px);
|
||||
transition: opacity 0.55s ease, transform 0.55s ease;
|
||||
}
|
||||
.dm-compare-section .dm-eyebrow::before,
|
||||
.dm-compare-section .dm-eyebrow::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 28px;
|
||||
height: 1px;
|
||||
background: var(--dm-red);
|
||||
}
|
||||
|
||||
.dm-compare-section .dm-section-title {
|
||||
font-family: 'Manrope', sans-serif;
|
||||
font-size: clamp(36px, 5vw, 62px);
|
||||
font-weight: 800;
|
||||
color: var(--dm-dark);
|
||||
line-height: 1.05;
|
||||
letter-spacing: -1px;
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
transform: translateY(28px);
|
||||
transition: opacity 0.65s ease 0.12s, transform 0.65s ease 0.12s;
|
||||
}
|
||||
.dm-compare-section .dm-section-title em {
|
||||
font-style: normal;
|
||||
color: var(--dm-red);
|
||||
position: relative;
|
||||
}
|
||||
.dm-compare-section .dm-section-title em::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 3px; left: 0; right: 0;
|
||||
height: 3px;
|
||||
background: var(--dm-red);
|
||||
border-radius: 2px;
|
||||
transform: scaleX(0);
|
||||
transform-origin: left;
|
||||
transition: transform 0.8s cubic-bezier(.16,1,.3,1) 0.85s;
|
||||
}
|
||||
|
||||
.dm-compare-section .dm-section-sub {
|
||||
margin-top: 18px;
|
||||
font-size: 15.5px;
|
||||
color: var(--dm-muted);
|
||||
line-height: 1.7;
|
||||
opacity: 0;
|
||||
transform: translateY(18px);
|
||||
transition: opacity 0.65s ease 0.26s, transform 0.65s ease 0.26s;
|
||||
}
|
||||
|
||||
/* ── IN-VIEW TRIGGERS ── */
|
||||
.dm-compare-section.dm-in-view .dm-eyebrow { opacity: 1; transform: translateY(0); }
|
||||
.dm-compare-section.dm-in-view .dm-section-title { opacity: 1; transform: translateY(0); }
|
||||
.dm-compare-section.dm-in-view .dm-section-title em::after { transform: scaleX(1); }
|
||||
.dm-compare-section.dm-in-view .dm-section-sub { opacity: 1; transform: translateY(0); }
|
||||
|
||||
/* ── TABLE WRAPPER ── */
|
||||
.dm-compare-section .dm-compare-wrap {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
border-radius: 22px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 8px 50px rgba(0,0,0,0.09);
|
||||
background: var(--dm-white);
|
||||
opacity: 0;
|
||||
transform: translateY(40px);
|
||||
transition: opacity 0.75s cubic-bezier(.16,1,.3,1) 0.35s,
|
||||
transform 0.75s cubic-bezier(.16,1,.3,1) 0.35s;
|
||||
}
|
||||
.dm-compare-section.dm-in-view .dm-compare-wrap { opacity: 1; transform: translateY(0); }
|
||||
|
||||
/* ── COLUMN HEADERS ── */
|
||||
.dm-compare-section .dm-col-headers {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
position: relative;
|
||||
}
|
||||
.dm-compare-section .dm-col-headers::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0; bottom: 0; left: 50%;
|
||||
width: 1px;
|
||||
background: var(--dm-border);
|
||||
}
|
||||
|
||||
.dm-compare-section .dm-col-head {
|
||||
padding: 26px 40px;
|
||||
font-family: 'Manrope', sans-serif;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 2.5px;
|
||||
text-transform: uppercase;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
.dm-compare-section .dm-col-head.dm-traditional {
|
||||
background: #f7f8fa;
|
||||
color: var(--dm-muted);
|
||||
border-bottom: 1px solid var(--dm-border);
|
||||
}
|
||||
.dm-compare-section .dm-col-head.dm-doormile {
|
||||
background: var(--dm-red-light);
|
||||
color: var(--dm-red);
|
||||
border-bottom: 1px solid var(--dm-red-border);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dm-compare-section .dm-col-head.dm-doormile::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0; left: -100%;
|
||||
width: 60%; height: 100%;
|
||||
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
|
||||
animation: dm-shimmer 3s ease-in-out infinite 1.2s;
|
||||
}
|
||||
@keyframes dm-shimmer {
|
||||
0% { left: -100%; }
|
||||
50% { left: 140%; }
|
||||
100% { left: 140%; }
|
||||
}
|
||||
|
||||
.dm-compare-section .dm-col-head-icon {
|
||||
width: 28px; height: 28px;
|
||||
border-radius: 8px;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.dm-compare-section .dm-col-head.dm-traditional .dm-col-head-icon { background: #ececee; }
|
||||
.dm-compare-section .dm-col-head.dm-doormile .dm-col-head-icon { background: rgba(192,18,39,0.15); }
|
||||
|
||||
.dm-compare-section .dm-col-head-icon svg {
|
||||
width: 14px; height: 14px;
|
||||
stroke-width: 2.5;
|
||||
stroke-linecap: round; stroke-linejoin: round;
|
||||
fill: none;
|
||||
}
|
||||
.dm-compare-section .dm-col-head.dm-traditional .dm-col-head-icon svg { stroke: var(--dm-muted); }
|
||||
.dm-compare-section .dm-col-head.dm-doormile .dm-col-head-icon svg { stroke: var(--dm-red); }
|
||||
|
||||
/* ── ROWS ── */
|
||||
.dm-compare-section .dm-compare-row {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
border-top: 1px solid var(--dm-border);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
transform: translateX(-16px);
|
||||
transition: opacity 0.5s ease, transform 0.5s cubic-bezier(.16,1,.3,1);
|
||||
}
|
||||
.dm-compare-section.dm-in-view .dm-compare-row:nth-child(1) { opacity: 1; transform: translateX(0); transition-delay: 0.55s; }
|
||||
.dm-compare-section.dm-in-view .dm-compare-row:nth-child(2) { opacity: 1; transform: translateX(0); transition-delay: 0.68s; }
|
||||
.dm-compare-section.dm-in-view .dm-compare-row:nth-child(3) { opacity: 1; transform: translateX(0); transition-delay: 0.81s; }
|
||||
.dm-compare-section.dm-in-view .dm-compare-row:nth-child(4) { opacity: 1; transform: translateX(0); transition-delay: 0.94s; }
|
||||
|
||||
.dm-compare-section .dm-compare-row::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: var(--dm-red-hover);
|
||||
opacity: 0;
|
||||
transition: opacity 0.25s;
|
||||
pointer-events: none;
|
||||
}
|
||||
.dm-compare-section .dm-compare-row:hover::before { opacity: 1; }
|
||||
|
||||
/* ── CELLS ── */
|
||||
.dm-compare-section .dm-cell {
|
||||
padding: 28px 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
font-size: 15px;
|
||||
line-height: 1.5;
|
||||
position: relative;
|
||||
}
|
||||
.dm-compare-section .dm-cell.dm-right {
|
||||
border-left: 1px solid var(--dm-border);
|
||||
background: rgba(253,248,248,0.4);
|
||||
}
|
||||
|
||||
/* ── ICONS ── */
|
||||
.dm-compare-section .dm-cell-icon {
|
||||
flex-shrink: 0;
|
||||
width: 32px; height: 32px;
|
||||
border-radius: 50%;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
transition: transform 0.35s cubic-bezier(.16,1,.3,1);
|
||||
}
|
||||
.dm-compare-section .dm-compare-row:hover .dm-cell-icon { transform: scale(1.18) rotate(-5deg); }
|
||||
.dm-compare-section .dm-cell-icon.dm-bad { background: var(--dm-red-light); }
|
||||
.dm-compare-section .dm-cell-icon.dm-good { background: var(--dm-green-light); }
|
||||
.dm-compare-section .dm-cell-icon svg {
|
||||
width: 15px; height: 15px;
|
||||
stroke-width: 2.5;
|
||||
stroke-linecap: round; stroke-linejoin: round;
|
||||
fill: none;
|
||||
}
|
||||
.dm-compare-section .dm-cell-icon.dm-bad svg { stroke: var(--dm-red); }
|
||||
.dm-compare-section .dm-cell-icon.dm-good svg { stroke: var(--dm-green); }
|
||||
|
||||
.dm-compare-section .dm-cell-text {
|
||||
font-weight: 500;
|
||||
color: var(--dm-dark);
|
||||
transition: color 0.2s;
|
||||
margin: 0;
|
||||
}
|
||||
.dm-compare-section .dm-cell.dm-left .dm-cell-text { color: var(--dm-muted); }
|
||||
.dm-compare-section .dm-compare-row:hover .dm-cell.dm-right .dm-cell-text { color: var(--dm-dark); }
|
||||
|
||||
/* ── FOOTER BAR ── */
|
||||
.dm-compare-section .dm-compare-footer {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
border-top: 1px solid var(--dm-border);
|
||||
}
|
||||
.dm-compare-section .dm-footer-cell {
|
||||
padding: 22px 40px;
|
||||
font-size: 12px;
|
||||
font-family: 'Manrope', sans-serif;
|
||||
font-weight: 700;
|
||||
letter-spacing: 1.5px;
|
||||
text-transform: uppercase;
|
||||
color: var(--dm-muted);
|
||||
background: #f9fafb;
|
||||
}
|
||||
.dm-compare-section .dm-footer-cell.dm-right {
|
||||
background: var(--dm-red-light);
|
||||
color: var(--dm-red);
|
||||
border-left: 1px solid var(--dm-red-border);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
.dm-compare-section .dm-footer-cell .dm-dot {
|
||||
width: 7px; height: 7px;
|
||||
border-radius: 50%;
|
||||
background: var(--dm-red);
|
||||
flex-shrink: 0;
|
||||
animation: dm-pulse 1.8s ease-in-out infinite;
|
||||
}
|
||||
@keyframes dm-pulse {
|
||||
0%, 100% { opacity: 1; transform: scale(1); }
|
||||
50% { opacity: 0.35; transform: scale(0.55); }
|
||||
}
|
||||
|
||||
|
||||
/* ─── ULTRA-WIDE SCREENS (1440px to 2560px+) ─── */
|
||||
/* Merged and optimized for cleaner structure */
|
||||
@media (min-width: 1440px) {
|
||||
.dm-compare-section {
|
||||
max-width: 1400px; /* Increased for wider screens */
|
||||
padding: 80px 40px;
|
||||
}
|
||||
.dm-compare-section .dm-section-title { font-size: clamp(40px, 4vw, 72px); }
|
||||
.dm-compare-section .dm-col-head { padding: 32px 48px; font-size: 14px; }
|
||||
.dm-compare-section .dm-cell { padding: 32px 48px; font-size: 16px; }
|
||||
}
|
||||
|
||||
/* ─── TABLET (768px to 1200px) ─── */
|
||||
@media (max-width: 1200px) {
|
||||
.dm-compare-section {
|
||||
padding: 60px 24px;
|
||||
/* background: #1f1f1f; Remove if already set globally or in parent */
|
||||
}
|
||||
|
||||
.dm-compare-section .dm-section-title { font-size: clamp(32px, 6vw, 48px); }
|
||||
|
||||
.dm-compare-section .dm-col-head,
|
||||
.dm-compare-section .dm-cell {
|
||||
padding: 24px 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.dm-compare-section .dm-footer-cell { padding: 16px 30px; }
|
||||
}
|
||||
|
||||
/* ─── MOBILE (Below 768px) ─── */
|
||||
@media (max-width: 767px) {
|
||||
.dm-compare-section {
|
||||
padding: 20px 16px;
|
||||
border-radius: 0; /* Full width mobile feel */
|
||||
}
|
||||
|
||||
.dm-compare-section .dm-section-header { margin-bottom: 32px; }
|
||||
.dm-compare-section .dm-section-sub { font-size: 14px; padding: 0 10px; }
|
||||
|
||||
/* Stack the layout */
|
||||
.dm-compare-section .dm-col-headers,
|
||||
.dm-compare-section .dm-compare-row,
|
||||
.dm-compare-section .dm-compare-footer {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
/* Remove vertical divider */
|
||||
.dm-compare-section .dm-col-headers::after { display: none; }
|
||||
|
||||
.dm-compare-section .dm-col-head {
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
border-bottom: 1px solid var(--dm-border);
|
||||
}
|
||||
|
||||
.dm-compare-section .dm-col-head.dm-doormile {
|
||||
border-top: 1px solid var(--dm-red-border);
|
||||
}
|
||||
|
||||
.dm-compare-section .dm-cell {
|
||||
padding: 18px 20px;
|
||||
border-left: none !important;
|
||||
border-right: none !important;
|
||||
}
|
||||
|
||||
/* Distinguish columns in stacked mode */
|
||||
.dm-compare-section .dm-cell.dm-left {
|
||||
background: #fafafa;
|
||||
border-bottom: 1px dashed var(--dm-border);
|
||||
}
|
||||
|
||||
.dm-compare-section .dm-cell.dm-right {
|
||||
background: var(--dm-red-light);
|
||||
border-bottom: 1px solid var(--dm-border);
|
||||
}
|
||||
|
||||
.dm-compare-section .dm-compare-row:last-child .dm-cell.dm-right {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
/* Footer adjustments */
|
||||
.dm-compare-section .dm-footer-cell {
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
padding: 16px;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.dm-compare-section .dm-footer-cell.dm-right {
|
||||
border-left: none;
|
||||
border-top: 1px solid var(--dm-red-border);
|
||||
}
|
||||
|
||||
/* Fix Icon/Text scale for mobile */
|
||||
.dm-compare-section .dm-cell-icon {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
}
|
||||
.dm-compare-section .dm-cell-text {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<!-- ── SECTION HTML ── -->
|
||||
|
||||
<div class="elementor-element elementor-element-89a0ca1 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent" data-id="89a0ca1" data-element_type="container">
|
||||
<section class="dm-compare-section" id="dm-compare">
|
||||
|
||||
<div class="dm-section-header">
|
||||
<div class="dm-eyebrow">Why It Matters</div>
|
||||
<h2 class="dm-section-title" style="color:black;">Two Approaches.<br><em>One Clear Winner.</em></h2>
|
||||
<p class="dm-section-sub">See how the Doormile way eliminates the friction that traditional logistics creates at every step.</p>
|
||||
</div>
|
||||
|
||||
<div class="dm-compare-wrap">
|
||||
|
||||
<div class="dm-col-headers">
|
||||
<div class="dm-col-head dm-traditional">
|
||||
<div class="dm-col-head-icon">
|
||||
<svg viewBox="0 0 24 24"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
|
||||
</div>
|
||||
Traditional Approach
|
||||
</div>
|
||||
<div class="dm-col-head dm-doormile">
|
||||
<div class="dm-col-head-icon">
|
||||
<svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
</div>
|
||||
The Doormile Way
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dm-rows-wrap">
|
||||
<div class="dm-compare-row">
|
||||
<div class="dm-cell dm-left">
|
||||
<div class="dm-cell-icon dm-bad"><svg viewBox="0 0 24 24"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></div>
|
||||
<span class="dm-cell-text">First mile ignores last mile SLA</span>
|
||||
</div>
|
||||
<div class="dm-cell dm-right">
|
||||
<div class="dm-cell-icon dm-good"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></div>
|
||||
<span class="dm-cell-text">Every mile protects the final delivery</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dm-compare-row">
|
||||
<div class="dm-cell dm-left">
|
||||
<div class="dm-cell-icon dm-bad"><svg viewBox="0 0 24 24"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></div>
|
||||
<span class="dm-cell-text">Reactive problem discovery</span>
|
||||
</div>
|
||||
<div class="dm-cell dm-right">
|
||||
<div class="dm-cell-icon dm-good"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></div>
|
||||
<span class="dm-cell-text">Proactive delay prevention</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dm-compare-row">
|
||||
<div class="dm-cell dm-left">
|
||||
<div class="dm-cell-icon dm-bad"><svg viewBox="0 0 24 24"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></div>
|
||||
<span class="dm-cell-text">Multiple vendors, no accountability</span>
|
||||
</div>
|
||||
<div class="dm-cell dm-right">
|
||||
<div class="dm-cell-icon dm-good"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></div>
|
||||
<span class="dm-cell-text">Single owner, single promise</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dm-compare-row">
|
||||
<div class="dm-cell dm-left">
|
||||
<div class="dm-cell-icon dm-bad"><svg viewBox="0 0 24 24"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></div>
|
||||
<span class="dm-cell-text">Static plans break at first variance</span>
|
||||
</div>
|
||||
<div class="dm-cell dm-right">
|
||||
<div class="dm-cell-icon dm-good"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></div>
|
||||
<span class="dm-cell-text">Dynamic AI-driven adjustments</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dm-compare-footer">
|
||||
<div class="dm-footer-cell">Outdated · Fragmented · Reactive</div>
|
||||
<div class="dm-footer-cell dm-right">
|
||||
<span class="dm-dot"></span>
|
||||
Unified · Intelligent · Proactive
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
(function () {
|
||||
var section = document.getElementById('dm-compare');
|
||||
if (!section) return;
|
||||
function activate() { section.classList.add('dm-in-view'); }
|
||||
if ('IntersectionObserver' in window) {
|
||||
var io = new IntersectionObserver(function (entries) {
|
||||
entries.forEach(function (e) {
|
||||
if (e.isIntersecting) { activate(); io.unobserve(e.target); }
|
||||
});
|
||||
}, { threshold: 0.15 });
|
||||
io.observe(section);
|
||||
} else {
|
||||
setTimeout(activate, 300);
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
461
includes/sections/misc/comparision2.php
Normal file
461
includes/sections/misc/comparision2.php
Normal file
@@ -0,0 +1,461 @@
|
||||
|
||||
<style>
|
||||
/* ── ALL STYLES SCOPED UNDER .dm-compare-section ── */
|
||||
|
||||
.dm-compare-section *,
|
||||
.dm-compare-section *::before,
|
||||
.dm-compare-section *::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.dm-compare-section {
|
||||
--dm-red: #c01227;
|
||||
--dm-red-light: #fdf0f2;
|
||||
--dm-red-border: rgba(192, 18, 39, 0.12);
|
||||
--dm-red-hover: rgba(192, 18, 39, 0.025);
|
||||
--dm-green: #1dab6e;
|
||||
--dm-green-light: #edfaf4;
|
||||
--dm-dark: #1a1e2e;
|
||||
--dm-muted: #8d93a8;
|
||||
--dm-white: #ffffff;
|
||||
--dm-border: rgba(0, 0, 0, 0.07);
|
||||
|
||||
width: 100%;
|
||||
max-width: 1100px;
|
||||
margin: 0 auto;
|
||||
padding: 50px 40px 20px;
|
||||
position: relative;
|
||||
font-family: 'Manrope', sans-serif;
|
||||
}
|
||||
|
||||
/* grid background */
|
||||
.dm-compare-section::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background-image:
|
||||
linear-gradient(to right, rgba(0,0,0,0.035) 1px, transparent 1px),
|
||||
linear-gradient(to bottom, rgba(0,0,0,0.035) 1px, transparent 1px);
|
||||
background-size: 70px 70px;
|
||||
pointer-events: none;
|
||||
mask-image: radial-gradient(ellipse 85% 85% at 50% 50%, black 40%, transparent 100%);
|
||||
-webkit-mask-image: radial-gradient(ellipse 85% 85% at 50% 50%, black 40%, transparent 100%);
|
||||
z-index: 0;
|
||||
border-radius: 24px;
|
||||
}
|
||||
|
||||
/* ── HEADER ── */
|
||||
.dm-compare-section .dm-section-header {
|
||||
text-align: center;
|
||||
margin-bottom: 56px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.dm-compare-section .dm-eyebrow {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
font-family: 'Manrope', sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 3.5px;
|
||||
text-transform: uppercase;
|
||||
color: var(--dm-red);
|
||||
margin-bottom: 18px;
|
||||
opacity: 0;
|
||||
transform: translateY(18px);
|
||||
transition: opacity 0.55s ease, transform 0.55s ease;
|
||||
}
|
||||
.dm-compare-section .dm-eyebrow::before,
|
||||
.dm-compare-section .dm-eyebrow::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 28px;
|
||||
height: 1px;
|
||||
background: var(--dm-red);
|
||||
}
|
||||
|
||||
.dm-compare-section .dm-section-title {
|
||||
font-family: 'Manrope', sans-serif;
|
||||
font-size: clamp(36px, 5vw, 62px);
|
||||
font-weight: 800;
|
||||
color: var(--dm-dark);
|
||||
line-height: 1.05;
|
||||
letter-spacing: -1px;
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
transform: translateY(28px);
|
||||
transition: opacity 0.65s ease 0.12s, transform 0.65s ease 0.12s;
|
||||
}
|
||||
.dm-compare-section .dm-section-title em {
|
||||
font-style: normal;
|
||||
color: var(--dm-red);
|
||||
position: relative;
|
||||
}
|
||||
.dm-compare-section .dm-section-title em::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 3px; left: 0; right: 0;
|
||||
height: 3px;
|
||||
background: var(--dm-red);
|
||||
border-radius: 2px;
|
||||
transform: scaleX(0);
|
||||
transform-origin: left;
|
||||
transition: transform 0.8s cubic-bezier(.16,1,.3,1) 0.85s;
|
||||
}
|
||||
|
||||
.dm-compare-section .dm-section-sub {
|
||||
margin-top: 18px;
|
||||
font-size: 15.5px;
|
||||
color: var(--dm-muted);
|
||||
line-height: 1.7;
|
||||
opacity: 0;
|
||||
transform: translateY(18px);
|
||||
transition: opacity 0.65s ease 0.26s, transform 0.65s ease 0.26s;
|
||||
}
|
||||
|
||||
/* ── IN-VIEW TRIGGERS ── */
|
||||
.dm-compare-section.dm-in-view .dm-eyebrow { opacity: 1; transform: translateY(0); }
|
||||
.dm-compare-section.dm-in-view .dm-section-title { opacity: 1; transform: translateY(0); }
|
||||
.dm-compare-section.dm-in-view .dm-section-title em::after { transform: scaleX(1); }
|
||||
.dm-compare-section.dm-in-view .dm-section-sub { opacity: 1; transform: translateY(0); }
|
||||
|
||||
/* ── TABLE WRAPPER ── */
|
||||
.dm-compare-section .dm-compare-wrap {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
border-radius: 22px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 8px 50px rgba(0,0,0,0.09);
|
||||
background: var(--dm-white);
|
||||
opacity: 0;
|
||||
transform: translateY(40px);
|
||||
transition: opacity 0.75s cubic-bezier(.16,1,.3,1) 0.35s,
|
||||
transform 0.75s cubic-bezier(.16,1,.3,1) 0.35s;
|
||||
}
|
||||
.dm-compare-section.dm-in-view .dm-compare-wrap { opacity: 1; transform: translateY(0); }
|
||||
|
||||
/* ── COLUMN HEADERS ── */
|
||||
.dm-compare-section .dm-col-headers {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
position: relative;
|
||||
}
|
||||
.dm-compare-section .dm-col-headers::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0; bottom: 0; left: 50%;
|
||||
width: 1px;
|
||||
background: var(--dm-border);
|
||||
}
|
||||
|
||||
.dm-compare-section .dm-col-head {
|
||||
padding: 26px 40px;
|
||||
font-family: 'Manrope', sans-serif;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 2.5px;
|
||||
text-transform: uppercase;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
.dm-compare-section .dm-col-head.dm-traditional {
|
||||
background: #f7f8fa;
|
||||
color: var(--dm-muted);
|
||||
border-bottom: 1px solid var(--dm-border);
|
||||
}
|
||||
.dm-compare-section .dm-col-head.dm-doormile {
|
||||
background: var(--dm-red-light);
|
||||
color: var(--dm-red);
|
||||
border-bottom: 1px solid var(--dm-red-border);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dm-compare-section .dm-col-head.dm-doormile::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0; left: -100%;
|
||||
width: 60%; height: 100%;
|
||||
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
|
||||
animation: dm-shimmer 3s ease-in-out infinite 1.2s;
|
||||
}
|
||||
@keyframes dm-shimmer {
|
||||
0% { left: -100%; }
|
||||
50% { left: 140%; }
|
||||
100% { left: 140%; }
|
||||
}
|
||||
|
||||
.dm-compare-section .dm-col-head-icon {
|
||||
width: 28px; height: 28px;
|
||||
border-radius: 8px;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.dm-compare-section .dm-col-head.dm-traditional .dm-col-head-icon { background: #ececee; }
|
||||
.dm-compare-section .dm-col-head.dm-doormile .dm-col-head-icon { background: rgba(192,18,39,0.15); }
|
||||
|
||||
.dm-compare-section .dm-col-head-icon svg {
|
||||
width: 14px; height: 14px;
|
||||
stroke-width: 2.5;
|
||||
stroke-linecap: round; stroke-linejoin: round;
|
||||
fill: none;
|
||||
}
|
||||
.dm-compare-section .dm-col-head.dm-traditional .dm-col-head-icon svg { stroke: var(--dm-muted); }
|
||||
.dm-compare-section .dm-col-head.dm-doormile .dm-col-head-icon svg { stroke: var(--dm-red); }
|
||||
|
||||
/* ── ROWS ── */
|
||||
.dm-compare-section .dm-compare-row {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
border-top: 1px solid var(--dm-border);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
transform: translateX(-16px);
|
||||
transition: opacity 0.5s ease, transform 0.5s cubic-bezier(.16,1,.3,1);
|
||||
}
|
||||
.dm-compare-section.dm-in-view .dm-compare-row:nth-child(1) { opacity: 1; transform: translateX(0); transition-delay: 0.55s; }
|
||||
.dm-compare-section.dm-in-view .dm-compare-row:nth-child(2) { opacity: 1; transform: translateX(0); transition-delay: 0.68s; }
|
||||
.dm-compare-section.dm-in-view .dm-compare-row:nth-child(3) { opacity: 1; transform: translateX(0); transition-delay: 0.81s; }
|
||||
.dm-compare-section.dm-in-view .dm-compare-row:nth-child(4) { opacity: 1; transform: translateX(0); transition-delay: 0.94s; }
|
||||
|
||||
.dm-compare-section .dm-compare-row::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: var(--dm-red-hover);
|
||||
opacity: 0;
|
||||
transition: opacity 0.25s;
|
||||
pointer-events: none;
|
||||
}
|
||||
.dm-compare-section .dm-compare-row:hover::before { opacity: 1; }
|
||||
|
||||
/* ── CELLS ── */
|
||||
.dm-compare-section .dm-cell {
|
||||
padding: 28px 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
font-size: 15px;
|
||||
line-height: 1.5;
|
||||
position: relative;
|
||||
}
|
||||
.dm-compare-section .dm-cell.dm-right {
|
||||
border-left: 1px solid var(--dm-border);
|
||||
background: rgba(253,248,248,0.4);
|
||||
}
|
||||
|
||||
/* ── ICONS ── */
|
||||
.dm-compare-section .dm-cell-icon {
|
||||
flex-shrink: 0;
|
||||
width: 32px; height: 32px;
|
||||
border-radius: 50%;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
transition: transform 0.35s cubic-bezier(.16,1,.3,1);
|
||||
}
|
||||
.dm-compare-section .dm-compare-row:hover .dm-cell-icon { transform: scale(1.18) rotate(-5deg); }
|
||||
.dm-compare-section .dm-cell-icon.dm-bad { background: var(--dm-red-light); }
|
||||
.dm-compare-section .dm-cell-icon.dm-good { background: var(--dm-green-light); }
|
||||
.dm-compare-section .dm-cell-icon svg {
|
||||
width: 15px; height: 15px;
|
||||
stroke-width: 2.5;
|
||||
stroke-linecap: round; stroke-linejoin: round;
|
||||
fill: none;
|
||||
}
|
||||
.dm-compare-section .dm-cell-icon.dm-bad svg { stroke: var(--dm-red); }
|
||||
.dm-compare-section .dm-cell-icon.dm-good svg { stroke: var(--dm-green); }
|
||||
|
||||
.dm-compare-section .dm-cell-text {
|
||||
font-weight: 500;
|
||||
color: var(--dm-dark);
|
||||
transition: color 0.2s;
|
||||
margin: 0;
|
||||
}
|
||||
.dm-compare-section .dm-cell.dm-left .dm-cell-text { color: var(--dm-muted); }
|
||||
.dm-compare-section .dm-compare-row:hover .dm-cell.dm-right .dm-cell-text { color: var(--dm-dark); }
|
||||
|
||||
/* ── FOOTER BAR ── */
|
||||
.dm-compare-section .dm-compare-footer {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
border-top: 1px solid var(--dm-border);
|
||||
}
|
||||
.dm-compare-section .dm-footer-cell {
|
||||
padding: 22px 40px;
|
||||
font-size: 12px;
|
||||
font-family: 'Manrope', sans-serif;
|
||||
font-weight: 700;
|
||||
letter-spacing: 1.5px;
|
||||
text-transform: uppercase;
|
||||
color: var(--dm-muted);
|
||||
background: #f9fafb;
|
||||
}
|
||||
.dm-compare-section .dm-footer-cell.dm-right {
|
||||
background: var(--dm-red-light);
|
||||
color: var(--dm-red);
|
||||
border-left: 1px solid var(--dm-red-border);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
.dm-compare-section .dm-footer-cell .dm-dot {
|
||||
width: 7px; height: 7px;
|
||||
border-radius: 50%;
|
||||
background: var(--dm-red);
|
||||
flex-shrink: 0;
|
||||
animation: dm-pulse 1.8s ease-in-out infinite;
|
||||
}
|
||||
@keyframes dm-pulse {
|
||||
0%, 100% { opacity: 1; transform: scale(1); }
|
||||
50% { opacity: 0.35; transform: scale(0.55); }
|
||||
}
|
||||
|
||||
|
||||
/* ─── DESKTOP (1200px) ─── */
|
||||
@media (max-width: 1200px) {
|
||||
.dm-compare-section { max-width: 960px; padding: 50px 30px 0; }
|
||||
.dm-compare-section .dm-section-title { font-size: 52px; }
|
||||
}
|
||||
|
||||
/* ─── TABLET (1024px) ─── */
|
||||
@media (max-width: 1024px) {
|
||||
.dm-compare-section { max-width: 100%; padding: 50px 40px; }
|
||||
.dm-compare-section .dm-section-title { font-size: 46px; }
|
||||
.dm-compare-section .dm-col-head,
|
||||
.dm-compare-section .dm-cell { padding: 25px 30px; }
|
||||
.dm-compare-section .dm-section-sub { font-size: 15px; }
|
||||
}
|
||||
|
||||
/* ─── MOBILE (768px) ─── */
|
||||
@media (max-width: 768px) {
|
||||
.dm-compare-section { padding: 60px 20px 80px; }
|
||||
.dm-compare-section .dm-section-header { margin-bottom: 40px; }
|
||||
.dm-compare-section .dm-section-title { font-size: 38px; }
|
||||
.dm-compare-section .dm-section-sub { font-size: 14.5px; margin-top: 15px; }
|
||||
.dm-compare-section .dm-col-head { padding: 20px 20px; font-size: 11.5px; letter-spacing: 2px; }
|
||||
.dm-compare-section .dm-cell { padding: 22px 20px; font-size: 14px; gap: 12px; }
|
||||
.dm-compare-section .dm-cell-icon { width: 28px; height: 28px; }
|
||||
.dm-compare-section .dm-footer-cell { padding: 18px 20px; font-size: 11px; letter-spacing: 1px; }
|
||||
}
|
||||
|
||||
/* ─── SMALL PHONE (480px) ─── */
|
||||
@media (max-width: 480px) {
|
||||
.dm-compare-section { padding: 50px 15px 60px; }
|
||||
.dm-compare-section .dm-eyebrow { font-size: 10px; letter-spacing: 2.5px; }
|
||||
.dm-compare-section::before { background-size: 50px 50px; }
|
||||
.dm-compare-section .dm-section-title { font-size: 32px; letter-spacing: -0.5px; }
|
||||
.dm-compare-section .dm-col-head { padding: 18px 15px; font-size: 10px; letter-spacing: 1px; gap: 8px; }
|
||||
.dm-compare-section .dm-col-head-icon { width: 22px; height: 22px; }
|
||||
.dm-compare-section .dm-cell { padding: 18px 12px; font-size: 13px; gap: 10px; }
|
||||
.dm-compare-section .dm-cell-icon { width: 24px; height: 24px; }
|
||||
.dm-compare-section .dm-footer-cell { padding: 15px 12px; font-size: 9px; letter-spacing: 0.5px; }
|
||||
.dm-compare-section .dm-footer-cell.dm-right { gap: 6px; }
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- ── SECTION HTML ── -->
|
||||
|
||||
|
||||
<section class="dm-compare-section" id="dm-compare">
|
||||
|
||||
<div class="dm-section-header">
|
||||
<div class="dm-eyebrow">Why It Matters</div>
|
||||
<h2 class="dm-section-title">Traditional Approach<br><em>The Doormile Way</em></h2>
|
||||
<p class="dm-section-sub">See how the Doormile way eliminates the friction that traditional logistics creates at every step.</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- <div class="dm-compare-wrap">
|
||||
|
||||
<div class="dm-col-headers">
|
||||
<div class="dm-col-head dm-traditional">
|
||||
<div class="dm-col-head-icon">
|
||||
<svg viewBox="0 0 24 24"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
|
||||
</div>
|
||||
Traditional Approach
|
||||
</div>
|
||||
<div class="dm-col-head dm-doormile">
|
||||
<div class="dm-col-head-icon">
|
||||
<svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
</div>
|
||||
The Doormile Way
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dm-rows-wrap">
|
||||
<div class="dm-compare-row">
|
||||
<div class="dm-cell dm-left">
|
||||
<div class="dm-cell-icon dm-bad"><svg viewBox="0 0 24 24"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></div>
|
||||
<span class="dm-cell-text">3+ vendors to manage</span>
|
||||
</div>
|
||||
<div class="dm-cell dm-right">
|
||||
<div class="dm-cell-icon dm-good"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></div>
|
||||
<span class="dm-cell-text">Single integrated partner</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dm-compare-row">
|
||||
<div class="dm-cell dm-left">
|
||||
<div class="dm-cell-icon dm-bad"><svg viewBox="0 0 24 24"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></div>
|
||||
<span class="dm-cell-text">Fragmented tracking</span>
|
||||
</div>
|
||||
<div class="dm-cell dm-right">
|
||||
<div class="dm-cell-icon dm-good"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></div>
|
||||
<span class="dm-cell-text">Unified timeline view</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dm-compare-row">
|
||||
<div class="dm-cell dm-left">
|
||||
<div class="dm-cell-icon dm-bad"><svg viewBox="0 0 24 24"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></div>
|
||||
<span class="dm-cell-text">Blame games on delays</span>
|
||||
</div>
|
||||
<div class="dm-cell dm-right">
|
||||
<div class="dm-cell-icon dm-good"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></div>
|
||||
<span class="dm-cell-text">Clear accountability</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dm-compare-row">
|
||||
<div class="dm-cell dm-left">
|
||||
<div class="dm-cell-icon dm-bad"><svg viewBox="0 0 24 24"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></div>
|
||||
<span class="dm-cell-text">Reactive problem solving</span>
|
||||
</div>
|
||||
<div class="dm-cell dm-right">
|
||||
<div class="dm-cell-icon dm-good"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></div>
|
||||
<span class="dm-cell-text">AI-powered predictions</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dm-compare-footer">
|
||||
<div class="dm-footer-cell">Outdated · Fragmented · Reactive</div>
|
||||
<div class="dm-footer-cell dm-right">
|
||||
<span class="dm-dot"></span>
|
||||
Unified · Intelligent · Proactive
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div> -->
|
||||
</section>
|
||||
|
||||
<script>
|
||||
(function () {
|
||||
var section = document.getElementById('dm-compare');
|
||||
if (!section) return;
|
||||
function activate() { section.classList.add('dm-in-view'); }
|
||||
if ('IntersectionObserver' in window) {
|
||||
var io = new IntersectionObserver(function (entries) {
|
||||
entries.forEach(function (e) {
|
||||
if (e.isIntersecting) { activate(); io.unobserve(e.target); }
|
||||
});
|
||||
}, { threshold: 0.15 });
|
||||
io.observe(section);
|
||||
} else {
|
||||
setTimeout(activate, 300);
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
3395
includes/sections/misc/container.php
Normal file
3395
includes/sections/misc/container.php
Normal file
File diff suppressed because it is too large
Load Diff
768
includes/sections/misc/problem.php
Normal file
768
includes/sections/misc/problem.php
Normal file
@@ -0,0 +1,768 @@
|
||||
<style>
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
:root {
|
||||
--red: #c01227;
|
||||
--red-light: #fff0ee;
|
||||
--dark: #1a1e2e;
|
||||
--mid: #3d4259;
|
||||
--muted: #8d93a8;
|
||||
--bg: #f3f4f7;
|
||||
--white: #ffffff;
|
||||
--card-shadow: 0 4px 30px rgba(0, 0, 0, 0.07);
|
||||
--card-shadow-hover: 0 16px 60px rgba(232, 55, 42, 0.13);
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Manrope", Sans-serif;
|
||||
background: var(--bg);
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
/* ─── SECTION WRAPPER ─── */
|
||||
.problem-section {
|
||||
width: 100%;
|
||||
max-width: 1400px;
|
||||
margin: auto;
|
||||
padding: 50px 40px 50px;
|
||||
position: relative;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* Decorative dashed grid lines (Logico style) */
|
||||
.problem-section::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background-image:
|
||||
linear-gradient(to right, rgba(0, 0, 0, 0.04) 1px, transparent 1px),
|
||||
linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 1px, transparent 1px);
|
||||
background-size: 80px 80px;
|
||||
pointer-events: none;
|
||||
border-radius: 24px;
|
||||
mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 40%, transparent 100%);
|
||||
}
|
||||
|
||||
/* ─── HEADER ─── */
|
||||
.section-header {
|
||||
text-align: center;
|
||||
margin-bottom: 70px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.eyebrow {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
font-family: 'Manrope', sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 3px;
|
||||
text-transform: uppercase;
|
||||
color: var(--red);
|
||||
margin-bottom: 20px;
|
||||
opacity: 0;
|
||||
transform: translateY(20px);
|
||||
transition: opacity 0.6s ease, transform 0.6s ease;
|
||||
}
|
||||
|
||||
.eyebrow::before,
|
||||
.eyebrow::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 1px;
|
||||
background: var(--red);
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-family: 'Manrope', sans-serif;
|
||||
font-size: clamp(40px, 6vw, 72px);
|
||||
font-weight: 800;
|
||||
color: var(--dark);
|
||||
line-height: 1.0;
|
||||
letter-spacing: -1px;
|
||||
opacity: 0;
|
||||
transform: translateY(30px);
|
||||
transition: opacity 0.7s ease 0.15s, transform 0.7s ease 0.15s;
|
||||
}
|
||||
|
||||
.section-title em {
|
||||
font-style: normal;
|
||||
color: var(--red);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.section-title em::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 4px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 3px;
|
||||
background: var(--red);
|
||||
border-radius: 2px;
|
||||
transform: scaleX(0);
|
||||
transform-origin: left;
|
||||
transition: transform 0.8s cubic-bezier(.16, 1, .3, 1) 0.9s;
|
||||
}
|
||||
|
||||
.section-subtitle {
|
||||
margin-top: 22px;
|
||||
font-size: 16px;
|
||||
color: #454545;
|
||||
line-height: 1.75;
|
||||
max-width: 520px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
opacity: 0;
|
||||
transform: translateY(20px);
|
||||
transition: opacity 0.7s ease 0.3s, transform 0.7s ease 0.3s;
|
||||
display: inline-block;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* ─── IN-VIEW TRIGGERS ─── */
|
||||
.in-view .eyebrow {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.in-view .section-title {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.in-view .section-title em::after {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
.in-view .section-subtitle {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
/* ─── STAT CARDS ─── */
|
||||
.cards-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.stat-card {
|
||||
background: var(--white);
|
||||
border-radius: 20px;
|
||||
padding: 36px 28px 32px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
box-shadow: var(--card-shadow);
|
||||
cursor: default;
|
||||
opacity: 0;
|
||||
transform: translateY(50px) scale(0.97);
|
||||
transition:
|
||||
opacity 0.65s cubic-bezier(.16, 1, .3, 1),
|
||||
transform 0.65s cubic-bezier(.16, 1, .3, 1),
|
||||
box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
.stat-card:nth-child(1) {
|
||||
transition-delay: 0.1s;
|
||||
}
|
||||
|
||||
.stat-card:nth-child(2) {
|
||||
transition-delay: 0.25s;
|
||||
}
|
||||
|
||||
.stat-card:nth-child(3) {
|
||||
transition-delay: 0.4s;
|
||||
}
|
||||
|
||||
.in-view .stat-card {
|
||||
opacity: 1;
|
||||
transform: translateY(0) scale(1);
|
||||
}
|
||||
|
||||
.stat-card:hover {
|
||||
box-shadow: var(--card-shadow-hover);
|
||||
transform: translateY(-6px) scale(1.01) !important;
|
||||
}
|
||||
|
||||
/* Corner accent stripe */
|
||||
.stat-card::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 3px;
|
||||
background: linear-gradient(90deg, var(--red), transparent);
|
||||
transform: scaleX(0);
|
||||
transform-origin: left;
|
||||
transition: transform 0.5s cubic-bezier(.16, 1, .3, 1);
|
||||
}
|
||||
|
||||
.stat-card:hover::before,
|
||||
.in-view .stat-card::before {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
/* Subtle radial glow on hover */
|
||||
.stat-card::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -60px;
|
||||
left: -60px;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background: radial-gradient(circle, rgba(232, 55, 42, 0.06) 0%, transparent 70%);
|
||||
opacity: 0;
|
||||
transition: opacity 0.4s ease;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.stat-card:hover::after {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* ─── ICON ─── */
|
||||
.card-icon-wrap {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 16px;
|
||||
background: var(--red-light);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 28px;
|
||||
transition: transform 0.35s cubic-bezier(.16, 1, .3, 1), background 0.3s;
|
||||
}
|
||||
|
||||
.stat-card:hover .card-icon-wrap {
|
||||
transform: rotate(-6deg) scale(1.1);
|
||||
background: var(--red);
|
||||
}
|
||||
|
||||
.card-icon-wrap svg {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
stroke: var(--red);
|
||||
fill: none;
|
||||
stroke-width: 2;
|
||||
stroke-linecap: round;
|
||||
stroke-linejoin: round;
|
||||
transition: stroke 0.3s;
|
||||
}
|
||||
|
||||
.stat-card:hover .card-icon-wrap svg {
|
||||
stroke: #fff;
|
||||
}
|
||||
|
||||
/* ─── NUMBER COUNTER ─── */
|
||||
.card-number {
|
||||
font-family: 'Manrope', sans-serif;
|
||||
font-size: 56px;
|
||||
font-weight: 800;
|
||||
color: var(--dark);
|
||||
line-height: 1;
|
||||
letter-spacing: -2px;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
gap: 2px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.card-number .suffix {
|
||||
font-size: 38px;
|
||||
font-weight: 700;
|
||||
color: var(--red);
|
||||
}
|
||||
|
||||
.card-label {
|
||||
font-size: 14.5px;
|
||||
color: var(--muted);
|
||||
line-height: 1.55;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
/* Progress bar accent */
|
||||
.card-bar {
|
||||
margin-top: 28px;
|
||||
height: 3px;
|
||||
border-radius: 3px;
|
||||
background: #ebebed;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.card-bar-fill {
|
||||
height: 100%;
|
||||
border-radius: 3px;
|
||||
background: linear-gradient(90deg, var(--red), #ff7b6e);
|
||||
width: 0%;
|
||||
transition: width 1.4s cubic-bezier(.16, 1, .3, 1);
|
||||
}
|
||||
|
||||
.in-view .stat-card:nth-child(1) .card-bar-fill {
|
||||
width: 73%;
|
||||
transition-delay: 0.8s;
|
||||
}
|
||||
|
||||
.in-view .stat-card:nth-child(2) .card-bar-fill {
|
||||
width: 40%;
|
||||
transition-delay: 0.95s;
|
||||
}
|
||||
|
||||
.in-view .stat-card:nth-child(3) .card-bar-fill {
|
||||
width: 60%;
|
||||
transition-delay: 1.1s;
|
||||
}
|
||||
|
||||
/* ─── FLOATING BADGE ─── */
|
||||
.float-badge {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
font-family: 'Manrope', sans-serif;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
color: var(--red);
|
||||
background: var(--red-light);
|
||||
padding: 4px 10px;
|
||||
border-radius: 20px;
|
||||
opacity: 0;
|
||||
transform: translateY(-6px);
|
||||
transition: opacity 0.3s, transform 0.3s;
|
||||
}
|
||||
|
||||
.stat-card:hover .float-badge {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
/* ─── LARGE DESKTOP (1440px+) ─── */
|
||||
@media (min-width: 1440px) {
|
||||
|
||||
.problem-section {
|
||||
max-width: 1400px;
|
||||
padding: 60px 52px 60px;
|
||||
}
|
||||
|
||||
.problem-section::before {
|
||||
background-size: 90px 90px;
|
||||
}
|
||||
|
||||
.section-header {
|
||||
margin-bottom: 78px;
|
||||
}
|
||||
|
||||
.eyebrow {
|
||||
font-size: 13px;
|
||||
letter-spacing: 3.5px;
|
||||
gap: 12px;
|
||||
margin-bottom: 23px;
|
||||
}
|
||||
|
||||
.eyebrow::before,
|
||||
.eyebrow::after {
|
||||
width: 34px;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: clamp(44px, 5.5vw, 78px);
|
||||
letter-spacing: -1.2px;
|
||||
}
|
||||
|
||||
.section-subtitle {
|
||||
font-size: 17px;
|
||||
max-width: 580px;
|
||||
margin-top: 25px;
|
||||
line-height: 1.78;
|
||||
}
|
||||
|
||||
.cards-grid {
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.stat-card {
|
||||
border-radius: 22px;
|
||||
padding: 40px 32px 36px;
|
||||
}
|
||||
|
||||
.card-icon-wrap {
|
||||
width: 66px;
|
||||
height: 66px;
|
||||
border-radius: 18px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.card-icon-wrap svg {
|
||||
width: 29px;
|
||||
height: 29px;
|
||||
}
|
||||
|
||||
.card-number {
|
||||
font-size: 60px;
|
||||
letter-spacing: -2.2px;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.card-number .suffix {
|
||||
font-size: 41px;
|
||||
}
|
||||
|
||||
.card-label {
|
||||
font-size: 15.5px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.card-bar {
|
||||
margin-top: 30px;
|
||||
height: 3px;
|
||||
}
|
||||
|
||||
.float-badge {
|
||||
font-size: 11px;
|
||||
letter-spacing: 2.2px;
|
||||
padding: 4px 12px;
|
||||
top: 22px;
|
||||
right: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ─── EXTRA-LARGE DESKTOP (1920px+) ─── */
|
||||
@media (min-width: 1920px) {
|
||||
|
||||
.problem-section {
|
||||
max-width: 1780px;
|
||||
padding: 72px 64px 72px;
|
||||
}
|
||||
|
||||
.problem-section::before {
|
||||
background-size: 100px 100px;
|
||||
}
|
||||
|
||||
.section-header {
|
||||
margin-bottom: 88px;
|
||||
}
|
||||
|
||||
.eyebrow {
|
||||
font-size: 14px;
|
||||
letter-spacing: 3.8px;
|
||||
gap: 13px;
|
||||
margin-bottom: 26px;
|
||||
}
|
||||
|
||||
.eyebrow::before,
|
||||
.eyebrow::after {
|
||||
width: 38px;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: clamp(50px, 5.2vw, 84px);
|
||||
letter-spacing: -1.4px;
|
||||
}
|
||||
|
||||
.section-subtitle {
|
||||
font-size: 18px;
|
||||
max-width: 640px;
|
||||
margin-top: 28px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.cards-grid {
|
||||
gap: 28px;
|
||||
}
|
||||
|
||||
.stat-card {
|
||||
border-radius: 24px;
|
||||
padding: 44px 36px 40px;
|
||||
}
|
||||
|
||||
.card-icon-wrap {
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
border-radius: 20px;
|
||||
margin-bottom: 34px;
|
||||
}
|
||||
|
||||
.card-icon-wrap svg {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.card-number {
|
||||
font-size: 64px;
|
||||
letter-spacing: -2.4px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.card-number .suffix {
|
||||
font-size: 44px;
|
||||
}
|
||||
|
||||
.card-label {
|
||||
font-size: 16.5px;
|
||||
line-height: 1.62;
|
||||
}
|
||||
|
||||
.card-bar {
|
||||
margin-top: 34px;
|
||||
height: 3.5px;
|
||||
}
|
||||
|
||||
.float-badge {
|
||||
font-size: 11.5px;
|
||||
letter-spacing: 2.4px;
|
||||
padding: 5px 13px;
|
||||
top: 23px;
|
||||
right: 23px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ─── ULTRA-WIDE (2560px+) ─── */
|
||||
@media (min-width: 2560px) {
|
||||
|
||||
/* Section wrapper — wider container, more breathing room */
|
||||
.problem-section {
|
||||
max-width: 2000px;
|
||||
padding: 80px 72px 80px;
|
||||
}
|
||||
|
||||
/* Grid lines scale up */
|
||||
.problem-section::before {
|
||||
background-size: 110px 110px;
|
||||
}
|
||||
|
||||
/* Header spacing */
|
||||
.section-header {
|
||||
margin-bottom: 96px;
|
||||
}
|
||||
|
||||
/* Eyebrow */
|
||||
.eyebrow {
|
||||
font-size: 15px;
|
||||
letter-spacing: 4px;
|
||||
gap: 14px;
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
|
||||
.eyebrow::before,
|
||||
.eyebrow::after {
|
||||
width: 42px;
|
||||
}
|
||||
|
||||
/* Section title */
|
||||
.section-title {
|
||||
font-size: clamp(56px, 5vw, 88px);
|
||||
letter-spacing: -1.5px;
|
||||
}
|
||||
|
||||
/* Subtitle */
|
||||
.section-subtitle {
|
||||
font-size: 19px;
|
||||
max-width: 680px;
|
||||
margin-top: 30px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
/* Stat cards grid — wider gaps */
|
||||
.cards-grid {
|
||||
gap: 32px;
|
||||
}
|
||||
|
||||
/* Individual cards — more internal space */
|
||||
.stat-card {
|
||||
border-radius: 24px;
|
||||
padding: 48px 38px 42px;
|
||||
}
|
||||
|
||||
/* Icon */
|
||||
.card-icon-wrap {
|
||||
width: 76px;
|
||||
height: 76px;
|
||||
border-radius: 20px;
|
||||
margin-bottom: 36px;
|
||||
}
|
||||
|
||||
.card-icon-wrap svg {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
/* Number counter */
|
||||
.card-number {
|
||||
font-size: 68px;
|
||||
letter-spacing: -2.5px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.card-number .suffix {
|
||||
font-size: 46px;
|
||||
}
|
||||
|
||||
/* Card label */
|
||||
.card-label {
|
||||
font-size: 17px;
|
||||
line-height: 1.65;
|
||||
}
|
||||
|
||||
/* Progress bar */
|
||||
.card-bar {
|
||||
margin-top: 36px;
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
/* Floating badge */
|
||||
.float-badge {
|
||||
font-size: 12px;
|
||||
letter-spacing: 2.5px;
|
||||
padding: 5px 14px;
|
||||
top: 24px;
|
||||
right: 24px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<section class="problem-section" id="problem">
|
||||
<div class="section-header">
|
||||
<div class="eyebrow">The Problem</div>
|
||||
<h2 class="section-title">Fragmented Logistics<br>is <em>Broken</em></h2>
|
||||
<p class="section-subtitle">When first, mid, and last mile operate independently, nobody owns the outcome.
|
||||
Handoffs become failure points. Delays cascade.</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- <div class="cards-grid">
|
||||
|
||||
|
||||
<div class="stat-card">
|
||||
<span class="float-badge">Critical</span>
|
||||
<div class="card-icon-wrap">
|
||||
<svg viewBox="0 0 24 24">
|
||||
<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/>
|
||||
<line x1="12" y1="9" x2="12" y2="13"/>
|
||||
<line x1="12" y1="17" x2="12.01" y2="17"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="card-number">
|
||||
<span class="counter" data-target="73">0</span><span class="suffix">%</span>
|
||||
</div>
|
||||
<div class="card-label">of delays happen at handoffs between logistics segments</div>
|
||||
<div class="card-bar"><div class="card-bar-fill"></div></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="stat-card">
|
||||
<span class="float-badge">High Risk</span>
|
||||
<div class="card-icon-wrap">
|
||||
<svg viewBox="0 0 24 24">
|
||||
<polyline points="22 7 13.5 15.5 8.5 10.5 2 17"/>
|
||||
<polyline points="16 7 22 7 22 13"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="card-number">
|
||||
<span class="counter" data-target="40">0</span><span class="suffix">%</span>
|
||||
</div>
|
||||
<div class="card-label">of all shipments require manual intervention to complete delivery</div>
|
||||
<div class="card-bar"><div class="card-bar-fill"></div></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="stat-card">
|
||||
<span class="float-badge">Inefficiency</span>
|
||||
<div class="card-icon-wrap">
|
||||
<svg viewBox="0 0 24 24">
|
||||
<circle cx="12" cy="12" r="10"/>
|
||||
<polyline points="12 6 12 12 16 14"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="card-number">
|
||||
<span class="counter" data-target="2" data-decimals="1" data-step="0.1">0</span><span class="suffix">x</span>
|
||||
</div>
|
||||
<div class="card-label">more time wasted on coordination across fragmented logistics providers</div>
|
||||
<div class="card-bar"><div class="card-bar-fill"></div></div>
|
||||
</div>
|
||||
|
||||
</div> -->
|
||||
|
||||
<?php include 'includes/section2.php'; ?>
|
||||
</section>
|
||||
|
||||
<script>
|
||||
// ─── INTERSECTION OBSERVER ───
|
||||
const section = document.getElementById('problem');
|
||||
|
||||
const observer = new IntersectionObserver(entries => {
|
||||
entries.forEach(entry => {
|
||||
if (entry.isIntersecting) {
|
||||
entry.target.classList.add('in-view');
|
||||
startCounters();
|
||||
observer.unobserve(entry.target);
|
||||
}
|
||||
});
|
||||
}, { threshold: 0.2 });
|
||||
|
||||
observer.observe(section);
|
||||
|
||||
// Auto-trigger since we're in a standalone demo
|
||||
setTimeout(() => {
|
||||
section.classList.add('in-view');
|
||||
startCounters();
|
||||
}, 300);
|
||||
|
||||
// ─── COUNTER ANIMATION ───
|
||||
function startCounters() {
|
||||
document.querySelectorAll('.counter').forEach(el => {
|
||||
const target = parseFloat(el.dataset.target);
|
||||
const decimals = parseInt(el.dataset.decimals || '0');
|
||||
const step = parseFloat(el.dataset.step || '1');
|
||||
const duration = 1800;
|
||||
const startTime = performance.now();
|
||||
|
||||
function update(now) {
|
||||
const elapsed = now - startTime;
|
||||
const progress = Math.min(elapsed / duration, 1);
|
||||
// Ease out expo
|
||||
const ease = progress === 1 ? 1 : 1 - Math.pow(2, -10 * progress);
|
||||
const current = ease * target;
|
||||
el.textContent = decimals > 0 ? current.toFixed(decimals) : Math.floor(current);
|
||||
if (progress < 1) requestAnimationFrame(update);
|
||||
}
|
||||
|
||||
requestAnimationFrame(update);
|
||||
});
|
||||
}
|
||||
|
||||
// ─── PARALLAX TILT ON CARDS ───
|
||||
document.querySelectorAll('.stat-card').forEach(card => {
|
||||
card.addEventListener('mousemove', e => {
|
||||
const rect = card.getBoundingClientRect();
|
||||
const x = (e.clientX - rect.left) / rect.width - 0.5;
|
||||
const y = (e.clientY - rect.top) / rect.height - 0.5;
|
||||
card.style.transform = `translateY(-6px) scale(1.01) rotateX(${-y * 5}deg) rotateY(${x * 5}deg)`;
|
||||
});
|
||||
card.addEventListener('mouseleave', () => {
|
||||
card.style.transform = '';
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
100
includes/sections/misc/stats_banner.php
Normal file
100
includes/sections/misc/stats_banner.php
Normal file
@@ -0,0 +1,100 @@
|
||||
<div class="stats-bar">
|
||||
<div class="stats-inner1">
|
||||
<div class="stat-item reveal reveal-d1">
|
||||
<div class="stat-num">99.2 <span>%</span></div>
|
||||
<div class="stat-lbl">On-Time Delivery</div>
|
||||
</div>
|
||||
<div class="stat-item reveal reveal-d2">
|
||||
<div class="stat-num">3<span>x</span></div>
|
||||
<div class="stat-lbl">Faster Response</div>
|
||||
</div>
|
||||
<div class="stat-item reveal reveal-d3">
|
||||
<div class="stat-num">40<span>%</span></div>
|
||||
<div class="stat-lbl">Cost Reduction</div>
|
||||
</div>
|
||||
<!-- <div class="stat-item reveal reveal-d4">
|
||||
<div class="stat-num">15 </div>
|
||||
<div class="stat-lbl">Cities Covered</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.stats-bar {
|
||||
width: 100%;
|
||||
padding: 50px 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.stats-inner1 {
|
||||
max-width: 1100px;
|
||||
margin: 0 auto;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 30px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.stat-item {
|
||||
text-align: center;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.stat-num {
|
||||
font-size: clamp(40px, 6vw, 70px);
|
||||
font-weight: 900;
|
||||
color: #111;
|
||||
line-height: 1;
|
||||
margin-bottom: 8px;
|
||||
font-family: "Manrope", sans-serif;
|
||||
letter-spacing: -2px;
|
||||
}
|
||||
|
||||
.stat-num span {
|
||||
font-size: 0.5em;
|
||||
color: #E31E24;
|
||||
margin-left: 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.stat-lbl {
|
||||
font-size: clamp(13px, 1.5vw, 16px);
|
||||
font-weight: 700;
|
||||
color: #64748B;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1.5px;
|
||||
}
|
||||
|
||||
/* Tablet Scale (1024px) */
|
||||
@media (max-width: 1024px) {
|
||||
.stats-inner1 {
|
||||
max-width: 90%;
|
||||
gap: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile Stack (767px) */
|
||||
@media (max-width: 767px) {
|
||||
.stats-bar {
|
||||
padding: 40px 0;
|
||||
}
|
||||
.stats-inner1 {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 45px;
|
||||
}
|
||||
.stat-num {
|
||||
font-size: 56px; /* Explicit size for mobile for clarity */
|
||||
}
|
||||
}
|
||||
|
||||
/* Small Phone Scaling (480px) */
|
||||
@media (max-width: 480px) {
|
||||
.stat-num {
|
||||
font-size: 44px;
|
||||
}
|
||||
.stat-lbl {
|
||||
font-size: 11px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
573
includes/sections/misc/why_miletruth.php
Normal file
573
includes/sections/misc/why_miletruth.php
Normal file
@@ -0,0 +1,573 @@
|
||||
|
||||
<style>
|
||||
/* ══════════════════════════════════════════
|
||||
MILETRUTH SHOWCASE — FULL REDESIGN
|
||||
══════════════════════════════════════════ */
|
||||
#mts-root {
|
||||
font-family: 'Manrope', sans-serif;
|
||||
/* background: #f8f7f5; */
|
||||
padding: 100px 0 80px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
margin-top: 80px;
|
||||
}
|
||||
|
||||
#mts-root::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0; left: 0; right: 0;
|
||||
height: 6px;
|
||||
background: linear-gradient(90deg, #c01227 0%, #ff4d6d 50%, #c01227 100%);
|
||||
}
|
||||
|
||||
.mts-wrap {
|
||||
max-width: 1260px;
|
||||
margin: 0 auto;
|
||||
padding: 0 40px;
|
||||
}
|
||||
|
||||
/* ── INTRO ROW ── */
|
||||
.mts-intro {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 60px;
|
||||
align-items: end;
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
|
||||
.mts-label {
|
||||
font-size: 0.72rem;
|
||||
font-weight: 800;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 4px;
|
||||
color: #c01227;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.mts-heading {
|
||||
font-size: clamp(2rem, 3.5vw, 3.2rem);
|
||||
font-weight: 900;
|
||||
color: #0f0f0f;
|
||||
line-height: 1.1;
|
||||
margin: 0;
|
||||
letter-spacing: -1.5px;
|
||||
}
|
||||
|
||||
.mts-heading span {
|
||||
color: #c01227;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.mts-heading span::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -4px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 3px;
|
||||
background: #c01227;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.mts-sub {
|
||||
font-size: 1rem;
|
||||
color: #666;
|
||||
line-height: 1.75;
|
||||
margin: 0 0 32px;
|
||||
max-width: 440px;
|
||||
}
|
||||
|
||||
/* Stats pills */
|
||||
.mts-pills {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.mts-pill {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
background: #fff;
|
||||
border: 1px solid #e8e4e0;
|
||||
border-radius: 50px;
|
||||
padding: 10px 20px;
|
||||
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.mts-pill:hover {
|
||||
border-color: #c01227;
|
||||
box-shadow: 0 4px 20px rgba(192,18,39,0.12);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.mts-pill-num {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 900;
|
||||
color: #c01227;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.mts-pill-text {
|
||||
font-size: 0.75rem;
|
||||
font-weight: 600;
|
||||
color: #888;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
line-height: 1.3;
|
||||
max-width: 70px;
|
||||
}
|
||||
|
||||
/* ── MAIN BENTO GRID ── */
|
||||
.mts-bento {
|
||||
display: grid;
|
||||
grid-template-columns: 1.4fr 1fr 1fr;
|
||||
grid-template-rows: auto auto;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
/* Base card */
|
||||
.mts-card {
|
||||
background: #f8f7f5;
|
||||
border-radius: 24px;
|
||||
padding: 40px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border: 1px solid #eee;
|
||||
transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.mts-card:hover {
|
||||
transform: translateY(-4px);
|
||||
box-shadow: 0 20px 60px rgba(0,0,0,0.08);
|
||||
border-color: rgba(192,18,39,0.2);
|
||||
}
|
||||
|
||||
/* Large hero card — spans 2 rows */
|
||||
.mts-card--hero {
|
||||
grid-row: 1 / 3;
|
||||
background: #0f0f12;
|
||||
border-color: #1e1e24;
|
||||
padding: 52px 48px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
min-height: 460px;
|
||||
}
|
||||
|
||||
.mts-card--hero::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -80px; right: -80px;
|
||||
width: 280px; height: 280px;
|
||||
border-radius: 50%;
|
||||
background: radial-gradient(circle, rgba(192,18,39,0.25) 0%, transparent 70%);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.mts-card--hero::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -40px; left: -40px;
|
||||
width: 200px; height: 200px;
|
||||
border-radius: 50%;
|
||||
background: radial-gradient(circle, rgba(192,18,39,0.1) 0%, transparent 70%);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.mts-hero-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
background: rgba(192,18,39,0.15);
|
||||
border: 1px solid rgba(192,18,39,0.3);
|
||||
border-radius: 50px;
|
||||
padding: 6px 14px;
|
||||
font-size: 0.72rem;
|
||||
font-weight: 700;
|
||||
color: #ff4d6d;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
width: fit-content;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.mts-hero-badge::before {
|
||||
content: '';
|
||||
width: 6px; height: 6px;
|
||||
border-radius: 50%;
|
||||
background: #ff4d6d;
|
||||
animation: blink 1.5s infinite;
|
||||
}
|
||||
|
||||
@keyframes blink {
|
||||
0%, 100% { opacity: 1; }
|
||||
50% { opacity: 0.3; }
|
||||
}
|
||||
|
||||
.mts-hero-num {
|
||||
font-size: 8rem;
|
||||
font-weight: 900;
|
||||
color: rgba(255,255,255,0.08);
|
||||
line-height: 0.8;
|
||||
margin-bottom: 20px;
|
||||
letter-spacing: -6px;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.mts-hero-title {
|
||||
font-size: 2rem;
|
||||
font-weight: 800;
|
||||
color: #fff;
|
||||
line-height: 1.2;
|
||||
margin: 0 0 16px;
|
||||
letter-spacing: -0.5px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.mts-hero-desc {
|
||||
font-size: 0.95rem;
|
||||
color: rgba(255,255,255,0.5);
|
||||
line-height: 1.75;
|
||||
margin: 0 0 40px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.mts-hero-link {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
font-size: 0.8rem;
|
||||
font-weight: 800;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
transition: gap 0.3s;
|
||||
}
|
||||
|
||||
.mts-hero-link::after {
|
||||
content: '→';
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 50%;
|
||||
background: #c01227;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 1rem;
|
||||
transition: background 0.3s, transform 0.3s;
|
||||
}
|
||||
|
||||
.mts-card--hero:hover .mts-hero-link::after {
|
||||
background: #ff4d6d;
|
||||
transform: translateX(4px);
|
||||
}
|
||||
|
||||
/* Standard cards */
|
||||
.mts-card-no {
|
||||
font-size: 0.72rem;
|
||||
font-weight: 800;
|
||||
color: #c01227;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.mts-card-icon-wrap {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 14px;
|
||||
background: #fff5f6;
|
||||
border: 1px solid rgba(192,18,39,0.15);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 20px;
|
||||
transition: all 0.35s;
|
||||
}
|
||||
|
||||
.mts-card:hover .mts-card-icon-wrap {
|
||||
background: #c01227;
|
||||
border-color: #c01227;
|
||||
}
|
||||
|
||||
.mts-card-icon-wrap svg {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
stroke: #c01227;
|
||||
fill: none;
|
||||
stroke-width: 2;
|
||||
stroke-linecap: round;
|
||||
stroke-linejoin: round;
|
||||
transition: stroke 0.35s;
|
||||
}
|
||||
|
||||
.mts-card:hover .mts-card-icon-wrap svg {
|
||||
stroke: #fff;
|
||||
}
|
||||
|
||||
.mts-card-title {
|
||||
font-size: 1rem;
|
||||
font-weight: 800;
|
||||
color: #111;
|
||||
line-height: 1.3;
|
||||
margin: 0 0 10px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
.mts-card-text {
|
||||
font-size: 0.875rem;
|
||||
color: #888;
|
||||
line-height: 1.7;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Accent card — wide bottom-right */
|
||||
.mts-card--accent {
|
||||
background: linear-gradient(135deg, #c01227 0%, #8b0c1b 100%);
|
||||
border-color: #c01227;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 24px;
|
||||
padding: 32px 36px;
|
||||
}
|
||||
|
||||
.mts-card--accent .mts-card-title {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.mts-card--accent .mts-card-text {
|
||||
color: rgba(255,255,255,0.65);
|
||||
}
|
||||
|
||||
.mts-card--accent .mts-card-icon-wrap {
|
||||
background: rgba(255,255,255,0.15);
|
||||
border-color: rgba(255,255,255,0.2);
|
||||
flex-shrink: 0;
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
}
|
||||
|
||||
.mts-card--accent:hover .mts-card-icon-wrap {
|
||||
background: rgba(255,255,255,0.25);
|
||||
border-color: rgba(255,255,255,0.35);
|
||||
}
|
||||
|
||||
.mts-card--accent .mts-card-icon-wrap svg {
|
||||
stroke: #fff;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.mts-card--accent:hover .mts-card-icon-wrap svg {
|
||||
stroke: #fff;
|
||||
}
|
||||
|
||||
.mts-card--accent:hover {
|
||||
box-shadow: 0 20px 60px rgba(192,18,39,0.3);
|
||||
}
|
||||
|
||||
/* Ghost number decoration on small cards */
|
||||
.mts-card::after {
|
||||
content: attr(data-num);
|
||||
position: absolute;
|
||||
bottom: -10px;
|
||||
right: 16px;
|
||||
font-size: 5.5rem;
|
||||
font-weight: 900;
|
||||
color: rgba(0,0,0,0.04);
|
||||
line-height: 1;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
letter-spacing: -4px;
|
||||
}
|
||||
|
||||
.mts-card--hero::after { display: none; }
|
||||
.mts-card--accent::after { color: rgba(255,255,255,0.08); }
|
||||
|
||||
/* ── RESPONSIVE ── */
|
||||
@media (max-width: 1024px) {
|
||||
.mts-bento {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-rows: auto;
|
||||
}
|
||||
.mts-card--hero {
|
||||
grid-column: 1 / 3;
|
||||
grid-row: auto;
|
||||
min-height: 380px;
|
||||
}
|
||||
.mts-intro {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 680px) {
|
||||
#mts-root { padding: 60px 0 50px; }
|
||||
.mts-wrap { padding: 0 20px; }
|
||||
.mts-bento {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.mts-card--hero {
|
||||
grid-column: auto;
|
||||
min-height: 340px;
|
||||
}
|
||||
.mts-card--accent {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 16px;
|
||||
}
|
||||
.mts-hero-num { font-size: 5rem; }
|
||||
.mts-pills { gap: 8px; }
|
||||
}
|
||||
</style>
|
||||
|
||||
<section id="mts-root">
|
||||
<div class="mts-wrap">
|
||||
|
||||
<!-- Intro Row -->
|
||||
<div class="mts-intro">
|
||||
<div>
|
||||
<div class="mts-label">AI Intelligence</div>
|
||||
<h2 class="mts-heading">Why <span>MileTruth™</span><br>is Different</h2>
|
||||
</div>
|
||||
<div>
|
||||
<p class="mts-sub">Unlike generic AI tools, MileTruth™ is trained exclusively on logistics data — millions of deliveries, routes, exceptions, and outcomes.</p>
|
||||
<div class="mts-pills">
|
||||
<div class="mts-pill">
|
||||
<span class="mts-pill-num" data-target="98" data-suffix="%">0%</span>
|
||||
<span class="mts-pill-text">ETA Accuracy</span>
|
||||
</div>
|
||||
<div class="mts-pill">
|
||||
<span class="mts-pill-num" data-target="50" data-suffix="+">0+</span>
|
||||
<span class="mts-pill-text">Data Variables</span>
|
||||
</div>
|
||||
<div class="mts-pill">
|
||||
<span class="mts-pill-num" data-target="30" data-suffix="%">0%</span>
|
||||
<span class="mts-pill-text">Fewer Exceptions</span>
|
||||
</div>
|
||||
<div class="mts-pill">
|
||||
<span class="mts-pill-num">4–6</span>
|
||||
<span class="mts-pill-text">Hours Ahead</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Bento Grid -->
|
||||
<div class="mts-bento">
|
||||
|
||||
<!-- HERO CARD -->
|
||||
<div class="mts-card mts-card--hero">
|
||||
<div>
|
||||
<div class="mts-hero-badge">Live AI · Always On</div>
|
||||
<div class="mts-hero-num">01</div>
|
||||
<h3 class="mts-hero-title">Predictive Delay<br>Detection</h3>
|
||||
<p class="mts-hero-desc">AI analyses 50+ variables — traffic, weather, carrier patterns, and historical exceptions — to predict delays 4–6 hours before they occur, giving your team time to act before customers notice.</p>
|
||||
</div>
|
||||
<a href="#" class="mts-hero-link">Explore Feature</a>
|
||||
</div>
|
||||
|
||||
<!-- CARD 2 -->
|
||||
<div class="mts-card" data-num="02">
|
||||
<div class="mts-card-no">02</div>
|
||||
<div class="mts-card-icon-wrap">
|
||||
<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="3"/><path d="M19.07 4.93a10 10 0 010 14.14M4.93 4.93a10 10 0 000 14.14"/><path d="M15.54 8.46a5 5 0 010 7.07M8.46 8.46a5 5 0 000 7.07"/></svg>
|
||||
</div>
|
||||
<h5 class="mts-card-title">Smart Route Optimisation</h5>
|
||||
<p class="mts-card-text">Real-time traffic, weather, and capacity data feed into dynamic routing that adapts on the fly.</p>
|
||||
</div>
|
||||
|
||||
<!-- CARD 3 -->
|
||||
<div class="mts-card" data-num="03">
|
||||
<div class="mts-card-no">03</div>
|
||||
<div class="mts-card-icon-wrap">
|
||||
<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
|
||||
</div>
|
||||
<h5 class="mts-card-title">Accurate ETA Predictions</h5>
|
||||
<p class="mts-card-text">Machine learning models trained on millions of deliveries provide 98% accurate arrival times.</p>
|
||||
</div>
|
||||
|
||||
<!-- CARD 4 — ACCENT -->
|
||||
<div class="mts-card mts-card--accent" data-num="04">
|
||||
<div class="mts-card-icon-wrap">
|
||||
<svg viewBox="0 0 24 24"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mts-card-title" style="color: white;">Exception Management</h5>
|
||||
<p class="mts-card-text" style="color: white;">Automatic escalation protocols trigger when deliveries deviate from expected patterns.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CARD 5 -->
|
||||
<div class="mts-card" data-num="05">
|
||||
<div class="mts-card-no">05</div>
|
||||
<div class="mts-card-icon-wrap">
|
||||
<svg viewBox="0 0 24 24"><line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/></svg>
|
||||
</div>
|
||||
<h5 class="mts-card-title">Performance Analytics</h5>
|
||||
<p class="mts-card-text">Deep insights into carrier performance, route efficiency, and cost optimisation opportunities.</p>
|
||||
</div>
|
||||
|
||||
<!-- CARD 6 -->
|
||||
<!-- <div class="mts-card" data-num="06">
|
||||
<div class="mts-card-no">06</div>
|
||||
<div class="mts-card-icon-wrap">
|
||||
<svg viewBox="0 0 24 24"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>
|
||||
</div>
|
||||
<h5 class="mts-card-title">Automated Recommendations</h5>
|
||||
<p class="mts-card-text">AI suggests carrier selection, consolidation opportunities, and capacity planning adjustments.</p>
|
||||
</div> -->
|
||||
|
||||
</div><!-- /bento -->
|
||||
|
||||
</div><!-- /wrap -->
|
||||
</section>
|
||||
|
||||
<script>
|
||||
(function () {
|
||||
var section = document.getElementById('mts-root');
|
||||
if (!section) return;
|
||||
|
||||
var fired = false;
|
||||
|
||||
function activate() {
|
||||
if (fired) return;
|
||||
fired = true;
|
||||
animateCounters();
|
||||
}
|
||||
|
||||
function animateCounters() {
|
||||
section.querySelectorAll('[data-target]').forEach(function (el) {
|
||||
var target = parseInt(el.dataset.target, 10);
|
||||
var suffix = el.dataset.suffix || '';
|
||||
var start = performance.now();
|
||||
var dur = 1800;
|
||||
|
||||
(function tick(now) {
|
||||
var p = Math.min((now - start) / dur, 1);
|
||||
var ease = 1 - Math.pow(2, -10 * p);
|
||||
el.textContent = Math.round(ease * target) + suffix;
|
||||
if (p < 1) requestAnimationFrame(tick);
|
||||
})(start);
|
||||
});
|
||||
}
|
||||
|
||||
if ('IntersectionObserver' in window) {
|
||||
var io = new IntersectionObserver(function (entries) {
|
||||
if (entries[0].isIntersecting) { activate(); io.disconnect(); }
|
||||
}, { threshold: 0.15 });
|
||||
io.observe(section);
|
||||
} else {
|
||||
setTimeout(activate, 500);
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
Reference in New Issue
Block a user