253 lines
8.7 KiB
Plaintext
253 lines
8.7 KiB
Plaintext
@page "/contact"
|
|
|
|
<!--
|
|
TODO:
|
|
- replace canvas logo with ours
|
|
-->
|
|
|
|
<!DOCTYPE html>
|
|
<html dir="ltr" lang="en-US">
|
|
<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">
|
|
<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>Contact 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/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">
|
|
</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">
|
|
|
|
<ul class="menu-container">
|
|
<li class="menu-item"><a class="menu-link" href=""><div>Home</div></a></li>
|
|
<li class="menu-item"><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 -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="header-wrap-clone"></div>
|
|
</header><!-- #header end -->
|
|
<!-- Page Title
|
|
============================================= -->
|
|
<section class="page-title bg-color dark py-6">
|
|
<div class="container">
|
|
<div class="page-title-row">
|
|
|
|
<div class="page-title-content">
|
|
<h1>Contact Us</h1>
|
|
<span>Get In Touch</span>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section><!-- .page-title end -->
|
|
<!-- Content
|
|
============================================= -->
|
|
<section id="content">
|
|
|
|
<div class="content-wrap pb-0">
|
|
|
|
<div class="container mb-5">
|
|
<div class="row justify-content-between">
|
|
<div class="col-lg-4 mb-5 mb-lg-0">
|
|
<h3>Send us an Email</h3>
|
|
|
|
<div class="form-widget">
|
|
|
|
<div class="form-result"></div>
|
|
|
|
<form class="mb-0" id="template-contactform" name="template-contactform" action="include/form.php" method="post">
|
|
|
|
<div class="form-process">
|
|
<div class="css3-spinner">
|
|
<div class="css3-spinner-scaler"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-12 form-group">
|
|
<label for="template-contactform-name">Name <small>*</small></label>
|
|
<input type="text" id="template-contactform-name" name="template-contactform-name" value="" class="form-control required">
|
|
</div>
|
|
|
|
<div class="col-12 form-group">
|
|
<label for="template-contactform-email">Email <small>*</small></label>
|
|
<input type="email" id="template-contactform-email" name="template-contactform-email" value="" class="required email form-control">
|
|
</div>
|
|
|
|
<div class="col-12 form-group">
|
|
<label for="template-contactform-phone">Phone</label>
|
|
<input type="text" id="template-contactform-phone" name="template-contactform-phone" value="" class="form-control">
|
|
</div>
|
|
|
|
<div class="col-12 form-group">
|
|
<label for="template-contactform-service">Services</label>
|
|
<select id="template-contactform-service" name="template-contactform-service" class="form-select">
|
|
<option value="">-- Select One --</option>
|
|
<option value="Sales">Sales</option>
|
|
<option value="Billing">Billing</option>
|
|
<option value="Support">Support</option>
|
|
<option value="Would Like More Info">Would Like More Info</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="col-12 form-group">
|
|
<label for="template-contactform-message">Message <small>*</small></label>
|
|
<textarea class="required form-control" id="template-contactform-message" name="template-contactform-message" rows="6" cols="30"></textarea>
|
|
</div>
|
|
|
|
<div class="col-12 form-group d-none">
|
|
<input type="text" id="template-contactform-botcheck" name="template-contactform-botcheck" value="" class="form-control">
|
|
</div>
|
|
|
|
<div class="col-12 form-group">
|
|
<button class="button button-rounded m-0 w-100 button-large" type="submit" id="template-contactform-submit" name="template-contactform-submit" value="submit">Send Message</button>
|
|
</div>
|
|
</div>
|
|
|
|
<input type="hidden" name="prefix" value="template-contactform-">
|
|
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-7">
|
|
<h3>Contact Us</h3>
|
|
<div class="row">
|
|
<div class="col-md-4 col-6 text-smaller">
|
|
<h5 class="fw-semibold mb-2">KeyMail Specials</h5>
|
|
<address class="mb-2">
|
|
c/o KeyMotive LLC<br>
|
|
40503 Koppernick Rd, Canton MI 48187<br>
|
|
</address>
|
|
Phone: <a href="#" class="text-dark">(734) 217-4940</a><br>
|
|
</div>
|
|
</div>
|
|
<div class="line my-5"></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">
|
|
</div>
|
|
</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>
|
|
</html> |