Updated Doormile website
This commit is contained in:
R-Bharathraj
521
how-it-works.php
Normal file
521
how-it-works.php
Normal file
@@ -0,0 +1,521 @@
|
||||
<!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 -->
|
||||
Reference in New Issue
Block a user