290426 Initial commit
This commit is contained in:
Kishore Kumar C
122
includes/bg-play.php
Normal file
122
includes/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/comparision.php
Normal file
526
includes/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>
|
||||
457
includes/comparision2.php
Normal file
457
includes/comparision2.php
Normal file
@@ -0,0 +1,457 @@
|
||||
|
||||
<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>
|
||||
1156
includes/connected-log.php
Normal file
1156
includes/connected-log.php
Normal file
File diff suppressed because it is too large
Load Diff
108
includes/connected-logistics-section.php
Normal file
108
includes/connected-logistics-section.php
Normal file
@@ -0,0 +1,108 @@
|
||||
<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-1.png"
|
||||
class="attachment-full size-full wp-image-4481" alt="assets/images/home2-pic-1.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>
|
||||
70
includes/contact-section.php
Normal file
70
includes/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/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/contact.php
Normal file
2287
includes/contact.php
Normal file
File diff suppressed because it is too large
Load Diff
3630
includes/container.php
Normal file
3630
includes/container.php
Normal file
File diff suppressed because it is too large
Load Diff
334
includes/ev-design.php
Normal file
334
includes/ev-design.php
Normal file
@@ -0,0 +1,334 @@
|
||||
<style>
|
||||
/* ─── EV SECTION BASE ─── */
|
||||
.ev-section {
|
||||
max-width: 1400px;
|
||||
margin: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 60px;
|
||||
padding: 80px 20px;
|
||||
}
|
||||
|
||||
/* ─── LARGE DESKTOP (1440px+) ─── */
|
||||
@media (min-width: 1440px) {
|
||||
.ev-section {
|
||||
max-width: 1360px;
|
||||
padding: 50px 52px;
|
||||
gap: 72px;
|
||||
background-color: #1f1f1f;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.ev-section .ev-badge {
|
||||
font-size: 15px;
|
||||
padding: 9px 18px;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
.ev-section .ev-heading {
|
||||
font-size: 64px;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
.ev-section .ev-subtext {
|
||||
font-size: 19px;
|
||||
max-width: 560px;
|
||||
margin-bottom: 44px;
|
||||
}
|
||||
|
||||
.ev-section .ev-grid {
|
||||
gap: 22px;
|
||||
max-width: 980px;
|
||||
}
|
||||
|
||||
.ev-section .ev-card {
|
||||
padding: 24px;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.ev-section .ev-card h3 {
|
||||
font-size: 19px;
|
||||
}
|
||||
|
||||
.ev-section .ev-card p {
|
||||
font-size: 14.5px;
|
||||
}
|
||||
|
||||
.ev-section .right-card {
|
||||
padding: 34px;
|
||||
border-radius: 22px;
|
||||
}
|
||||
|
||||
.ev-section .ev-stat-val {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.ev-section .ev-stat-label {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ─── EXTRA-LARGE DESKTOP (1920px+) ─── */
|
||||
@media (min-width: 1920px) {
|
||||
.ev-section {
|
||||
max-width: 1780px;
|
||||
padding: 112px 64px;
|
||||
gap: 88px;
|
||||
}
|
||||
|
||||
.ev-section .ev-badge {
|
||||
font-size: 16px;
|
||||
padding: 10px 20px;
|
||||
margin-bottom: 26px;
|
||||
}
|
||||
|
||||
.ev-section .ev-heading {
|
||||
font-size: 76px;
|
||||
margin-bottom: 26px;
|
||||
}
|
||||
|
||||
.ev-section .ev-subtext {
|
||||
font-size: 20px;
|
||||
max-width: 620px;
|
||||
margin-bottom: 50px;
|
||||
line-height: 1.65;
|
||||
}
|
||||
|
||||
.ev-section .ev-grid {
|
||||
gap: 26px;
|
||||
max-width: 1060px;
|
||||
}
|
||||
|
||||
.ev-section .ev-card {
|
||||
padding: 28px;
|
||||
border-radius: 18px;
|
||||
}
|
||||
|
||||
.ev-section .ev-card h3 {
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
.ev-section .ev-card p {
|
||||
font-size: 15.5px;
|
||||
}
|
||||
|
||||
.ev-section .right-card {
|
||||
padding: 40px;
|
||||
border-radius: 26px;
|
||||
}
|
||||
|
||||
.ev-section .ev-stat-val {
|
||||
font-size: 1.55rem;
|
||||
}
|
||||
|
||||
.ev-section .ev-stat-label {
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ─── ULTRA-WIDE (2560px+) ─── */
|
||||
@media (min-width: 2560px) {
|
||||
.ev-section {
|
||||
max-width: 2100px;
|
||||
padding: 50px 80px;
|
||||
gap: 108px;
|
||||
}
|
||||
|
||||
.ev-section .ev-badge {
|
||||
font-size: 18px;
|
||||
padding: 12px 24px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.ev-section .ev-heading {
|
||||
font-size: 92px;
|
||||
margin-bottom: 30px;
|
||||
line-height: 1.05;
|
||||
}
|
||||
|
||||
.ev-section .ev-subtext {
|
||||
font-size: 22px;
|
||||
max-width: 700px;
|
||||
margin-bottom: 58px;
|
||||
line-height: 1.68;
|
||||
}
|
||||
|
||||
.ev-section .ev-grid {
|
||||
gap: 30px;
|
||||
max-width: 1200px;
|
||||
}
|
||||
|
||||
.ev-section .ev-card {
|
||||
padding: 32px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.ev-section .ev-card h3 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.ev-section .ev-card p {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.ev-section .right-card {
|
||||
padding: 48px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
.ev-section .ev-stat-val {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
.ev-section .ev-stat-label {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ─── RIGHT CARD OVERLAY ─── */
|
||||
.right-card {
|
||||
position: relative;
|
||||
color: #111;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.right-card::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: linear-gradient(to right,
|
||||
rgba(255, 255, 255, 0.9) 30%,
|
||||
rgba(255, 255, 255, 0.6) 55%,
|
||||
rgba(255, 255, 255, 0.2) 100%);
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.right-card>* {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
</style>
|
||||
|
||||
<section class="ev-section">
|
||||
|
||||
<!-- LEFT CONTENT -->
|
||||
<div>
|
||||
|
||||
<span class="ev-badge"
|
||||
style="background:rgb(255,235,238);color:#c01227;padding:8px 16px;border-radius:20px;font-size:14px;display:inline-block;margin-bottom:20px;">
|
||||
EV-Native Design
|
||||
</span>
|
||||
|
||||
<h1 class="ev-heading" style="font-size:56px;font-weight:700;color:white;line-height:1.1;margin-bottom:20px;">
|
||||
Built for Electric.<br>
|
||||
<span style="color:#c01227;">Not Adapted.</span>
|
||||
</h1>
|
||||
|
||||
<p class="ev-subtext" style="font-size:18px;color:white;max-width:520px;margin-bottom:40px;line-height:1.6;">
|
||||
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="ev-grid" style="display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:920px;">
|
||||
|
||||
<div class="ev-card"
|
||||
style="background:#fff;padding:20px;border-radius:14px;box-shadow:0 5px 20px rgba(0,0,0,0.05);">
|
||||
<h3 style="margin:0 0 8px 0;font-size:18px;">Battery-Aware Routing</h3>
|
||||
<p style="font-size:14px;color:#6b7280;margin:0;">Battery level, health, and degradation are inputs to route
|
||||
optimization.</p>
|
||||
</div>
|
||||
|
||||
<div class="ev-card"
|
||||
style="background:#fff;padding:20px;border-radius:14px;box-shadow:0 5px 20px rgba(0,0,0,0.05);">
|
||||
<h3 style="margin:0 0 8px 0;font-size:18px;">Charging Integration</h3>
|
||||
<p style="font-size:14px;color:#6b7280;margin:0;">Integrate charging stops without compromising delivery
|
||||
windows.</p>
|
||||
</div>
|
||||
|
||||
<div class="ev-card"
|
||||
style="background:#fff;padding:20px;border-radius:14px;box-shadow:0 5px 20px rgba(0,0,0,0.05);">
|
||||
<h3 style="margin:0 0 8px 0;font-size:18px;">Energy-Optimized Paths</h3>
|
||||
<p style="font-size:14px;color:#6b7280;margin:0;">Consider elevation, speed limits, and weather for efficiency.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="ev-card"
|
||||
style="background:#fff;padding:20px;border-radius:14px;box-shadow:0 5px 20px rgba(0,0,0,0.05);">
|
||||
<h3 style="margin:0 0 8px 0;font-size:18px;">Predictable Operations</h3>
|
||||
<p style="font-size:14px;color:#6b7280;margin:0;">EVs become predictable assets, not operational risks.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- RIGHT CARD -->
|
||||
<div class="right-card"
|
||||
style="background:#fff;padding:30px;border-radius:20px;width:920px;box-shadow:0 20px 40px rgba(0,0,0,0.08);background-image:url('assets/images/ev-design1.jpeg');background-size:cover;background-position:center;">
|
||||
|
||||
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;">
|
||||
<h4 style="margin:0;">Fleet Status</h4>
|
||||
<span style="color:#19a463;font-size:14px;">● 12 vehicles active</span>
|
||||
</div>
|
||||
|
||||
<div style="display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #eee;">
|
||||
<div>
|
||||
<strong>EV-001</strong>
|
||||
<p style="margin:0;color:#6b7280;font-size:14px;">Route A</p>
|
||||
</div>
|
||||
<div style="color:#19a463;font-weight:bold;">85% <span style="margin-left:10px;color:#221f1f;">15 min</span></div>
|
||||
</div>
|
||||
|
||||
<div style="display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #eee;">
|
||||
<div>
|
||||
<strong>EV-002</strong>
|
||||
<p style="margin:0;color:#6b7280;font-size:14px;">Route B</p>
|
||||
</div>
|
||||
<div style="color:#19a463;font-weight:bold;">62% <span style="margin-left:10px;color:#221f1f;">42 min</span></div>
|
||||
</div>
|
||||
|
||||
<div style="display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #eee;">
|
||||
<div>
|
||||
<strong>EV-003</strong>
|
||||
<p style="margin:0;color:#6b7280;font-size:14px;">Charging</p>
|
||||
</div>
|
||||
<div style="color:#f59e0b;font-size:1.1rem;font-weight:bold;">28% <span
|
||||
style="margin-left:10px;color:#221f1f;">Charging</span></div>
|
||||
</div>
|
||||
|
||||
<div style="display:flex;justify-content:space-between;margin-top:30px;text-align:center;">
|
||||
|
||||
<div>
|
||||
<h4 class="ev-stat-val"
|
||||
style="margin:0;color:#19a463;text-align:center;font-size:1.25rem;line-height:1.75rem;font-weight:bold;">40%
|
||||
</h4>
|
||||
<p class="ev-stat-label" style="font-size:13px;color:#6b7280;margin:0;">Lower Fuel Costs</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 class="ev-stat-val"
|
||||
style="margin:0;color:#19a463;text-align:center;font-size:1.25rem;line-height:1.75rem;font-weight:bold;">Zero
|
||||
</h4>
|
||||
<p class="ev-stat-label" style="font-size:13px;color:#6b7280;margin:0;">Tailpipe Emissions</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 class="ev-stat-val"
|
||||
style="margin:0;color:#19a463;text-align:center;font-size:1.25rem;line-height:1.75rem;font-weight:bold;">98%
|
||||
</h4>
|
||||
<p class="ev-stat-label" style="font-size:13px;color:#6b7280;margin:0;">Fleet Uptime</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p class="ev-stat-val"
|
||||
style="margin:0;color:#19a463;text-align:center;font-size:1.25rem;line-height:1.75rem;font-weight:bold;">3x
|
||||
</p>
|
||||
<p class="ev-stat-label" style="font-size:13px;color:#6b7280;margin:0;">Longer Asset Life</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
173
includes/ev-logistics.php
Normal file
173
includes/ev-logistics.php
Normal file
@@ -0,0 +1,173 @@
|
||||
<link rel="stylesheet" href="assets/css/custom-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"
|
||||
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/ev-premium.php
Normal file
173
includes/ev-premium.php
Normal file
@@ -0,0 +1,173 @@
|
||||
|
||||
<link rel="stylesheet" href="assets/css/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>
|
||||
121
includes/ev-section.php
Normal file
121
includes/ev-section.php
Normal file
@@ -0,0 +1,121 @@
|
||||
<!-- Modern EV-Native Design Section -->
|
||||
<link rel="stylesheet" href="assets/css/ev-section.css">
|
||||
|
||||
<section class="ev-section">
|
||||
<div class="ev-container">
|
||||
<div class="ev-grid">
|
||||
|
||||
<!-- Left Column: Content -->
|
||||
<div class="ev-content">
|
||||
<span class="ev-badge">EV-Native Design</span>
|
||||
<h2 class="ev-title">
|
||||
BUILT FOR ELECTRIC.
|
||||
<span class="accent">NOT ADAPTED.</span>
|
||||
</h2>
|
||||
<p class="ev-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="feature-grid">
|
||||
<!-- Feature 1 -->
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon-box">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#3B82F6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>
|
||||
</div>
|
||||
<h3>Battery-Aware Routing</h3>
|
||||
<p>Battery level, health, and degradation are inputs to route optimization.</p>
|
||||
</div>
|
||||
|
||||
<!-- Feature 2 -->
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon-box">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18.36 6.64a9 9 0 1 1-12.73 0"></path><line x1="12" y1="2" x2="12" y2="12"></line></svg>
|
||||
</div>
|
||||
<h3>Charging Integration</h3>
|
||||
<p>Integrate charging stops without compromising delivery windows.</p>
|
||||
</div>
|
||||
|
||||
<!-- Feature 3 -->
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon-box">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#F59E0B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 20h20"></path><path d="M5 20V8a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v12"></path><path d="M9 20v-4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v4"></path></svg>
|
||||
</div>
|
||||
<h3>Energy-Optimized Paths</h3>
|
||||
<p>Consider elevation, speed limits, and weather for maximum efficiency.</p>
|
||||
</div>
|
||||
|
||||
<!-- Feature 4 -->
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon-box">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#EF4444" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
|
||||
</div>
|
||||
<h3>Predictable Operations</h3>
|
||||
<p>EVs become predictable assets, not operational risks.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Column: Dashboard Card -->
|
||||
<div class="ev-dashboard">
|
||||
<div class="dashboard-card">
|
||||
<div class="dashboard-header">
|
||||
<h3 class="dashboard-title">FLEET STATUS</h3>
|
||||
<div class="live-indicator">Dashboard Live</div>
|
||||
</div>
|
||||
|
||||
<div class="van-display">
|
||||
<img src="assets/images/ev-van-dashboard.png" alt="Electric Delivery Van" class="van-image">
|
||||
|
||||
<!-- Overlay Status Cards -->
|
||||
<div class="overlay-card v-status-1">
|
||||
<div class="status-circle active">85%</div>
|
||||
<div class="info">
|
||||
<h4>EV-001</h4>
|
||||
<p>Route A • Active</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="overlay-card v-status-2">
|
||||
<div class="status-circle" style="border-color: #F59E0B; color: #F59E0B;">62%</div>
|
||||
<div class="info">
|
||||
<h4>EV-002</h4>
|
||||
<p>Route B • 42 min left</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="overlay-card v-status-3">
|
||||
<div class="status-circle" style="border-color: #EF4444; color: #EF4444;">20%</div>
|
||||
<div class="info">
|
||||
<h4>EV-003</h4>
|
||||
<p>Charging Required</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Metric Stats Bottom -->
|
||||
<div class="stats-row">
|
||||
<div class="stat-metric">
|
||||
<span class="stat-value">40%</span>
|
||||
<span class="stat-label">Lower Fuel Cost</span>
|
||||
</div>
|
||||
<div class="stat-metric">
|
||||
<span class="stat-value">ZRO</span>
|
||||
<span class="stat-label">Tailpipe Emissions</span>
|
||||
</div>
|
||||
<div class="stat-metric">
|
||||
<span class="stat-value">98%</span>
|
||||
<span class="stat-label">Fleet Uptime</span>
|
||||
</div>
|
||||
<div class="stat-metric">
|
||||
<span class="stat-value">3x</span>
|
||||
<span class="stat-label">Longer Asset Life</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
288
includes/ev.php
Normal file
288
includes/ev.php
Normal file
@@ -0,0 +1,288 @@
|
||||
<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="https://demo.artureanec.com/themes/logico-rounded/home-4/" 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>
|
||||
371
includes/fleet.php
Normal file
371
includes/fleet.php
Normal file
@@ -0,0 +1,371 @@
|
||||
<!-- Fleet Status - Senior UI/UX Redesign -->
|
||||
<link rel="stylesheet" href="assets/css/ev-section.css">
|
||||
<link rel="stylesheet" href="assets/css/ev-premium.css">
|
||||
<link rel="stylesheet" href="assets/css/theme.css">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap" rel="stylesheet">
|
||||
|
||||
<style>
|
||||
/* ─── BASE SECTION STYLES ─── */
|
||||
.fleet-section {
|
||||
padding: 100px 0;
|
||||
background-color: #FDFDFD;
|
||||
font-family: 'Public Sans', sans-serif;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fleet-container {
|
||||
max-width: 1400px;
|
||||
margin: 0 auto;
|
||||
padding: 0 40px;
|
||||
display: flex; /* Fix for stacking issues */
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 60px; /* Precise gap as requested */
|
||||
}
|
||||
|
||||
/* ─── LEFT CONTENT: Heading & Features ─── */
|
||||
.fleet-content-left {
|
||||
flex: 1;
|
||||
max-width: 620px;
|
||||
}
|
||||
|
||||
.fleet-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 6px 14px;
|
||||
background: #FEE2E2;
|
||||
color: #B91C1C;
|
||||
border-radius: 100px;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.fleet-title {
|
||||
font-size: clamp(36px, 4.5vw, 56px);
|
||||
font-weight: 800;
|
||||
line-height: 1.1;
|
||||
color: #111827;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.fleet-title span {
|
||||
color: #DC2626;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fleet-desc {
|
||||
font-size: 18px;
|
||||
color: #4B5563;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
/* Feature Cards */
|
||||
.fleet-feature-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.fleet-feature-card {
|
||||
padding: 24px;
|
||||
background: #fff;
|
||||
border: 1px solid #F1F5F9;
|
||||
border-radius: 20px;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
|
||||
transition: transform 0.3s ease, border-color 0.3s ease;
|
||||
}
|
||||
|
||||
.fleet-feature-card:hover {
|
||||
transform: translateY(-5px);
|
||||
border-color: #FECACA;
|
||||
}
|
||||
|
||||
.fleet-feature-card h3 {
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: #111827;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.fleet-feature-card p {
|
||||
font-size: 14px;
|
||||
color: #6B7280;
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ─── RIGHT CONTENT: Fleet Status Dashboard ─── */
|
||||
.fleet-status-right {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.fleet-status-card {
|
||||
width: 100%;
|
||||
max-width: 580px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 32px;
|
||||
padding: 40px;
|
||||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02);
|
||||
border: 1px solid #F1F5F9;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fs-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.fs-title {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #111827;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.fs-indicator {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
color: #64748B;
|
||||
background: #F1F5F9;
|
||||
padding: 6px 14px;
|
||||
border-radius: 100px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.fs-indicator::before {
|
||||
content: '';
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background: #10B981;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
/* Center Visual */
|
||||
.fs-v-center {
|
||||
position: relative;
|
||||
padding: 20px 0;
|
||||
background-image:
|
||||
radial-gradient(#E2E8F0 1px, transparent 1px);
|
||||
background-size: 24px 24px; /* Subtle grid texture */
|
||||
border-radius: 24px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.van-hero {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
max-width: 420px;
|
||||
filter: drop-shadow(0 10px 20px rgba(0,0,0,0.1));
|
||||
}
|
||||
|
||||
/* ─── FLOATING OVERLAY CARDS ─── */
|
||||
.fs-overlay {
|
||||
position: absolute;
|
||||
background: rgba(255, 255, 255, 0.85);
|
||||
backdrop-filter: blur(8px);
|
||||
padding: 12px 16px;
|
||||
border-radius: 18px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.4);
|
||||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.fs-o-1 { top: 10%; right: -10px; }
|
||||
.fs-o-2 { top: 40%; left: -20px; }
|
||||
.fs-o-3 { bottom: 15%; right: -5px; }
|
||||
|
||||
/* Battery Progress Style */
|
||||
.battery-circle {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.circle-bg {
|
||||
fill: none;
|
||||
stroke: #F1F5F9;
|
||||
stroke-width: 3;
|
||||
}
|
||||
|
||||
.circle-progress {
|
||||
fill: none;
|
||||
stroke: #E31E24;
|
||||
stroke-width: 3;
|
||||
stroke-linecap: round;
|
||||
transition: stroke-dashoffset 0.5s ease;
|
||||
}
|
||||
|
||||
.fs-info h4 {
|
||||
margin: 0;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: #111827;
|
||||
}
|
||||
|
||||
.fs-info p {
|
||||
margin: 2px 0 0 0;
|
||||
font-size: 11px;
|
||||
color: #64748B;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* ─── RESPONSIVENESS ─── */
|
||||
@media (max-width: 1200px) {
|
||||
.fleet-container {
|
||||
flex-direction: column; /* Stack on smaller screens */
|
||||
padding: 0 30px;
|
||||
gap: 80px;
|
||||
}
|
||||
|
||||
.fleet-content-left, .fleet-status-right {
|
||||
max-width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fleet-status-right {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.fleet-feature-grid {
|
||||
margin: 0 auto;
|
||||
max-width: 700px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.fleet-feature-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.fs-overlay {
|
||||
display: none; /* Hide complex overlays on small mobile */
|
||||
}
|
||||
|
||||
.fleet-status-card {
|
||||
padding: 25px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<section class="fleet-section">
|
||||
<div class="fleet-container">
|
||||
|
||||
<!-- LEFT: Content & Features -->
|
||||
<div class="fleet-content-left">
|
||||
<div class="fleet-badge">Enterprise Fleet Dashboard</div>
|
||||
<h2 class="fleet-title">
|
||||
Built for Electric.<br>
|
||||
<span>Not Adapted.</span>
|
||||
</h2>
|
||||
<p class="fleet-desc">
|
||||
Deploy a high-performance logistics command center. Doormile orchestrates complex electric fleets with sub-second precision and predictive intelligence.
|
||||
</p>
|
||||
|
||||
<div class="fleet-feature-grid">
|
||||
<div class="fleet-feature-card">
|
||||
<h4>Adaptive Routing</h4>
|
||||
<p>Dynamic route recalibration based on real-time traffic and conditions.</p>
|
||||
</div>
|
||||
<div class="fleet-feature-card">
|
||||
<h4>Live Telemetry</h4>
|
||||
<p>Sub-second updates from every asset in your connected logistics network.</p>
|
||||
</div>
|
||||
<div class="fleet-feature-card">
|
||||
<h4>Energy Oversight</h4>
|
||||
<p>Centralized monitoring of battery health and charging station efficiency.</p>
|
||||
</div>
|
||||
<div class="fleet-feature-card">
|
||||
<h4>Service Integrity</h4>
|
||||
<p>Proactive delay detection ensuring 99.9% delivery window success.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- RIGHT: Fleet Status Dashboard -->
|
||||
<div class="fleet-status-right">
|
||||
<div class="fleet-status-card">
|
||||
<div class="fs-header">
|
||||
<h4 class="fs-title">Fleet Status</h4>
|
||||
<div class="fs-indicator">12 vehicles active</div>
|
||||
</div>
|
||||
|
||||
<div class="fs-v-center">
|
||||
<img src="assets/images/fleet-van-light.png" alt="Doormile Electric Van" class="van-hero">
|
||||
|
||||
<!-- Floating Card 1 -->
|
||||
<div class="fs-overlay fs-o-1">
|
||||
<div class="battery-circle">
|
||||
<svg viewBox="0 0 36 36" width="36" height="36">
|
||||
<path class="circle-bg" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831" />
|
||||
<path class="circle-progress" stroke-dasharray="92, 100" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831" />
|
||||
</svg>
|
||||
<span style="position:absolute;">92%</span>
|
||||
</div>
|
||||
<div class="fs-info">
|
||||
<h4>EV-1024</h4>
|
||||
<p>North Route • Active</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Floating Card 2 -->
|
||||
<div class="fs-overlay fs-o-2">
|
||||
<div class="battery-circle">
|
||||
<svg viewBox="0 0 36 36" width="36" height="36">
|
||||
<path class="circle-bg" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831" />
|
||||
<path class="circle-progress" style="stroke:#10B981" stroke-dasharray="74, 100" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831" />
|
||||
</svg>
|
||||
<span style="position:absolute;">74%</span>
|
||||
</div>
|
||||
<div class="fs-info">
|
||||
<h4>EV-0892</h4>
|
||||
<p>Express • 12m left</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Floating Card 3 -->
|
||||
<div class="fs-overlay fs-o-3">
|
||||
<div class="battery-circle">
|
||||
<svg viewBox="0 0 36 36" width="36" height="36">
|
||||
<path class="circle-bg" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831" />
|
||||
<path class="circle-progress" style="stroke:#F59E0B" stroke-dasharray="21, 100" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831" />
|
||||
</svg>
|
||||
<span style="position:absolute;">21%</span>
|
||||
</div>
|
||||
<div class="fs-info">
|
||||
<h4>EV-1104</h4>
|
||||
<p>Charging required</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="text-align:center; font-size: 13px; color: #64748B; font-weight: 500;">
|
||||
LIVE TELEMETRY ACTIVE
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
793
includes/footer.php
Normal file
793
includes/footer.php
Normal file
@@ -0,0 +1,793 @@
|
||||
<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-51cdf4f elementor-invisible elementor-widget elementor-widget-logico_heading" data-id="51cdf4f" 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">We are always ready to help you and answer your 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>Pacific hake false trevally queen parrotfish black prickleback mosshead warbonnet sweeper! Greenling sleeper.</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>
|
||||
<a href="tel:+18001009752034">+ 1-800 100 975 20 34</a>
|
||||
<br />
|
||||
<a href="tel:+12318002345678">+ (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="_wp_link_placeholder" data-wplink-edit="true">Doormile@mail.co</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="https://www.facebook.com/" 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="https://x.com/" 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="https://www.linkedin.com/" 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="https://www.youtube.com/" 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="https://demo.artureanec.com/themes/logico-rounded/contacts/" 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="305" height="58" src="assets/images/logo2-light-x2.png" class="attachment-full size-full wp-image-5851" alt="" srcset="assets/images/logo2-light-x2.png 305w, assets/images/logo2-light-x2-300x58.png 300w" sizes="(max-width: 305px) 100vw, 305px" />
|
||||
</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="https://www.facebook.com/" 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="https://x.com/" 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="https://www.linkedin.com/" 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="https://www.youtube.com/" 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="miletruth.php" target="_blank">MileTruth™</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="how-it-works.php" target="_blank">How It Works</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="solutions.php" target="_blank">Use Cases</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">Request Demo</a>
|
||||
</li>
|
||||
<!-- <li>
|
||||
<a href="https://demo.artureanec.com/themes/logico-rounded/blog-classic/" target="_blank">Case Studies</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://demo.artureanec.com/themes/logico-rounded/contacts/" 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="about-us.php" target="_blank">About Us</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="women-entrepreneurship.php" target="_blank">Women entrepreneurship</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="blog.php" target="_blank">Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="contact.php" target="_blank">Contact</a>
|
||||
</li>
|
||||
<!-- <li>
|
||||
<a href="consultancy.php" target="_blank">Consultancy</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://demo.artureanec.com/themes/logico-rounded/blog-classic/" 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="https://demo.artureanec.com/themes/logico-rounded/blog-classic/" target="_blank">Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://demo.artureanec.com/themes/logico-rounded/team-page/" target="_blank">Team</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://demo.artureanec.com/themes/logico-rounded/contacts/" 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="https://demo.artureanec.com/themes/logico/">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>
|
||||
<!-- #page -->
|
||||
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
|
||||
<script type="speculationrules">
|
||||
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/themes/logico-rounded/*"},{"not":{"href_matches":["/themes/logico-rounded/wp-*.php","/themes/logico-rounded/wp-admin/*","/themes/logico-rounded/wp-content/uploads/*","/themes/logico-rounded/wp-content/*","/themes/logico-rounded/wp-content/plugins/*","/themes/logico-rounded/wp-content/themes/logico-child/*","/themes/logico-rounded/wp-content/themes/logico/*","/themes/logico-rounded/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch,
|
||||
.no-prefetch a"}}]},"eagerness":"conservative"}]}
|
||||
</script>
|
||||
</div>
|
||||
<!-- /.body-container -->
|
||||
<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>
|
||||
<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.32.4"
|
||||
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.32.4"
|
||||
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.32.4",
|
||||
"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,
|
||||
"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": "6eedf2dbaf"
|
||||
},
|
||||
"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": 61,
|
||||
"title": "Logistic%20%E2%80%93%20Logico",
|
||||
"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.32.4"
|
||||
id="elementor-frontend-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.1"
|
||||
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.2.3"
|
||||
id="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=1762595741"
|
||||
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.2.3"
|
||||
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.2.3"
|
||||
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/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.9.8.2"
|
||||
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.9.8.2"
|
||||
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.9.8.2"
|
||||
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.9.8.2"
|
||||
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", "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": {
|
||||
"4533": 2
|
||||
},
|
||||
"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()
|
||||
}
|
||||
});
|
||||
observer.observe(document.documentElement, {
|
||||
childList: true,
|
||||
subtree: true,
|
||||
attributes: true
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
332
includes/gallery.php
Normal file
332
includes/gallery.php
Normal file
@@ -0,0 +1,332 @@
|
||||
<div class="elementor-element elementor-element-5542f55 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent"
|
||||
data-id="5542f55" data-element_type="container" data-e-type="container"
|
||||
data-settings="{"background_background":"classic"}">
|
||||
<div class="elementor-element elementor-element-d05f149 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="d05f149" data-element_type="container" data-e-type="container">
|
||||
<div class="e-con-inner">
|
||||
<div class="elementor-element elementor-element-bbad2b7 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="bbad2b7" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-d93ecae elementor-widget elementor-widget-logico_heading"
|
||||
data-id="d93ecae" data-element_type="widget" data-e-type="widget"
|
||||
data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-title">/ our gallery /
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-340c6dd elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-logico_heading"
|
||||
data-id="340c6dd" 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">
|
||||
The most important <br />things which we can show you
|
||||
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-46b6297 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="46b6297" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-bfe8cd1 elementor-widget elementor-widget-logico_portfolio_listing"
|
||||
data-id="bfe8cd1" data-element_type="widget" data-e-type="widget"
|
||||
data-widget_type="logico_portfolio_listing.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-portfolios-listing-widget">
|
||||
<div class="archive-listing"
|
||||
data-ajax='{"post_type":"portfolio","post_status":"publish","ignore_sticky_posts":true,"suppress_filters":true,"orderby":"post__in","order":"asc","link_base":"https:\/\/demo.artureanec.com\/themes\/logico-rounded","post__in":["2636","2638","2642","2644","2648","2652","2654","2656","2658"],"posts_per_page":-1,"paged":1}'
|
||||
data-widget='{"item_class":"portfolio-item-wrapper slider-item with-media-overlay","columns_number":3,"listing_type":"slider","show_title":"yes"}'>
|
||||
<div class="custom-cursor-drag"></div>
|
||||
<div
|
||||
class="slider-footer slider-footer-view-outside slider-footer-position-before slider-footer-width-boxed">
|
||||
<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-bfe8cd1"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="archive-listing-wrapper portfolio-listing-wrapper owl-carousel owl-theme custom-cursor-enable item-view-indented show-inactive-items"
|
||||
data-slider-options={"items":3,"itemsWidescreen":3,"itemsLaptop":3,"itemsTabletExtra":3,"itemsTablet":2,"itemsMobileExtra":1,"itemsMobile":1,"nav":false,"navText":["",""],"dots":true,"progress":true,"autoplayHoverPause":false,"autoplay":false,"autoplaySpeed":300,"autoplayTimeout":5000,"loop":true,"dragEndSpeed":500,"navSpeed":500,"dotsSpeed":500,"dotsContainer":".owl-dots-bfe8cd1","rtl":false}>
|
||||
<div
|
||||
class="portfolio-item-wrapper slider-item with-media-overlay post-2636 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_category-air-freight">
|
||||
<a href="https://demo.artureanec.com/themes/logico-rounded/portfolio/shipping-by-air/"
|
||||
class="portfolio-item">
|
||||
<div class="portfolio-item-media">
|
||||
<span class="portfolio-item-media-link">
|
||||
<div class="post-media">
|
||||
<picture>
|
||||
<source media="(max-width: 480px)"
|
||||
sizes="(max-width: 480px) 480px"
|
||||
srcset="assets/images/blog-post-pic-3.jpeg 480w">
|
||||
<source media="(max-width: 660px)"
|
||||
sizes="(max-width: 660px) 660px"
|
||||
srcset="assets/images/blog-post-pic-3.jpeg 660w">
|
||||
<source media="(max-width: 840px)"
|
||||
sizes="(max-width: 840px) 840px"
|
||||
srcset="assets/images/blog-post-pic-3.jpeg 840w">
|
||||
<img decoding="async" alt="blog-post-pic-3"
|
||||
title="blog-post-pic-3"
|
||||
src="assets/images/blog-post-pic-3.jpeg"
|
||||
class="attachment-medium size-medium wp-post-image" />
|
||||
</picture>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
<div class="portfolio-item-content">
|
||||
<h6 class="post-title">Shipping by air</h6>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
class="portfolio-item-wrapper slider-item with-media-overlay post-2638 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_category-sea-freight">
|
||||
<a href="https://demo.artureanec.com/themes/logico-rounded/portfolio/cargo-at-sea/"
|
||||
class="portfolio-item">
|
||||
<div class="portfolio-item-media">
|
||||
<span class="portfolio-item-media-link">
|
||||
<div class="post-media">
|
||||
<picture>
|
||||
<source media="(max-width: 480px)"
|
||||
sizes="(max-width: 480px) 480px"
|
||||
srcset="assets/images/blog-post-pic-15.png 480w">
|
||||
<source media="(max-width: 660px)"
|
||||
sizes="(max-width: 660px) 660px"
|
||||
srcset="assets/images/blog-post-pic-15.png 660w">
|
||||
<source media="(max-width: 840px)"
|
||||
sizes="(max-width: 840px) 840px"
|
||||
srcset="assets/images/blog-post-pic-15.png 840w">
|
||||
<img decoding="async" alt="blog-post-pic-15"
|
||||
title="blog-post-pic-15"
|
||||
src="assets/images/blog-post-pic-15.png"
|
||||
class="attachment-medium size-medium wp-post-image" />
|
||||
</picture>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
<div class="portfolio-item-content">
|
||||
<h6 class="post-title">Cargo at sea</h6>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
class="portfolio-item-wrapper slider-item with-media-overlay post-2642 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_category-land-transport">
|
||||
<a href="https://demo.artureanec.com/themes/logico-rounded/portfolio/delivery-on-the-way/"
|
||||
class="portfolio-item">
|
||||
<div class="portfolio-item-media">
|
||||
<span class="portfolio-item-media-link">
|
||||
<div class="post-media">
|
||||
<picture>
|
||||
<source media="(max-width: 480px)"
|
||||
sizes="(max-width: 480px) 480px"
|
||||
srcset="assets/images/blog-post-pic-7-680x680.jpeg 480w">
|
||||
<source media="(max-width: 660px)"
|
||||
sizes="(max-width: 660px) 660px"
|
||||
srcset="assets/images/blog-post-pic-7-680x680.jpeg 660w">
|
||||
<source media="(max-width: 840px)"
|
||||
sizes="(max-width: 840px) 840px"
|
||||
srcset="assets/images/blog-post-pic-7-680x680.jpeg 840w">
|
||||
<img decoding="async" alt="blog-post-pic-7"
|
||||
title="blog-post-pic-7"
|
||||
src="assets/images/blog-post-pic-7-680x680.jpeg"
|
||||
class="attachment-medium size-medium wp-post-image" />
|
||||
</picture>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
<div class="portfolio-item-content">
|
||||
<h6 class="post-title">Delivery on the way</h6>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
class="portfolio-item-wrapper slider-item with-media-overlay post-2644 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_category-train-freight">
|
||||
<a href="https://demo.artureanec.com/themes/logico-rounded/portfolio/container-transportation-by-rail/"
|
||||
class="portfolio-item">
|
||||
<div class="portfolio-item-media">
|
||||
<span class="portfolio-item-media-link">
|
||||
<div class="post-media">
|
||||
<picture>
|
||||
<source media="(max-width: 480px)"
|
||||
sizes="(max-width: 480px) 480px"
|
||||
srcset="assets/images/blog-post-pic-14.jpeg 480w">
|
||||
<source media="(max-width: 660px)"
|
||||
sizes="(max-width: 660px) 660px"
|
||||
srcset="assets/images/blog-post-pic-14.jpeg 660w">
|
||||
<source media="(max-width: 840px)"
|
||||
sizes="(max-width: 840px) 840px"
|
||||
srcset="assets/images/blog-post-pic-14.jpeg 840w">
|
||||
<img decoding="async" alt="blog-post-pic-14"
|
||||
title="blog-post-pic-14"
|
||||
src="assets/images/blog-post-pic-14.jpeg"
|
||||
class="attachment-medium size-medium wp-post-image" />
|
||||
</picture>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
<div class="portfolio-item-content">
|
||||
<h6 class="post-title">Container transportation by rail</h6>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
class="portfolio-item-wrapper slider-item with-media-overlay post-2648 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_category-train-freight">
|
||||
<a href="https://demo.artureanec.com/themes/logico-rounded/portfolio/cargo-delivery-by-sea-4/"
|
||||
class="portfolio-item">
|
||||
<div class="portfolio-item-media">
|
||||
<span class="portfolio-item-media-link">
|
||||
<div class="post-media">
|
||||
<picture>
|
||||
<source media="(max-width: 480px)"
|
||||
sizes="(max-width: 480px) 480px"
|
||||
srcset="assets/images/blog-post-pic-8.jpeg 480w">
|
||||
<source media="(max-width: 660px)"
|
||||
sizes="(max-width: 660px) 660px"
|
||||
srcset="assets/images/blog-post-pic-8.jpeg 660w">
|
||||
<source media="(max-width: 840px)"
|
||||
sizes="(max-width: 840px) 840px"
|
||||
srcset="assets/images/blog-post-pic-8.jpeg 840w">
|
||||
<img decoding="async" alt="blog-post-pic-8"
|
||||
title="blog-post-pic-8"
|
||||
src="assets/images/blog-post-pic-8.jpeg"
|
||||
class="attachment-medium size-medium wp-post-image" />
|
||||
</picture>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
<div class="portfolio-item-content">
|
||||
<h6 class="post-title">Cargo delivery by sea</h6>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
class="portfolio-item-wrapper slider-item with-media-overlay post-2652 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_category-train-freight">
|
||||
<a href=""
|
||||
class="portfolio-item">
|
||||
<div class="portfolio-item-media">
|
||||
<span class="portfolio-item-media-link">
|
||||
<div class="post-media">
|
||||
<picture>
|
||||
<source media="(max-width: 480px)"
|
||||
sizes="(max-width: 480px) 480px"
|
||||
srcset="assets/images/blog-post-pic-17.png 480w">
|
||||
<source media="(max-width: 660px)"
|
||||
sizes="(max-width: 660px) 660px"
|
||||
srcset="assets/images/blog-post-pic-17.png 660w">
|
||||
<source media="(max-width: 840px)"
|
||||
sizes="(max-width: 840px) 840px"
|
||||
srcset="assets/images/blog-post-pic-17.png 840w">
|
||||
<img decoding="async" alt="blog-post-pic-17"
|
||||
title="blog-post-pic-17"
|
||||
src="assets/images/blog-post-pic-17.png"
|
||||
class="attachment-medium size-medium wp-post-image" />
|
||||
</picture>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
<div class="portfolio-item-content">
|
||||
<h6 class="post-title">Rail transportation</h6>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
class="portfolio-item-wrapper slider-item with-media-overlay post-2654 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_category-train-freight">
|
||||
<a href="https://demo.artureanec.com/themes/logico-rounded/portfolio/freight-control/"
|
||||
class="portfolio-item">
|
||||
<div class="portfolio-item-media">
|
||||
<span class="portfolio-item-media-link">
|
||||
<div class="post-media">
|
||||
<picture>
|
||||
<source media="(max-width: 480px)"
|
||||
sizes="(max-width: 480px) 480px"
|
||||
srcset="assets/images/blog-post-pic-4.jpeg 480w">
|
||||
<source media="(max-width: 660px)"
|
||||
sizes="(max-width: 660px) 660px"
|
||||
srcset="assets/images/blog-post-pic-4.jpeg 660w">
|
||||
<source media="(max-width: 840px)"
|
||||
sizes="(max-width: 840px) 840px"
|
||||
srcset="assets/images/blog-post-pic-4.jpeg 840w">
|
||||
<img decoding="async" alt="blog-post-pic-18"
|
||||
title="blog-post-pic-18"
|
||||
src="assets/images/blog-post-pic-4.jpeg"
|
||||
class="attachment-medium size-medium wp-post-image" />
|
||||
</picture>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
<div class="portfolio-item-content">
|
||||
<h6 class="post-title">Freight control</h6>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
class="portfolio-item-wrapper slider-item with-media-overlay post-2656 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_category-train-freight">
|
||||
<a href=""
|
||||
class="portfolio-item">
|
||||
<div class="portfolio-item-media">
|
||||
<span class="portfolio-item-media-link">
|
||||
<div class="post-media">
|
||||
<picture>
|
||||
<source media="(max-width: 480px)"
|
||||
sizes="(max-width: 480px) 480px"
|
||||
srcset="assets/images/blog-post-pic-6.jpeg 480w">
|
||||
<source media="(max-width: 660px)"
|
||||
sizes="(max-width: 660px) 660px"
|
||||
srcset="assets/images/blog-post-pic-6.jpeg 660w">
|
||||
<source media="(max-width: 840px)"
|
||||
sizes="(max-width: 840px) 840px"
|
||||
srcset="assets/images/blog-post-pic-6.jpeg 840w">
|
||||
<img decoding="async" alt="blog-post-pic-2"
|
||||
title="blog-post-pic-2"
|
||||
src="assets/images/blog-post-pic-6.jpeg"
|
||||
class="attachment-medium size-medium wp-post-image" />
|
||||
</picture>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
<div class="portfolio-item-content">
|
||||
<h6 class="post-title">Train Freight</h6>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
class="portfolio-item-wrapper slider-item with-media-overlay post-2658 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_category-land-transport">
|
||||
<a href="https://demo.artureanec.com/themes/logico-rounded/portfolio/delivery-on-the-way-2/"
|
||||
class="portfolio-item">
|
||||
<div class="portfolio-item-media">
|
||||
<span class="portfolio-item-media-link">
|
||||
<div class="post-media">
|
||||
<picture>
|
||||
<source media="(max-width: 480px)"
|
||||
sizes="(max-width: 480px) 480px"
|
||||
srcset="assets/images/bg-header-3.jpg 480w">
|
||||
<source media="(max-width: 660px)"
|
||||
sizes="(max-width: 660px) 660px"
|
||||
srcset="assets/images/bg-header-3.jpg 660w">
|
||||
<source media="(max-width: 840px)"
|
||||
sizes="(max-width: 840px) 840px"
|
||||
srcset="assets/images/bg-header-3.jpg 840w">
|
||||
<img decoding="async" alt="bg-header-3"
|
||||
title="bg-header-3"
|
||||
src="assets/images/bg-header-3.jpeg"
|
||||
class="attachment-medium size-medium wp-post-image" />
|
||||
</picture>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
<div class="portfolio-item-content">
|
||||
<h6 class="post-title">Delivery on the way</h6>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
44812
includes/head.php
Normal file
44812
includes/head.php
Normal file
File diff suppressed because it is too large
Load Diff
72
includes/header-img.php
Normal file
72
includes/header-img.php
Normal file
@@ -0,0 +1,72 @@
|
||||
<div class="elementor-element elementor-element-da57c01 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent"
|
||||
data-id="da57c01" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-cbfd9b2 elementor-widget elementor-widget-logico_content_slider"
|
||||
data-id="cbfd9b2" data-element_type="widget" data-e-type="widget"
|
||||
data-widget_type="logico_content_slider.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-content-slider-widget">
|
||||
<div class="content-slider-wrapper">
|
||||
<div class="content-slider-container">
|
||||
<div class="content-slider owl-carousel owl-theme"
|
||||
data-slider-options="{"items":1,"nav":false,"navText":"","dots":true,"progress":true,"dotsContainer":".owl-dots-cbfd9b2","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">Transportation Services around the
|
||||
World</span>
|
||||
</h1>
|
||||
<div class="content-slider-item-text logico-content-wrapper-2">
|
||||
<div class="text-content">
|
||||
<p>Mummichog paradise fish! Triggerfish bango guppy opah sunfish
|
||||
bluntnose knifefish upside-down catfish cobia spookfish convict
|
||||
cichlid.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-slider-item-buttons logico-content-wrapper-3">
|
||||
<a class="logico-alter-button" href="about-us.php" target="_blank">Explore
|
||||
more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-item slider-item elementor-repeater-item-6867061 slide-style-standard">
|
||||
<div class="slide-content">
|
||||
<div class="slide-content-inner">
|
||||
<h1 class="content-slider-item-heading logico-content-wrapper-1">
|
||||
<span class="heading-content">A New Freight Experience</span>
|
||||
</h1>
|
||||
<div class="content-slider-item-text logico-content-wrapper-2">
|
||||
<div class="text-content">
|
||||
<p>Halosaur duckbilled barracudina, goosefish gar pleco, chum salmon
|
||||
armoured catfish gudgeon sawfish whitefish orbicular batfish
|
||||
mummichog paradise fish!</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-slider-item-buttons logico-content-wrapper-3">
|
||||
<a class="logico-alter-button" href="about-us.php" target="_blank">Explore
|
||||
more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="slider-footer slider-footer-position-after slider-footer-width-full slider-footer-view-outside">
|
||||
<div class="slider-footer-content">
|
||||
<div class="slider-pagination">
|
||||
<div class="slider-progress-wrapper">
|
||||
<span class="slider-progress-current">01</span>
|
||||
/<span class="slider-progress-all">01</span>
|
||||
</div>
|
||||
<div class="owl-dots owl-dots-cbfd9b2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
581
includes/header.php
Normal file
581
includes/header.php
Normal file
@@ -0,0 +1,581 @@
|
||||
<?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 = $is_home ? 'header-hide-until-scroll' : '';
|
||||
$header_style = $is_home ? 'opacity: 0; visibility: hidden;' : '';
|
||||
?>
|
||||
<p class="main-title bhf-hidden" itemprop="headline"><a href="/logistic/index.php" title="Doormile"
|
||||
rel="home">Doormile</a></p>
|
||||
<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>USA, New York - 1060<br>Str. First Avenue 1</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">
|
||||
Call Center</h6>
|
||||
</div>
|
||||
|
||||
|
||||
<p>+ 1-800 100 975 20 34<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">[email protected]</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="https://demo.artureanec.com/themes/logico-rounded/contacts/"
|
||||
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 if (isset($current_page) && $current_page === 'home')
|
||||
echo ' active'; ?>">
|
||||
<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 if (isset($current_page) && $current_page === 'how-its-works')
|
||||
echo ' active'; ?>">
|
||||
<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 if (isset($current_page) && $current_page === 'miletruth')
|
||||
echo ' active'; ?>">
|
||||
<a href="miletruth.php">MileTruth<superscript>™</superscript>
|
||||
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 if (isset($current_page) && $current_page === 'solutions')
|
||||
echo ' active'; ?>">
|
||||
<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-has-children menu-item-10512<?php if (isset($current_page) && ($current_page === 'about' || $current_page === 'women'))
|
||||
echo ' active'; ?>">
|
||||
<a href="">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">
|
||||
<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">
|
||||
<a href="women-entrepreneurship.php">Women
|
||||
Entrepreneurship</a>
|
||||
</li>
|
||||
<!-- <li id="menu-item-10560" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-10560"><a href="https://demo.artureanec.com/themes/logico-rounded/transportation-services-in-los-angeles-region/">Single Post</a></li> -->
|
||||
</ul>
|
||||
</li>
|
||||
<li id="menu-item-10535" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10535<?php if (isset($current_page) && $current_page === 'blogs')
|
||||
echo ' active'; ?>">
|
||||
<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 current-menu-ancestor current-menu-parent menu-item-10508">
|
||||
<a href="#">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">
|
||||
<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">
|
||||
<a href="miletruth.php">MileTruth<superscript>™</superscript>
|
||||
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">
|
||||
<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">
|
||||
<a href="#">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">
|
||||
<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">
|
||||
<a href="women-entrepreneurship.php">Women
|
||||
Entrepreneurship</a>
|
||||
</li>
|
||||
<!-- <li id="menu-item-10560" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-10560"><a href="https://demo.artureanec.com/themes/logico-rounded/transportation-services-in-los-angeles-region/">Single Post</a></li> -->
|
||||
</ul>
|
||||
</li>
|
||||
<li
|
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10535">
|
||||
<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>+ 1-800 100 975 20 34<br />+ (123) 1800-234-5678</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">[email protected]</span></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-mobile-socials">
|
||||
<ul class="mobile-menu-socials wrapper-socials">
|
||||
<li><a class="fab fa-facebook-f" href="https://www.facebook.com/"
|
||||
target="_blank"></a></li>
|
||||
<li><a class="fab fa-x-twitter" href="https://x.com/"
|
||||
target="_blank"></a></li>
|
||||
<li><a class="fab fa-linkedin-in" href="https://www.linkedin.com/"
|
||||
target="_blank"></a></li>
|
||||
<li><a class="fab fa-youtube" href="https://www.youtube.com/"
|
||||
target="_blank"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="header-mobile-button"><a class="logico-alter-button"
|
||||
href="/contacts/" 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="https://demo.artureanec.com/themes/logico-rounded/contacts/"
|
||||
target="_blank" class="header-button header-button-animation-fade">Contact Us</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
3153
includes/industry-solutions.php
Normal file
3153
includes/industry-solutions.php
Normal file
File diff suppressed because one or more lines are too long
2311
includes/industry-solutions2.php
Normal file
2311
includes/industry-solutions2.php
Normal file
File diff suppressed because it is too large
Load Diff
191
includes/industry.php
Normal file
191
includes/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 href="javascript:void(0)">FMCG</a>
|
||||
</div>
|
||||
<div class="logico-tab-title-item" data-id="logico-tab-id-2">
|
||||
<a href="javascript:void(0)">Pharmaceutical</a>
|
||||
</div>
|
||||
<div class="logico-tab-title-item" data-id="logico-tab-id-3">
|
||||
<a href="javascript:void(0)">E-commerce</a>
|
||||
</div>
|
||||
<!-- <div class="logico-tab-title-item" data-id="logico-tab-id-4">
|
||||
<a href="javascript:void(0)">Plane freight</a>
|
||||
</div>
|
||||
<div class="logico-tab-title-item" data-id="logico-tab-id-5">
|
||||
<a href="javascript:void(0)">Warehousing</a>
|
||||
</div>
|
||||
<div class="logico-tab-title-item" data-id="logico-tab-id-6">
|
||||
<a href="javascript:void(0)">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="solutions.php">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="solutions.php">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="solutions.php">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="solutions.php">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="solutions.php">Explore
|
||||
more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
145
includes/our-team.php
Normal file
145
includes/our-team.php
Normal file
@@ -0,0 +1,145 @@
|
||||
<?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="https://www.facebook.com/" target="_blank" class="fab fa-facebook-f" title="Facebook"></a></li>
|
||||
<li><a href="https://x.com/" target="_blank" class="fab fa-x-twitter" title="X"></a></li>
|
||||
<li><a href="https://www.linkedin.com/" target="_blank" class="fab fa-linkedin-in" title="LinkedIn"></a></li>
|
||||
<li><a href="https://www.youtube.com/" 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="https://www.facebook.com/" target="_blank" class="fab fa-facebook-f" title="Facebook"></a></li>
|
||||
<li><a href="https://x.com/" target="_blank" class="fab fa-x-twitter" title="X"></a></li>
|
||||
<li><a href="https://www.linkedin.com/" target="_blank" class="fab fa-linkedin-in" title="LinkedIn"></a></li>
|
||||
<li><a href="https://www.youtube.com/" 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="https://www.facebook.com/" target="_blank" class="fab fa-facebook-f" title="Facebook"></a></li>
|
||||
<li><a href="https://x.com/" target="_blank" class="fab fa-x-twitter" title="X"></a></li>
|
||||
<li><a href="https://www.linkedin.com/" target="_blank" class="fab fa-linkedin-in" title="LinkedIn"></a></li>
|
||||
<li><a href="https://www.youtube.com/" 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/our_office.php
Normal file
98
includes/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>
|
||||
95
includes/our_values.php
Normal file
95
includes/our_values.php
Normal file
@@ -0,0 +1,95 @@
|
||||
|
||||
<style>
|
||||
/* Our Values Component Styles */
|
||||
.values-section-wrapper {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
background: #ffffff;
|
||||
position: relative;
|
||||
font-family: 'DM Sans', sans-serif;
|
||||
}
|
||||
.values-section {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
max-width: 1180px;
|
||||
padding: 80px 32px;
|
||||
margin: 0 auto !important;
|
||||
}
|
||||
.values-header {
|
||||
text-align: center;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
.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: 3rem;
|
||||
font-weight: 700;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.values-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 28px;
|
||||
}
|
||||
.value-card {
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #e0e0e0;
|
||||
border-radius: 24px;
|
||||
padding: 48px 36px;
|
||||
box-shadow: 0 2px 12px rgba(17,20,25,0.06);
|
||||
transition: transform 0.42s cubic-bezier(0.34,1.56,0.64,1);
|
||||
}
|
||||
.value-card:hover { transform: translateY(-10px); }
|
||||
.card-icon-wrap { width: 72px; height: 72px; margin-bottom: 32px; background: rgba(192, 32, 42, 0.08); border-radius: 50%; }
|
||||
.card-icon-wrap svg { width: 36px; height: 36px; margin: 18px; }
|
||||
.card-label { font-size: 0.68rem; color: #C0202A; margin-bottom: 10px; }
|
||||
.card-title { font-family: 'Playfair Display', serif; font-size: 1.5rem; margin-bottom: 14px; }
|
||||
.card-desc { font-size: 0.95rem; line-height: 1.75; color: #4a4f5a; }
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.values-grid { grid-template-columns: 1fr 1fr; }
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.values-grid { grid-template-columns: 1fr; }
|
||||
}
|
||||
</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">Our Values</h2>
|
||||
<p class="values-subtitle">The principles that drive everything we do</p>
|
||||
</header>
|
||||
|
||||
<div class="values-grid">
|
||||
<article class="value-card">
|
||||
<div class="card-icon-wrap"><svg viewBox="0 0 36 36" fill="none"><circle cx="18" cy="18" r="10" stroke="#C0202A" stroke-width="2.2"/><circle cx="18" cy="18" r="5.5" stroke="#C0202A" stroke-width="2.2"/></svg></div>
|
||||
<p class="card-label">01 / Purpose</p>
|
||||
<h4 class="card-title">Mission-Driven</h4>
|
||||
<p class="card-desc">Transforming logistics with transparency and accountability at every mile.</p>
|
||||
</article>
|
||||
<article class="value-card">
|
||||
<div class="card-icon-wrap"><svg viewBox="0 0 36 36" fill="none"><circle cx="13" cy="13" r="4.5" stroke="#C0202A" stroke-width="2.2"/><circle cx="24" cy="13" r="4.5" stroke="#C0202A" stroke-width="2.2"/></svg></div>
|
||||
<p class="card-label">02 / Culture</p>
|
||||
<h4 class="card-title">People First</h4>
|
||||
<p class="card-desc">Empowering delivery partners and supporting women entrepreneurs.</p>
|
||||
</article>
|
||||
<article class="value-card">
|
||||
<div class="card-icon-wrap"><svg viewBox="0 0 36 36" fill="none"><path d="M18 4l2.5 7.7H28l-6.5 4.7 2.5 7.7L18 20l-6 4.4 2.5-7.7L8 12.7h7.5z" stroke="#C0202A" stroke-width="2.1" stroke-linejoin="round"/></svg></div>
|
||||
<p class="card-label">03 / Standards</p>
|
||||
<h4 class="card-title">Excellence</h4>
|
||||
<p class="card-desc">Setting new standards in logistics technology and service delivery.</p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
768
includes/problem.php
Normal file
768
includes/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>
|
||||
188
includes/section2.php
Normal file
188
includes/section2.php
Normal file
@@ -0,0 +1,188 @@
|
||||
<div class="elementor-element elementor-element-846ec29 e-grid e-con-full cut-corner-no sticky-container-off e-con e-parent"
|
||||
data-id="846ec29" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-e51a21a e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="e51a21a" data-element_type="container" data-e-type="container"
|
||||
data-settings="{"background_background":"classic"}">
|
||||
<div class="elementor-element elementor-element-b76ab0c elementor-widget elementor-widget-logico_heading"
|
||||
data-id="b76ab0c" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<h2 class="logico-title">73%
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-7b9bdaf elementor-widget elementor-widget-text-editor"
|
||||
data-id="7b9bdaf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>of delays happen at handoffs</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="elementor-element elementor-element-fa2a4fc elementor-widget-divider--view-line elementor-widget elementor-widget-divider"
|
||||
data-id="fa2a4fc" 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-39ccb36 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list"
|
||||
data-id="39ccb36" 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"></i>
|
||||
</span>
|
||||
<span class="elementor-icon-list-text">Lack of clear ownership</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"></i>
|
||||
</span>
|
||||
<span class="elementor-icon-list-text">Poor communication</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"></i>
|
||||
</span>
|
||||
<span class="elementor-icon-list-text">Process gaps</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"></i>
|
||||
</span>
|
||||
<span class="elementor-icon-list-text">Transportation</span>
|
||||
</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-f21cefd e-con-full e-flex sticky-container-off e-con e-child"
|
||||
data-id="f21cefd" data-element_type="container" data-e-type="container"
|
||||
data-settings="{"background_background":"classic"}">
|
||||
<div class="elementor-element elementor-element-97b08df elementor-widget elementor-widget-logico_heading"
|
||||
data-id="97b08df" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<h2 class="logico-title">40%
|
||||
</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-ca2e835 elementor-widget elementor-widget-text-editor"
|
||||
data-id="ca2e835" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>of shipments require intervention</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-aaaed9e elementor-widget-divider--view-line elementor-widget elementor-widget-divider"
|
||||
data-id="aaaed9e" 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-39ccb36 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list"
|
||||
data-id="39ccb36" 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"></i>
|
||||
</span>
|
||||
<span class="elementor-icon-list-text">Manual checks</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"></i>
|
||||
</span>
|
||||
<span class="elementor-icon-list-text">Data errors</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"></i>
|
||||
</span>
|
||||
<span class="elementor-icon-list-text">Process delays</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"></i>
|
||||
</span>
|
||||
<span class="elementor-icon-list-text">Transportation</span>
|
||||
</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="elementor-element elementor-element-c4c35c7 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="c4c35c7" data-element_type="container" data-e-type="container"
|
||||
data-settings="{"background_background":"classic"}">
|
||||
<div class="elementor-element elementor-element-29ec1ac elementor-widget elementor-widget-logico_heading"
|
||||
data-id="29ec1ac" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div class="elementor-widget-container">
|
||||
<h2 class="logico-title">2.5x
|
||||
</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-157eebf elementor-widget elementor-widget-text-editor"
|
||||
data-id="157eebf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>more time spent on coordination</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-b431db1 elementor-widget-divider--view-line elementor-widget elementor-widget-divider"
|
||||
data-id="b431db1" 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-39ccb36 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list"
|
||||
data-id="39ccb36" 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"></i>
|
||||
</span>
|
||||
<span class="elementor-icon-list-text">Manual follow-ups</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"></i>
|
||||
</span>
|
||||
<span class="elementor-icon-list-text">Team dependencies</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"></i>
|
||||
</span>
|
||||
<span class="elementor-icon-list-text">Communication gaps</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"></i>
|
||||
</span>
|
||||
<span class="elementor-icon-list-text">Transportation</span>
|
||||
</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="elementor-element elementor-element-6cc2123 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="6cc2123" data-element_type="container" data-e-type="container">
|
||||
<div class="elementor-element elementor-element-79f02be elementor-widget__width-auto elementor-widget elementor-widget-text-editor" data-id="79f02be" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>2.750</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-6ed5790 elementor-widget__width-auto elementor-widget elementor-widget-text-editor" data-id="6ed5790" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>
|
||||
People work<br/>in Logico
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
175
includes/services.php
Normal file
175
includes/services.php
Normal file
@@ -0,0 +1,175 @@
|
||||
<div class="elementor-element elementor-element-30fd9d1 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent"
|
||||
data-id="30fd9d1" data-element_type="container">
|
||||
<div class="e-con-inner">
|
||||
<div class="elementor-element elementor-element-03db5d7 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="03db5d7" data-element_type="container">
|
||||
<div class="elementor-element elementor-element-3fe4ca3 elementor-widget elementor-widget-logico_heading"
|
||||
data-id="3fe4ca3" data-element_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-ffd1f7d elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-logico_heading"
|
||||
data-id="ffd1f7d" 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">Logistic services which we provide to our customers
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-e09c20e e-grid e-con-full cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="e09c20e" data-element_type="container">
|
||||
<div class="elementor-element elementor-element-81a7690 elementor-view-default elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box"
|
||||
data-id="81a7690" data-element_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">
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"
|
||||
style="width:80px; height:80px; display:block;"
|
||||
xml:space="preserve" class="">
|
||||
<g>
|
||||
<path
|
||||
d="M41.211 37.288a4.112 4.112 0 1 1 4.109-4.112 4.114 4.114 0 0 1-4.109 4.112zm0-6.724a2.612 2.612 0 1 0 2.609 2.612 2.613 2.613 0 0 0-2.609-2.612zM19.542 37.288a4.112 4.112 0 1 1 4.108-4.112 4.115 4.115 0 0 1-4.108 4.112zm0-6.724a2.612 2.612 0 1 0 2.608 2.612 2.614 2.614 0 0 0-2.608-2.612z"
|
||||
fill="#000000" opacity="1"
|
||||
data-original="#000000" class=""></path>
|
||||
<path
|
||||
d="M46.621 33.926H44.57a.75.75 0 0 1 0-1.5h1.839v-3.977a3.16 3.16 0 0 0-.4-1.536l-4.06-7.279a.4.4 0 0 0-.349-.205h-5.533v13h1.786a.75.75 0 0 1 0 1.5h-2.536a.75.75 0 0 1-.75-.75v-14.5a.75.75 0 0 1 .75-.75H41.6a1.9 1.9 0 0 1 1.66.974l4.059 7.28a4.662 4.662 0 0 1 .589 2.266v4.19a1.289 1.289 0 0 1-1.287 1.287zM16.183 33.926H8.992a.75.75 0 0 1-.75-.75v-5.768a.75.75 0 0 1 1.5 0v5.018h6.441a.75.75 0 0 1 0 1.5zM8.992 24.747a.75.75 0 0 1-.75-.75v-5.036a.75.75 0 0 1 1.5 0V24a.75.75 0 0 1-.75.747z"
|
||||
fill="#000000" opacity="1"
|
||||
data-original="#000000" class=""></path>
|
||||
<path
|
||||
d="M35.317 33.926H22.9a.75.75 0 0 1 0-1.5h11.667V12.805H9.742v3.089a.75.75 0 0 1-1.5 0v-3.227a1.364 1.364 0 0 1 1.363-1.362h25.1a1.364 1.364 0 0 1 1.362 1.362v20.509a.75.75 0 0 1-.75.75zM11.957 28.158H2.438a.75.75 0 0 1 0-1.5h9.519a.75.75 0 0 1 0 1.5z"
|
||||
fill="#000000" opacity="1"
|
||||
data-original="#000000" class=""></path>
|
||||
<path
|
||||
d="M19.542 24.747H6.259a.75.75 0 0 1 0-1.5h13.283a.75.75 0 0 1 0 1.5zM5.846 20.787H.659a.75.75 0 1 1 0-1.5h5.187a.75.75 0 0 1 0 1.5zM14.163 16.644H5.007a.75.75 0 1 1 0-1.5h9.156a.75.75 0 0 1 0 1.5z"
|
||||
fill="#000000" opacity="1"
|
||||
data-original="#000000" class=""></path>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="elementor-icon-box-content">
|
||||
|
||||
<div class="elementor-icon-box-title">
|
||||
<span>
|
||||
Expedited LTL </span>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-0f4aa27 elementor-view-default elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box"
|
||||
data-id="0f4aa27" data-element_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-container"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="elementor-icon-box-content">
|
||||
|
||||
<div class="elementor-icon-box-title">
|
||||
<span>
|
||||
Truckload </span>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-6cfd203 elementor-view-default elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box"
|
||||
data-id="6cfd203" data-element_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-trolley"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="elementor-icon-box-content">
|
||||
|
||||
<div class="elementor-icon-box-title">
|
||||
<span>
|
||||
Final mile </span>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-0d343e1 elementor-view-default elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box"
|
||||
data-id="0d343e1" data-element_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-supply-chain"></i> </span>
|
||||
</div>
|
||||
|
||||
<div class="elementor-icon-box-content">
|
||||
|
||||
<div class="elementor-icon-box-title">
|
||||
<span>
|
||||
Brokerage </span>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-5a5c397 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="5a5c397" data-element_type="container">
|
||||
<div class="elementor-element elementor-element-07cd509 elementor-widget__width-initial elementor-widget elementor-widget-text-editor"
|
||||
data-id="07cd509" data-element_type="widget"
|
||||
data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>Reliable transportation solutions built for speed, scale, and
|
||||
precision. From time-critical shipments to full-capacity movements
|
||||
and final-stage delivery, every mile is managed with efficiency and
|
||||
control. Flexible coordination ensures freight keeps moving
|
||||
smoothly, even during peak demand</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-1808c14 elementor-widget__width-initial elementor-widget elementor-widget-logico_button"
|
||||
data-id="1808c14" 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="solutions.php" class="logico-alter-button">All services</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
100
includes/stats_banner.php
Normal file
100
includes/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>
|
||||
111
includes/testimonials.php
Normal file
111
includes/testimonials.php
Normal file
@@ -0,0 +1,111 @@
|
||||
<div class="elementor elementor-61">
|
||||
<div class="elementor-element elementor-element-de254c2 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="de254c2" data-element_type="container"
|
||||
data-settings="{"background_background":"classic"}">
|
||||
<div class="e-con-inner">
|
||||
<div class="elementor-element elementor-element-d5b30d0 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="d5b30d0" data-element_type="container">
|
||||
<div class="elementor-element elementor-element-609bbad e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="609bbad" data-element_type="container">
|
||||
<div class="elementor-element elementor-element-e6879ea elementor-widget elementor-widget-image"
|
||||
data-id="e6879ea" data-element_type="widget" data-widget_type="image.default">
|
||||
<div class="elementor-widget-container">
|
||||
<img loading="lazy" decoding="async" width="491" height="373"
|
||||
src="/assets/images/home2-pic-2.png" class="attachment-full size-full wp-image-4396"
|
||||
alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-ebf6c8d e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="ebf6c8d" data-element_type="container">
|
||||
<div class="elementor-element elementor-element-1632aa3 elementor-widget elementor-widget-logico_testimonial_carousel"
|
||||
data-id="1632aa3" data-element_type="widget"
|
||||
data-widget_type="logico_testimonial_carousel.default">
|
||||
<div class="elementor-widget-container">
|
||||
|
||||
<div class="logico-testimonial-carousel-widget">
|
||||
<div class="testimonial-carousel-wrapper witch-icon">
|
||||
|
||||
<div class="testimonials-slider-container">
|
||||
|
||||
|
||||
|
||||
<div class="testimonials-slider owl-carousel owl-theme"
|
||||
data-slider-options="{"items":1,"itemsWidescreen":1,"itemsLaptop":1,"itemsTabletExtra":1,"itemsTablet":1,"itemsMobileExtra":1,"itemsMobile":1,"nav":false,"dots":true,"progress":true,"autoplayHoverPause":false,"autoplay":false,"autoplaySpeed":300,"autoplayTimeout":5000,"loop":true,"dragEndSpeed":500,"navSpeed":500,"dotsSpeed":500,"dotsContainer":".owl-dots-1632aa3","rtl":false}">
|
||||
<div class="testimonial-item slider-item">
|
||||
<div class="testimonial-text">
|
||||
<p>Halosaur duckbilled barracudina, goosefish gar pleco, chum salmon
|
||||
armoured catfish gudgeon sawfish whitefish orbicular batfish
|
||||
mummichog paradise fish! Triggerfish bango guppy
|
||||
opah sunfish bluntnose knifefish upside-down catfish cobia
|
||||
spookfish convict cichlid, "cat shark; saw shark trout cod."
|
||||
Pink salmon cherry salmon combtail gourami frigate
|
||||
mackerel snake mackerel upside-down shark</p>
|
||||
</div>
|
||||
<div class="testimonial-author-info">
|
||||
<div class="testimonial-author">Adrian Mitchel </div>
|
||||
<div class="testimonial-company">SolarInc</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial-item slider-item">
|
||||
<div class="testimonial-text">
|
||||
<p>Halosaur duckbilled barracudina, goosefish gar pleco, chum salmon
|
||||
armoured catfish gudgeon sawfish whitefish orbicular batfish
|
||||
mummichog paradise fish! Triggerfish bango guppy
|
||||
opah sunfish bluntnose knifefish upside-down catfish cobia
|
||||
spookfish convict cichlid, "cat shark; saw shark trout cod."
|
||||
Pink salmon cherry salmon combtail gourami frigate
|
||||
mackerel snake mackerel upside-down shark</p>
|
||||
</div>
|
||||
<div class="testimonial-author-info">
|
||||
<div class="testimonial-author">Adrian Mitchel </div>
|
||||
<div class="testimonial-company">SolarInc</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial-item slider-item">
|
||||
<div class="testimonial-text">
|
||||
<p>Halosaur duckbilled barracudina, goosefish gar pleco, chum salmon
|
||||
armoured catfish gudgeon sawfish whitefish orbicular batfish
|
||||
mummichog paradise fish! Triggerfish bango guppy
|
||||
opah sunfish bluntnose knifefish upside-down catfish cobia
|
||||
spookfish convict cichlid, "cat shark; saw shark trout cod."
|
||||
Pink salmon cherry salmon combtail gourami frigate
|
||||
mackerel snake mackerel upside-down shark</p>
|
||||
</div>
|
||||
<div class="testimonial-author-info">
|
||||
<div class="testimonial-author">Adrian Mitchel </div>
|
||||
<div class="testimonial-company">SolarInc</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="slider-footer slider-footer-view-outside slider-footer-position-after slider-footer-width-full">
|
||||
<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-1632aa3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="elementor-element elementor-element-ab691ea elementor-absolute elementor-widget elementor-widget-logico_decorative_block" data-id="ab691ea" data-element_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>
|
||||
25
includes/ticker-wrapper.php
Normal file
25
includes/ticker-wrapper.php
Normal file
@@ -0,0 +1,25 @@
|
||||
<div class="elementor-element elementor-element-eb7efde e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent"
|
||||
data-id="eb7efde" data-element_type="container">
|
||||
<div class="elementor-element elementor-element-9c4eb28 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="9c4eb28" data-element_type="container">
|
||||
<div class="elementor-element elementor-element-459fc06 elementor-widget elementor-widget-logico_marquee"
|
||||
data-id="459fc06" data-element_type="widget"
|
||||
data-widget_type="logico_marquee.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="logico-ticker-wrapper" data-speed="10" data-direction="left">
|
||||
<div class="ticker">
|
||||
<span class="ticker-text">
|
||||
<p>
|
||||
<span style="color: #c01227">345 679 345</span>
|
||||
tons of productions were delivered
|
||||
</p>
|
||||
</span>
|
||||
<span class="separator">
|
||||
<i class="fontello icon-half-logo"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
100
includes/title_widget.php
Normal file
100
includes/title_widget.php
Normal file
@@ -0,0 +1,100 @@
|
||||
|
||||
<!-- Animated Title Component -->
|
||||
<style>
|
||||
/* Scoped Styles for Animated Title */
|
||||
.title-widget-wrapper {
|
||||
width: 100%;
|
||||
max-width: 1100px;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
padding-bottom: 10px;
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
.logico-animated-title {
|
||||
font-family: 'DM Sans', sans-serif;
|
||||
font-size: 2.8rem;
|
||||
font-weight: 800;
|
||||
line-height: 1.15;
|
||||
color: #111419;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
text-transform: uppercase;
|
||||
max-width: 650px; /* Constrain width to force multi-line like the example */
|
||||
}
|
||||
|
||||
/* Animation States */
|
||||
.animated-ready .word {
|
||||
opacity: 0;
|
||||
transform: translateY(40px);
|
||||
display: inline-block;
|
||||
transition: all 0.8s cubic-bezier(0.2, 0.6, 0.4, 1);
|
||||
}
|
||||
|
||||
.animated-ready.is-animated .word {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
/* Staggering words */
|
||||
.animated-ready.is-animated .word:nth-child(1) { transition-delay: 0.1s; }
|
||||
.animated-ready.is-animated .word:nth-child(2) { transition-delay: 0.2s; }
|
||||
.animated-ready.is-animated .word:nth-child(3) { transition-delay: 0.3s; }
|
||||
.animated-ready.is-animated .word:nth-child(4) { transition-delay: 0.4s; }
|
||||
.animated-ready.is-animated .word:nth-child(5) { transition-delay: 0.5s; }
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.logico-animated-title {
|
||||
font-size: 2.2rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="title-widget-wrapper">
|
||||
<div class="elementor-widget-container">
|
||||
<h3 id="animated-title-main" class="logico-title animated-ready logico-animated-title">
|
||||
<!-- Text will be split by JS -->
|
||||
Why MileTruth™ is Different
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
(function() {
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const titleEl = document.getElementById('animated-title-main');
|
||||
if (!titleEl) return;
|
||||
|
||||
// Split title into words for staggering
|
||||
const text = titleEl.innerText;
|
||||
const words = text.split(' ');
|
||||
titleEl.innerHTML = ''; // Clear original text
|
||||
|
||||
words.forEach(word => {
|
||||
const wordSpan = document.createElement('span');
|
||||
wordSpan.className = 'word';
|
||||
wordSpan.style.marginRight = '12px'; // Re-add space
|
||||
wordSpan.innerText = word;
|
||||
titleEl.appendChild(wordSpan);
|
||||
});
|
||||
|
||||
// Trigger animation after a slight delay
|
||||
setTimeout(() => {
|
||||
titleEl.classList.add('is-animated');
|
||||
}, 300);
|
||||
|
||||
// Re-trigger if scrolled into view (basic Intersection Observer)
|
||||
if ('IntersectionObserver' in window) {
|
||||
const observer = new IntersectionObserver((entries) => {
|
||||
entries.forEach(entry => {
|
||||
if (entry.isIntersecting) {
|
||||
entry.target.classList.add('is-animated');
|
||||
}
|
||||
});
|
||||
}, { threshold: 0.5 });
|
||||
observer.observe(titleEl);
|
||||
}
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
97
includes/vision.php
Normal file
97
includes/vision.php
Normal file
@@ -0,0 +1,97 @@
|
||||
|
||||
<style>
|
||||
/* Vision & Mission Component Styles */
|
||||
.vm-section-wrapper {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
background: #ffffff;
|
||||
position: relative;
|
||||
font-family: 'DM Sans', sans-serif;
|
||||
}
|
||||
.vm-section {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
max-width: 1140px;
|
||||
padding: 80px 32px 90px;
|
||||
margin: 0 auto !important;
|
||||
}
|
||||
.vm-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 28px;
|
||||
align-items: stretch;
|
||||
}
|
||||
.vm-card {
|
||||
position: relative;
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #e0e0e0;
|
||||
border-radius: 28px;
|
||||
padding: 52px 48px 44px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 4px 20px rgba(17,20,25,0.06);
|
||||
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.13);
|
||||
}
|
||||
.vm-icon-wrap {
|
||||
width: 68px; height: 68px;
|
||||
margin-bottom: 36px;
|
||||
background: rgba(192,32,42,0.08);
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.vm-icon-wrap svg { width: 34px; height: 34px; }
|
||||
.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;
|
||||
}
|
||||
.vm-title em { font-style: italic; color: #C0202A; }
|
||||
.vm-body {
|
||||
font-size: 1rem;
|
||||
font-weight: 300;
|
||||
color: #4d5261;
|
||||
line-height: 1.8;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.vm-grid { grid-template-columns: 1fr; }
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="vm-section-wrapper">
|
||||
<section class="vm-section">
|
||||
<div class="vm-grid">
|
||||
<article class="vm-card">
|
||||
<div class="vm-icon-wrap">
|
||||
<svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="18" cy="18" rx="14" ry="9" stroke="#C0202A" stroke-width="2.1"/><circle cx="18" cy="18" r="4" stroke="#C0202A" stroke-width="2.1"/><circle cx="18" cy="18" r="1.4" fill="#C0202A"/></svg>
|
||||
</div>
|
||||
<p class="vm-tag">Vision</p>
|
||||
<h3 class="vm-title">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">
|
||||
<div class="vm-icon-wrap">
|
||||
<svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 28 L14 22 Q16 14 24 8 Q30 6 30 6 Q28 12 22 20 L16 26 Z" stroke="#C0202A" stroke-width="2.1" stroke-linejoin="round"/><circle cx="19" cy="17" r="2.4" fill="#C0202A" opacity="0.35"/></svg>
|
||||
</div>
|
||||
<p class="vm-tag">Mission</p>
|
||||
<h3 class="vm-title">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>
|
||||
573
includes/why_miletruth.php
Normal file
573
includes/why_miletruth.php
Normal file
@@ -0,0 +1,573 @@
|
||||
<?php include("head.php"); ?>
|
||||
|
||||
<style>
|
||||
/* ══════════════════════════════════════════
|
||||
MILETRUTH SHOWCASE — FULL REDESIGN
|
||||
══════════════════════════════════════════ */
|
||||
#mts-root {
|
||||
font-family: 'Manrope', sans-serif;
|
||||
/* background: #f8f7f5; */
|
||||
padding: 100px 0 80px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#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