522 lines
23 KiB
PHP
522 lines
23 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en-US">
|
|
<?php $page_title = 'How It Works – Doormile';
|
|
include 'includes/layout/head.php'; ?>
|
|
|
|
</head>
|
|
<style>
|
|
/* Center-align content and text for the How It Works page slider */
|
|
.logico-content-slider-widget .slide-content {
|
|
display: flex !important;
|
|
justify-content: center !important;
|
|
align-items: center !important;
|
|
text-align: center !important;
|
|
}
|
|
.logico-content-slider-widget .slide-content-inner {
|
|
display: flex !important;
|
|
flex-direction: column !important;
|
|
align-items: center !important;
|
|
justify-content: center !important;
|
|
text-align: center !important;
|
|
width: 100% !important;
|
|
}
|
|
.logico-content-slider-widget .content-slider-item-heading,
|
|
.logico-content-slider-widget .content-slider-item-text,
|
|
.logico-content-slider-widget .content-slider-item-buttons {
|
|
text-align: center !important;
|
|
margin-left: auto !important;
|
|
margin-right: auto !important;
|
|
display: flex !important;
|
|
justify-content: center !important;
|
|
}
|
|
|
|
/* Force static grid and no-scroll globally for the three-mile section */
|
|
body.elementor-page-59 {
|
|
overflow-x: hidden !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
/* Target the ACTUAL cards section (338e860) */
|
|
.elementor-element.elementor-element-338e860 .owl-carousel {
|
|
display: grid !important;
|
|
grid-template-columns: repeat(3, 1fr) !important;
|
|
gap: 30px !important;
|
|
width: 100% !important;
|
|
overflow: visible !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-338e860 .owl-stage-outer,
|
|
.elementor-element.elementor-element-338e860 .owl-stage {
|
|
display: contents !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-338e860 .owl-item {
|
|
width: 100% !important;
|
|
cursor: default !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-338e860 .owl-item.cloned {
|
|
display: none !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-338e860 .owl-nav,
|
|
.elementor-element.elementor-element-338e860 .owl-dots {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Target the icon boxes section (4add972) */
|
|
.elementor-element.elementor-element-4add972 {
|
|
display: grid !important;
|
|
grid-template-columns: repeat(3, 1fr) !important;
|
|
gap: 30px !important;
|
|
overflow: hidden !important;
|
|
width: 100% !important;
|
|
max-width: 1200px !important;
|
|
margin-left: auto !important;
|
|
margin-right: auto !important;
|
|
}
|
|
|
|
@media (min-width: 1025px) and (max-width: 1520px) {
|
|
.elementor-element.elementor-element-741f56c {
|
|
--padding-top: 18px !important;
|
|
--padding-bottom: 18px !important;
|
|
--padding-left: 18px !important;
|
|
--padding-right: 18px !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-6c7cbcb .owl-carousel.owl-theme .content-item {
|
|
height: 680px !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-6c7cbcb .slide-content-inner {
|
|
max-width: 820px !important;
|
|
margin-left: auto !important;
|
|
margin-right: auto !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-6c7cbcb .content-slider-item-heading {
|
|
font-size: 60px !important;
|
|
line-height: 1.12 !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-6c7cbcb .content-slider-item-text {
|
|
font-size: 18px !important;
|
|
line-height: 1.65 !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-6c7cbcb .content-slider-item-text .text-content {
|
|
max-width: 640px !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-6c7cbcb .slider-footer .slider-pagination {
|
|
margin-right: 70px !important;
|
|
margin-left: 30px !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-c36a604 {
|
|
--padding-top: 110px !important;
|
|
--padding-left: 24px !important;
|
|
--padding-right: 24px !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-b147420 {
|
|
--flex-direction: column !important;
|
|
--container-widget-width: 100% !important;
|
|
--container-widget-height: initial !important;
|
|
--container-widget-flex-grow: 0 !important;
|
|
--container-widget-align-self: initial !important;
|
|
--flex-wrap-mobile: wrap !important;
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-5bc90f3,
|
|
.elementor-element.elementor-element-3ea6309 {
|
|
--width: 100% !important;
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-63a9de5 {
|
|
width: 100% !important;
|
|
max-width: 960px !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-63a9de5 .logico-title {
|
|
font-size: 48px !important;
|
|
line-height: 1.12 !important;
|
|
max-width: 960px !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-77d1265 {
|
|
--padding-left: 24px !important;
|
|
--padding-right: 24px !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-4add972 {
|
|
--e-con-grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
|
|
--gap: 44px 36px !important;
|
|
--row-gap: 44px !important;
|
|
--column-gap: 36px !important;
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
min-width: 0 !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-4add972 .mile-box {
|
|
padding: 34px 24px !important;
|
|
min-width: 0 !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-4add972 .elementor-icon {
|
|
font-size: 104px !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-4add972 .elementor-icon svg {
|
|
height: 104px !important;
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-4add972 .logico-title {
|
|
font-size: 20px !important;
|
|
line-height: 1.25 !important;
|
|
overflow-wrap: break-word !important;
|
|
word-break: normal !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-4add972 p {
|
|
font-size: 15px !important;
|
|
line-height: 1.55 !important;
|
|
overflow-wrap: break-word !important;
|
|
word-break: normal !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-88745f4,
|
|
.elementor-element.elementor-element-5041fcc {
|
|
--padding-left: 24px !important;
|
|
--padding-right: 24px !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-4c3e632 {
|
|
--gap: 32px 48px !important;
|
|
--column-gap: 48px !important;
|
|
}
|
|
|
|
.elementor-element.elementor-element-2d7c3ee {
|
|
--gap: 36px 32px !important;
|
|
--row-gap: 36px !important;
|
|
--column-gap: 32px !important;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<body
|
|
class="wp-singular page-template-default page page-id-59 wp-theme-logico wp-child-theme-logico-child theme-logico woocommerce-no-js ehf-header ehf-footer ehf-template-logico ehf-stylesheet-logico-child logico-front-end logico-theme-style-rounded elementor-default elementor-kit-5 elementor-page elementor-page-59">
|
|
<?php
|
|
$current_page = 'how-its-works';
|
|
include 'includes/layout/header.php';
|
|
?>
|
|
<div class="content-wrapper content-wrapper-may-contain-elementor-code content-wrapper-sidebar-position-none">
|
|
<!-- Content Container -->
|
|
<div class="content">
|
|
<div class="content-inner">
|
|
<div data-elementor-type="wp-page" data-elementor-id="59" class="elementor elementor-59">
|
|
<?php include 'includes/sections/hero/howits-hero-section.php';?>
|
|
<?php include 'includes/sections/miles/miles3.php';?>
|
|
|
|
<?php include 'includes/sections/miles/doormile-way.php'; ?>
|
|
<style>
|
|
body.elementor-page-59,
|
|
body.elementor-page-59 .content-wrapper,
|
|
body.elementor-page-59 .elementor-59 {
|
|
max-width: 100%;
|
|
overflow-x: hidden !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-6c7cbcb .content-item {
|
|
height: 760px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-6c7cbcb .slide-content-inner {
|
|
max-width: 920px !important;
|
|
padding: 0 24px !important;
|
|
margin-left: auto !important;
|
|
margin-right: auto !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-6c7cbcb .content-slider-item-heading {
|
|
font-size: 72px !important;
|
|
line-height: 1.08 !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-6c7cbcb .content-slider-item-text .text-content {
|
|
max-width: 680px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-003b885 .e-con-inner,
|
|
body.elementor-page-59 .elementor-element.elementor-element-77d1265 .e-con-inner,
|
|
body.elementor-page-59 .elementor-element.elementor-element-88745f4 .e-con-inner,
|
|
body.elementor-page-59 .elementor-element.elementor-element-5041fcc .e-con-inner {
|
|
width: 100% !important;
|
|
max-width: 1440px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-338e860 .owl-carousel {
|
|
display: grid !important;
|
|
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
|
|
gap: 56px !important;
|
|
width: 100% !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
overflow: visible !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-338e860 .owl-stage-outer,
|
|
body.elementor-page-59 .elementor-element.elementor-element-338e860 .owl-stage {
|
|
display: contents !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-338e860 .owl-item {
|
|
width: 100% !important;
|
|
min-width: 0 !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-338e860 .dm-step-card {
|
|
min-height: 640px !important;
|
|
margin: 0 !important;
|
|
padding: 46px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-338e860 .dm-step-card__image img {
|
|
height: 280px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-4add972 {
|
|
display: grid !important;
|
|
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
|
|
gap: 80px 56px !important;
|
|
--gap: 80px 56px !important;
|
|
--row-gap: 80px !important;
|
|
--column-gap: 56px !important;
|
|
width: 100% !important;
|
|
max-width: 1440px !important;
|
|
overflow: visible !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-4add972 .mile-box {
|
|
min-width: 0 !important;
|
|
min-height: 360px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-4c3e632 {
|
|
display: grid !important;
|
|
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
|
|
gap: 48px !important;
|
|
align-items: start !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-2d7c3ee {
|
|
display: grid !important;
|
|
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
|
|
gap: 40px 32px !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-2d7c3ee > .elementor-element {
|
|
min-width: 0 !important;
|
|
}
|
|
|
|
@media (max-width: 1280px) {
|
|
body.elementor-page-59 .elementor-element.elementor-element-6c7cbcb .content-item {
|
|
height: 680px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-6c7cbcb .content-slider-item-heading {
|
|
font-size: 60px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-338e860 .dm-step-card {
|
|
min-height: 620px !important;
|
|
padding: 38px !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1100px) {
|
|
body.elementor-page-59 .elementor-element.elementor-element-338e860 .owl-carousel,
|
|
body.elementor-page-59 .elementor-element.elementor-element-4add972 {
|
|
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
|
|
gap: 56px 36px !important;
|
|
--gap: 56px 36px !important;
|
|
--row-gap: 56px !important;
|
|
--column-gap: 36px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-2d7c3ee {
|
|
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 840px) {
|
|
body.elementor-page-59 .elementor-element.elementor-element-741f56c {
|
|
--padding-left: 0px !important;
|
|
--padding-right: 0px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-6c7cbcb .content-item {
|
|
height: 560px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-6c7cbcb .content-slider-item-heading {
|
|
font-size: 44px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-6c7cbcb .content-slider-item-text {
|
|
font-size: 16px !important;
|
|
line-height: 1.55 !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-c36a604 {
|
|
--padding-top: 80px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-b147420,
|
|
body.elementor-page-59 .elementor-element.elementor-element-4c3e632 {
|
|
display: flex !important;
|
|
flex-direction: column !important;
|
|
gap: 28px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-63a9de5 .logico-title,
|
|
body.elementor-page-59 .elementor-element.elementor-element-9363070 .logico-title {
|
|
font-size: 36px !important;
|
|
line-height: 1.15 !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
body.elementor-page-59 .elementor-element.elementor-element-338e860 .owl-carousel,
|
|
body.elementor-page-59 .elementor-element.elementor-element-4add972,
|
|
body.elementor-page-59 .elementor-element.elementor-element-2d7c3ee {
|
|
grid-template-columns: minmax(0, 1fr) !important;
|
|
gap: 38px 0 !important;
|
|
--gap: 38px 0px !important;
|
|
--row-gap: 38px !important;
|
|
--column-gap: 0px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-338e860 .dm-step-card {
|
|
min-height: auto !important;
|
|
padding: 32px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-338e860 .dm-step-card__image img {
|
|
height: 240px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-4add972 .mile-box {
|
|
min-height: auto !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 560px) {
|
|
body.elementor-page-59 .elementor-element.elementor-element-6c7cbcb .content-item {
|
|
height: 500px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-6c7cbcb .content-slider-item-heading {
|
|
font-size: 34px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-6c7cbcb .slide-content-inner {
|
|
padding: 0 18px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-003b885,
|
|
body.elementor-page-59 .elementor-element.elementor-element-77d1265,
|
|
body.elementor-page-59 .elementor-element.elementor-element-88745f4,
|
|
body.elementor-page-59 .elementor-element.elementor-element-5041fcc {
|
|
--padding-left: 18px !important;
|
|
--padding-right: 18px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-338e860 .owl-carousel {
|
|
gap: 30px 0 !important;
|
|
--gap: 30px 0px !important;
|
|
--row-gap: 30px !important;
|
|
--column-gap: 0px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-338e860 .dm-step-card {
|
|
padding: 26px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-338e860 .dm-step-card__image img {
|
|
height: 210px !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-338e860 .dm-step-card__title,
|
|
body.elementor-page-59 .elementor-element.elementor-element-4add972 .logico-title {
|
|
font-size: 24px !important;
|
|
line-height: 1.2 !important;
|
|
}
|
|
|
|
body.elementor-page-59 .elementor-element.elementor-element-63a9de5 .logico-title,
|
|
body.elementor-page-59 .elementor-element.elementor-element-9363070 .logico-title {
|
|
font-size: 30px !important;
|
|
}
|
|
}
|
|
</style>
|
|
<?php include 'includes/layout/footer.php'; ?>
|
|
</div>
|
|
<!-- #page -->
|
|
|
|
<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>
|
|
</div>
|
|
</div>
|
|
<!-- /.body-container -->
|
|
|
|
</body>
|
|
|
|
</html>
|
|
<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1774412280 -->
|