290 lines
12 KiB
Plaintext
290 lines
12 KiB
Plaintext
@page "/about"
|
|
|
|
<head>
|
|
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
|
<meta http-equiv="x-ua-compatible" content="IE=edge">
|
|
|
|
<!-- Font Imports -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
|
|
<!-- Core Style -->
|
|
<link rel="stylesheet" href="style.css">
|
|
|
|
<!-- Font Icons -->
|
|
<link rel="stylesheet" href="css/font-icons.css">
|
|
|
|
<!-- Plugins/Components CSS -->
|
|
<link rel="stylesheet" href="css/components/datepicker.css">
|
|
|
|
<!-- Niche Demos -->
|
|
<link rel="stylesheet" href="demos/movers/movers.css">
|
|
|
|
<!-- Custom CSS -->
|
|
<link rel="stylesheet" href="css/custom.css">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<!-- Document Title
|
|
============================================= -->
|
|
<title>About Us</title>
|
|
|
|
</head>
|
|
|
|
<body class="stretched is-expanded-menu">
|
|
|
|
<!-- Document Wrapper
|
|
============================================= -->
|
|
<div id="wrapper">
|
|
|
|
<!-- Header
|
|
============================================= -->
|
|
<header id="header" class="dark header-size-sm" data-sticky-shrink="false">
|
|
<div class="container">
|
|
<div class="header-row">
|
|
|
|
<!-- Logo
|
|
============================================= -->
|
|
<div id="logo" class="ms-auto ms-md-0">
|
|
<a>
|
|
<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>
|
|
</div>
|
|
|
|
<div id="header-wrap">
|
|
<div class="container">
|
|
<div class="header-row justify-content-between flex-row-reverse flex-lg-row">
|
|
|
|
<div class="header-misc">
|
|
<!-- Header Buttons
|
|
============================================= -->
|
|
<div class="header-buttons d-none d-sm-inline-block">
|
|
<a href="contact" data-offset="-80" class="button button-rounded button-white button-light button-small m-0">Contact Us</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="primary-menu-trigger">
|
|
<button class="cnvs-hamburger" type="button" title="Open Mobile Menu">
|
|
<span class="cnvs-hamburger-box"><span class="cnvs-hamburger-inner"></span></span>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Primary Navigation
|
|
============================================= -->
|
|
<nav class="primary-menu with-arrows navbar-expand">
|
|
|
|
<ul class="menu-container">
|
|
<li class="menu-item"><a class="menu-link" href=""><div>Home</div></a></li>
|
|
<li class="menu-item current"><a class="menu-link" href="about"><div>About Us</div></a></li>
|
|
<li class="menu-item"><a class="menu-link" href="privacy"><div>Privacy</div></a></li>
|
|
</ul>
|
|
|
|
</nav><!-- #primary-menu end -->
|
|
|
|
<form class="top-search-form" action="search.html" method="get">
|
|
<input type="text" name="q" class="form-control" value="" placeholder="Type & Hit Enter.." autocomplete="off">
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="header-wrap-clone"></div>
|
|
</header><!-- #header end -->
|
|
|
|
<!-- Content
|
|
============================================= -->
|
|
<section id="content">
|
|
|
|
<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/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">
|
|
<h3 class="display-4 fw-semibold mb-4">Striving for Growth</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section-map mb-6 mt-6">
|
|
<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="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="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="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>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
|
|
<div class="py-6 mt-5 dark" style="background-color: #061a35;">
|
|
<div class="container mb-5">
|
|
<div class="row justify-content-between">
|
|
<div class="col-md-5">
|
|
<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">
|
|
<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>
|
|
</div>
|
|
|
|
<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-bar-chart-line"></i>
|
|
</div>
|
|
<div class="fbox-content">
|
|
<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-check"></i>
|
|
</div>
|
|
<div class="fbox-content">
|
|
<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-hand-thumbs-up"></i>
|
|
</div>
|
|
<div class="fbox-content">
|
|
<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="bi-envelope-check"></i>
|
|
</div>
|
|
<div class="fbox-content">
|
|
<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-check2-circle"></i>
|
|
</div>
|
|
<div class="fbox-content">
|
|
<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-cloud-check"></i>
|
|
</div>
|
|
<div class="fbox-content">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
|
|
<div class="section dark pt-0 mb-0 bg-color" style="background: url('demos/movers/images/bg-2.png') no-repeat center bottom / 100%; overflow: visible">
|
|
<svg viewBox="0 0 1960 206.8" class="bg-white">
|
|
<path class="svg-themecolor" style="opacity:0.2;" d="M0,142.8A2337.49,2337.49,0,0,1,297.5,56.3C569.33-3.53,783.89.22,849.5,2.3c215.78,6.86,382.12,45.39,503.25,73.45,158.87,36.8,283.09,79.13,458.75,54.55A816.49,816.49,0,0,0,1983,86.8v110H0Z"></path>
|
|
<path class="svg-themecolor" d="M.5,152.8s498-177,849-150,1031,238,1134,94v110H.5Z"></path>
|
|
</svg>
|
|
<div class="container">
|
|
<div class="row align-items-center justify-content-center text-center my-4">
|
|
|
|
<div class="col-sm-8">
|
|
<div class="heading-block border-bottom-0 mb-4">
|
|
<h2 class="fw-semibold ls-0 text-transform-none mb-3" style="font-size: 44px; line-height: 1.3">Contact Our Marketing Professionals</h2>
|
|
<p></p>
|
|
</div>
|
|
<a href="contact" class="button button-white button-light button-rounded fw-medium m-0">Get In Touch</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section><!-- #content end -->
|
|
<!-- Footer
|
|
============================================= -->
|
|
<footer id="footer" class="bg-transparent border-0">
|
|
|
|
<!-- Copyrights
|
|
============================================= -->
|
|
<div id="copyrights" class="bg-transparent">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row justify-content-between align-items-center">
|
|
<div class="col-md-6 text-black-50">
|
|
Copyrights © 2024 All Rights Reserved by KeyMotive LLC.
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div><!-- #copyrights end -->
|
|
|
|
</footer><!-- #footer end -->
|
|
|
|
</div><!-- #wrapper end -->
|
|
<!-- Go To Top
|
|
============================================= -->
|
|
<div id="gotoTop" class="uil uil-angle-up"></div>
|
|
|
|
</body> |