Final revisions for proposal
|
@ -1,24 +1,9 @@
|
|||
@page "/about"
|
||||
|
||||
<!--
|
||||
TODO:
|
||||
|
||||
- Replace Image and description
|
||||
- Replace background map with a map of the US, and a list of states operated in
|
||||
- Replace metrics with relevant metricsa
|
||||
- Grab the values from keymotive.net and replace the paragraph with a combination of the values
|
||||
- Replace the image near this section
|
||||
- Replace the highlights (same as Index)
|
||||
|
||||
|
||||
-->
|
||||
|
||||
<head>
|
||||
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="IE=edge">
|
||||
<meta name="author" content="SemiColonWeb">
|
||||
<meta name="description" content="Create Packers, Movers & Shipping Websites with Canvas Template. Get Canvas to build powerful websites easily with the Highly Customizable & Best Selling Bootstrap Template, today.">
|
||||
|
||||
<!-- Font Imports -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
|
@ -63,8 +48,8 @@ TODO:
|
|||
============================================= -->
|
||||
<div id="logo" class="ms-auto ms-md-0">
|
||||
<a>
|
||||
<img class="logo-default" srcset="images/logo-dark.png, images/logo-dark@2x.png 2x" src="images/logo-dark@2x.png" alt="Canvas Logo">
|
||||
<img class="logo-dark" srcset="images/logo-dark.png, images/logo-dark@2x.png 2x" src="images/logo-dark@2x.png" alt="Canvas Logo">
|
||||
<img class="logo-default" srcset="images/km_logo.png" alt="KeyMotive Logo">
|
||||
<img class="logo-dark" srcset="images/km_logo.png" alt="KeyMotive Logo">
|
||||
</a>
|
||||
</div><!-- #logo end -->
|
||||
</div>
|
||||
|
@ -117,68 +102,44 @@ TODO:
|
|||
|
||||
<div class="content-wrap p-0">
|
||||
|
||||
<div class="section mt-0" style="background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: linear-gradient(to right, rgba(0,0,0,.6), rgba(0,0,0,0.3)), url('demos/movers/images/section/company.jpg');">
|
||||
<div class="section mt-0" style="background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: linear-gradient(to right, rgba(0,0,0,.6), rgba(0,0,0,0.3)), url('demos/movers/images/section/success.jpg');">
|
||||
<div class="shape-divider" data-shape="wave" data-position="bottom" data-height="100"></div>
|
||||
|
||||
<div class="container dark">
|
||||
<div class="row align-items-center h-100" style="padding: 100px 0 150px">
|
||||
<div class="col-xl-7 col-lg-10">
|
||||
<h5 class="mb-3 text-uppercase ls-3 text-white-50">Our Story</h5>
|
||||
<h3 class="display-4 fw-semibold mb-4">Make the right Move.<br>We Move your Life.</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate corporis, facilis assumenda optio consequuntur amet iure, quidem animi nam inventore!</p>
|
||||
<h3 class="display-4 fw-semibold mb-4">Striving for Growth</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section-map mb-6 mt-6">
|
||||
<div class="container">
|
||||
<img src="demos/hosting/images/svg/map.png" alt="Map Image" class="img-fluid map-image">
|
||||
<div class="map-title">
|
||||
<h2 class="text-center">More than 21 Countries included in Our Network. Some of Our Most Popular Countries</h2>
|
||||
<div class="d-flex justify-content-center">
|
||||
<ul class="iconlist m-0 pe-5">
|
||||
<li><img src="demos/hosting/images/flags/uk.png" alt="Country Flag"><a href="#">United Kingdom</a></li>
|
||||
<li><img src="demos/hosting/images/flags/us.png" alt="Country Flag"><a href="#">USA</a></li>
|
||||
<li><img src="demos/hosting/images/flags/br.png" alt="Country Flag"><a href="#">Brazil</a></li>
|
||||
<li><img src="demos/hosting/images/flags/sa.png" alt="Country Flag"><a href="#">South Africa</a></li>
|
||||
<li><img src="demos/hosting/images/flags/in.png" alt="Country Flag"><a href="#">India</a></li>
|
||||
</ul>
|
||||
<ul class="iconlist m-0 ps-5">
|
||||
<li><img src="demos/hosting/images/flags/si.png" alt="Country Flag"><a href="#">Singapore</a></li>
|
||||
<li><img src="demos/hosting/images/flags/ja.png" alt="Country Flag"><a href="#">Japan</a></li>
|
||||
<li><img src="demos/hosting/images/flags/au.png" alt="Country Flag"><a href="#">Australia</a></li>
|
||||
<li><img src="demos/hosting/images/flags/ca.png" alt="Country Flag"><a href="#">Canada</a></li>
|
||||
<li><a href="#" class="text-black-50">See all..</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br /><br /><br /><br /><br /><br /><br /><br />
|
||||
<div class="counter-section">
|
||||
<div class="row align-items-stretch m-0 w-100 text-center">
|
||||
<div class="col-sm-3 col-6">
|
||||
<div class="counter-dots"></div>
|
||||
<div class="counter font-secondary"><span data-from="100" data-to="11000" data-refresh-interval="50" data-speed="2100" data-comma="true"></span>+</div>
|
||||
<h5 class="text-capitalize ls-0 mt-0"><u>Moved Monthly</u></h5>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-3 col-6">
|
||||
<div class="counter-dots"></div>
|
||||
<div class="counter font-secondary"><span data-from="3" data-to="26" data-refresh-interval="50" data-speed="2200" data-comma="true"></span>+</div>
|
||||
<div class="counter font-secondary"><span data-from="3" data-to="16" data-refresh-interval="50" data-speed="2200" data-comma="true"></span></div>
|
||||
<h5 class="text-capitalize ls-0 mt-0"><u>Years of Experience</u></h5>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-3 col-6">
|
||||
<div class="counter-dots"></div>
|
||||
<div class="counter font-secondary"><span data-from="100" data-to="6000" data-refresh-interval="25" data-speed="2300" data-comma="true"></span>+</div>
|
||||
<h5 class="text-capitalize ls-0 mt-0"><u>Trained Manpower</u></h5>
|
||||
<div class="counter font-secondary"><span data-from="100" data-to="100000" data-refresh-interval="50" data-speed="2100" data-comma="true"></span>+</div>
|
||||
<h5 class="text-capitalize ls-0 mt-0"><u>Pieces Mailed Annually</u></h5>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-3 col-6">
|
||||
<div class="counter-dots"></div>
|
||||
<div class="counter font-secondary"><span data-from="1" data-to="21" data-refresh-interval="10" data-speed="2100" data-comma="true"></span>+</div>
|
||||
<h5 class="text-capitalize ls-0 mt-0"><u>Countries Worldwide</u></h5>
|
||||
<div class="counter font-secondary"><span data-from="100" data-to="500000" data-refresh-interval="25" data-speed="2300" data-comma="true"></span>+</div>
|
||||
<h5 class="text-capitalize ls-0 mt-0"><u>Emails Sent Annually</u></h5>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-3 col-6">
|
||||
<div class="counter-dots"></div>
|
||||
<div class="counter font-secondary"><span data-from="1" data-to="42" data-refresh-interval="10" data-speed="2100" data-comma="true"></span></div>
|
||||
<h5 class="text-capitalize ls-0 mt-0"><u>Services Offered</u></h5>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -191,14 +152,13 @@ TODO:
|
|||
<div class="container mb-5">
|
||||
<div class="row justify-content-between">
|
||||
<div class="col-md-5">
|
||||
<h3 class="display-4 fw-bold mb-4">Moving you<br>Toward your<br>Future.</h3>
|
||||
<img src="demos/movers/images/section/2.jpg" alt="Image" class="img-about">
|
||||
<h3 class="display-4 fw-bold mb-4"></h3>
|
||||
<img src="demos/movers/images/section/collab.svg" alt="Image" class="img-about">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<p class="mt-4">Compellingly target sticky infrastructures via superior catalysts for change. Completely productize efficient e-tailers rather than sticky applications. Credibly productize interdependent users through scalable collaboration and idea-sharing. Objectively foster cutting-edge intellectual capital via frictionless data. Objectively impact cutting-edge niche markets with cross functional services.</p>
|
||||
<p>Synergistically architect enterprise-wide products whereas business content. Credibly facilitate top-line expertise with excellent platforms.</p>
|
||||
<p>Compellingly target sticky infrastructures via superior catalysts for change. Completely productize efficient e-tailers rather than sticky applications. Credibly productize interdependent users through scalable collaboration and idea-sharing. Objectively foster cutting-edge intellectual capital via frictionless data. Objectively impact cutting-edge niche markets with cross functional services.</p>
|
||||
<p><strong>Synergistically architect enterprise-wide products whereas business content.</strong> Credibly facilitate top-line expertise with excellent platforms.</p>
|
||||
<h2>Working With Your Shop to Deliver Excellence</h2>
|
||||
<p class="mt-4">Multi-channel marketing is the most efficient way to communicate with today's consumer. Some prefer traditional postal mail communications, others choose email and the rest want texting (SMS/EMS) as their method of communication. KeyMail™ can assist you in all of these channels! We'll design a highly efficient direct marketing solution to keep your customers coming in!</p>
|
||||
<p class="mt-4"> Our solutions span many industries across the United States and Canada. Our solutions are geared to perform for a single location or for chains of 600+ stores. Call us to discuss a solution today!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -210,66 +170,66 @@ TODO:
|
|||
<div class="col-md-4">
|
||||
<div class="feature-box media-box">
|
||||
<div class="fbox-icon position-relative mb-4" style="background-image: url('demos/movers/images/featured-img/1.jpg');">
|
||||
<i class="bi-house"></i>
|
||||
<i class="bi-bar-chart-line"></i>
|
||||
</div>
|
||||
<div class="fbox-content">
|
||||
<h3 class="fw-semibold">Office Moving.</h3>
|
||||
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum.</p>
|
||||
<h3 class="fw-semibold">Results Driven</h3>
|
||||
<p class="text-muted">The numbers always tell a story. We want that story to be what you are looking for, so we analyze and adjust programs - finding ways to improve them.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="feature-box media-box">
|
||||
<div class="fbox-icon position-relative mb-4" style="background-image: url('demos/movers/images/featured-img/2.jpg');">
|
||||
<i class="bi-building"></i>
|
||||
<i class="bi-building-check"></i>
|
||||
</div>
|
||||
<div class="fbox-content">
|
||||
<h3 class="fw-semibold">Home Moving.</h3>
|
||||
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum.</p>
|
||||
<h3 class="fw-semibold">Collaboration</h3>
|
||||
<p class="text-muted">The key to effective collaboration is open communication. A constructive dialogue will produce marketing programs that work for you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="feature-box media-box">
|
||||
<div class="fbox-icon position-relative mb-4" style="background-image: url('demos/movers/images/featured-img/3.jpg');">
|
||||
<i class="bi-globe"></i>
|
||||
<i class="bi-hand-thumbs-up"></i>
|
||||
</div>
|
||||
<div class="fbox-content">
|
||||
<h3 class="fw-semibold">International Moving.</h3>
|
||||
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum.</p>
|
||||
<h3 class="fw-semibold">Excellence</h3>
|
||||
<p class="text-muted">Perfection can be limited by its nature, but pursuing excellence is a journey with rewards. With every shop's unique needs, it is always a challenge worth accepting.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="feature-box media-box">
|
||||
<div class="fbox-icon position-relative mb-4">
|
||||
<i class="fa-solid fa-paw"></i>
|
||||
<i class="bi-envelope-check"></i>
|
||||
</div>
|
||||
<div class="fbox-content">
|
||||
<h3 class="fw-semibold">Pet Shifting.</h3>
|
||||
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum.</p>
|
||||
<h3 class="fw-semibold">Adaptability</h3>
|
||||
<p class="text-muted">Word of mouth is still the best form of marketing. It's just not done face-to-face as much. So use the technology and adapt to today's environment. Enhance the customer journey.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="feature-box media-box">
|
||||
<div class="fbox-icon position-relative mb-4" style="background-image: url('demos/movers/images/featured-img/1.jpg');">
|
||||
<i class="bi-car-front"></i>
|
||||
<i class="bi-check2-circle"></i>
|
||||
</div>
|
||||
<div class="fbox-content">
|
||||
<h3 class="fw-semibold">Car Shifting.</h3>
|
||||
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum.</p>
|
||||
<h3 class="fw-semibold">Accuracy</h3>
|
||||
<p class="text-muted">Our models are finely tuned to know what your customers' needs are.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="feature-box media-box">
|
||||
<div class="fbox-icon position-relative mb-4">
|
||||
<i class="bi-truck"></i>
|
||||
<i class="bi-cloud-check"></i>
|
||||
</div>
|
||||
<div class="fbox-content">
|
||||
<h3 class="fw-semibold">Hire Truck.</h3>
|
||||
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum.</p>
|
||||
<h3 class="fw-semibold">Reliability</h3>
|
||||
<p class="text-muted">We are always eager to collaborate with you to provide more value through your marketing channels. Your customer retention and satisfaction is our priority.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -1,10 +1,5 @@
|
|||
@page "/contact"
|
||||
|
||||
<!--
|
||||
TODO:
|
||||
- replace canvas logo with ours
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html dir="ltr" lang="en-US">
|
||||
<head>
|
||||
|
@ -57,8 +52,8 @@ TODO:
|
|||
============================================= -->
|
||||
<div id="logo" class="ms-auto ms-md-0">
|
||||
<a>
|
||||
<img class="logo-default" srcset="images/logo-dark.png, images/logo-dark@2x.png 2x" src="images/logo-dark@2x.png" alt="Canvas Logo">
|
||||
<img class="logo-dark" srcset="images/logo-dark.png, images/logo-dark@2x.png 2x" src="images/logo-dark@2x.png" alt="Canvas Logo">
|
||||
<img class="logo-default" srcset="images/km_logo.png" alt="KeyMotive Logo">
|
||||
<img class="logo-dark" srcset="images/km_logo.png" alt="KeyMotive Logo">
|
||||
</a>
|
||||
</div><!-- #logo end -->
|
||||
|
||||
|
|
|
@ -1,12 +1,5 @@
|
|||
@page "/"
|
||||
|
||||
<!--
|
||||
TODO:
|
||||
- fill out trust section
|
||||
- fill out highlights section (same as About page)
|
||||
- replace canvas logo with ours
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html dir="ltr" lang="en-US">
|
||||
<head>
|
||||
|
@ -59,8 +52,8 @@ TODO:
|
|||
============================================= -->
|
||||
<div id="logo" class="ms-auto ms-md-0">
|
||||
<a>
|
||||
<img class="logo-default" srcset="images/logo-dark.png, images/logo-dark@2x.png 2x" src="images/logo-dark@2x.png" alt="Canvas Logo">
|
||||
<img class="logo-dark" srcset="images/logo-dark.png, images/logo-dark@2x.png 2x" src="images/logo-dark@2x.png" alt="Canvas Logo">
|
||||
<img class="logo-default" srcset="images/km_logo.png" alt="KeyMotive Logo">
|
||||
<img class="logo-dark" srcset="images/km_logo.png" alt="KeyMotive Logo">
|
||||
</a>
|
||||
</div><!-- #logo end -->
|
||||
</div>
|
||||
|
@ -295,31 +288,22 @@ TODO:
|
|||
|
||||
<div class="section p-0 dark mb-0" style="background: linear-gradient(to right, rgba(25,102,221,0.2), rgba(25,102,221,0.5)), url('demos/movers/images/section/backdrop.jpg') no-repeat center center / cover; min-height: 400px">
|
||||
<div class="container">
|
||||
<div class="row justify-content-between mb-4" style="padding: 160px 0 40px;">
|
||||
<div class="row justify-content-between mb-4" style="padding: 260px 0 40px;">
|
||||
<div class="col-lg-5 col-md-6 offset-lg-1 pt-3">
|
||||
<h2 class="display-4 fw-bold text-white mt-6">Why Trust Us?</h2>
|
||||
</div>
|
||||
<div class="col-lg-5 col-md-6 mb-0 mb-md-5">
|
||||
<p class="mb-5">TODO: FILL THIS OUT WITH A LIST OF THINGS WE DO</p>
|
||||
<h3 class="mb-2 text-white">What We Provide:</h3>
|
||||
<div class="d-flex">
|
||||
<ul class="col-6 iconlist">
|
||||
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2">Data-Driven Approach</span></li>
|
||||
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2">Ongoing Support</span></li>
|
||||
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2">Proven Results</span></li>
|
||||
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2"></span></li>
|
||||
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2"></span></li>
|
||||
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2"></span></li>
|
||||
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2"></span></li>
|
||||
</ul>
|
||||
<ul class="col-6 iconlist">
|
||||
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2">15 Years of Experience</span></li>
|
||||
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2">Multi-Channel Marketing</span></li>
|
||||
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2"></span></li>
|
||||
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2"></span></li>
|
||||
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2"></span></li>
|
||||
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2"></span></li>
|
||||
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2"></span></li>
|
||||
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2">Carefully Curated Content</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -330,72 +314,72 @@ TODO:
|
|||
|
||||
<br />
|
||||
<br />
|
||||
<div class="section section-features bg-transparent mt-0 p-0">
|
||||
<div class="section section-features bg-transparent pb-0 mb-4">
|
||||
<div class="container">
|
||||
<div class="row col-mb-50 col-mb-lg-80">
|
||||
<div class="col-md-4">
|
||||
<div class="feature-box media-box">
|
||||
<div class="fbox-icon position-relative mb-4" style="background-image: url('demos/movers/images/featured-img/1.jpg');">
|
||||
<i class="bi-house"></i>
|
||||
<i class="bi-bar-chart-line"></i>
|
||||
</div>
|
||||
<div class="fbox-content">
|
||||
<h3 class="fw-semibold">Office Moving.</h3>
|
||||
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum.</p>
|
||||
<h3 class="fw-semibold">Results Driven</h3>
|
||||
<p class="text-muted">The numbers always tell a story. We want that story to be what you are looking for, so we analyze and adjust programs - finding ways to improve them.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="feature-box media-box">
|
||||
<div class="fbox-icon position-relative mb-4" style="background-image: url('demos/movers/images/featured-img/2.jpg');">
|
||||
<i class="bi-building"></i>
|
||||
<i class="bi-building-check"></i>
|
||||
</div>
|
||||
<div class="fbox-content">
|
||||
<h3 class="fw-semibold">Home Moving.</h3>
|
||||
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum.</p>
|
||||
<h3 class="fw-semibold">Collaboration</h3>
|
||||
<p class="text-muted">The key to effective collaboration is open communication. A constructive dialogue will produce marketing programs that work for you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="feature-box media-box">
|
||||
<div class="fbox-icon position-relative mb-4" style="background-image: url('demos/movers/images/featured-img/3.jpg');">
|
||||
<i class="bi-globe"></i>
|
||||
<i class="bi-hand-thumbs-up"></i>
|
||||
</div>
|
||||
<div class="fbox-content">
|
||||
<h3 class="fw-semibold">International Moving.</h3>
|
||||
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum.</p>
|
||||
<h3 class="fw-semibold">Excellence</h3>
|
||||
<p class="text-muted">Perfection can be limited by its nature, but pursuing excellence is a journey with rewards. With every shop's unique needs, it is always a challenge worth accepting.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="feature-box media-box">
|
||||
<div class="fbox-icon position-relative mb-4">
|
||||
<i class="fa-solid fa-paw"></i>
|
||||
<i class="bi-envelope-check"></i>
|
||||
</div>
|
||||
<div class="fbox-content">
|
||||
<h3 class="fw-semibold">Pet Shifting.</h3>
|
||||
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum.</p>
|
||||
<h3 class="fw-semibold">Adaptability</h3>
|
||||
<p class="text-muted">Word of mouth is still the best form of marketing. It's just not done face-to-face as much. So use the technology and adapt to today's environment. Enhance the customer journey.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="feature-box media-box">
|
||||
<div class="fbox-icon position-relative mb-4" style="background-image: url('demos/movers/images/featured-img/1.jpg');">
|
||||
<i class="bi-car-front"></i>
|
||||
<i class="bi-check2-circle"></i>
|
||||
</div>
|
||||
<div class="fbox-content">
|
||||
<h3 class="fw-semibold">Car Shifting.</h3>
|
||||
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum.</p>
|
||||
<h3 class="fw-semibold">Accuracy</h3>
|
||||
<p class="text-muted">Our models are finely tuned to know what your customers' needs are.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="feature-box media-box">
|
||||
<div class="fbox-icon position-relative mb-4">
|
||||
<i class="bi-truck"></i>
|
||||
<i class="bi-cloud-check"></i>
|
||||
</div>
|
||||
<div class="fbox-content">
|
||||
<h3 class="fw-semibold">Hire Truck.</h3>
|
||||
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum.</p>
|
||||
<h3 class="fw-semibold">Reliability</h3>
|
||||
<p class="text-muted">We are always eager to collaborate with you to provide more value through your marketing channels. Your customer retention and satisfaction is our priority.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -1,10 +1,5 @@
|
|||
@page "/privacy"
|
||||
|
||||
<!--
|
||||
TODO:
|
||||
- replace canvas logo with ours
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html dir="ltr" lang="en-US">
|
||||
<head>
|
||||
|
@ -57,8 +52,8 @@ TODO:
|
|||
============================================= -->
|
||||
<div id="logo" class="ms-auto ms-md-0">
|
||||
<a>
|
||||
<img class="logo-default" srcset="images/logo-dark.png, images/logo-dark@2x.png 2x" src="images/logo-dark@2x.png" alt="Canvas Logo">
|
||||
<img class="logo-dark" srcset="images/logo-dark.png, images/logo-dark@2x.png 2x" src="images/logo-dark@2x.png" alt="Canvas Logo">
|
||||
<img class="logo-default" srcset="images/km_logo.png" alt="KeyMotive Logo">
|
||||
<img class="logo-dark" srcset="images/km_logo.png" alt="KeyMotive Logo">
|
||||
</a>
|
||||
</div><!-- #logo end -->
|
||||
</div>
|
||||
|
|
Before Width: | Height: | Size: 56 KiB |
After Width: | Height: | Size: 162 KiB |
After Width: | Height: | Size: 18 KiB |
After Width: | Height: | Size: 2.8 MiB |
After Width: | Height: | Size: 75 KiB |
Before Width: | Height: | Size: 1021 B After Width: | Height: | Size: 80 KiB |
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 80 KiB |
Before Width: | Height: | Size: 1021 B |