Addition of Contact page and revisions to footer, header, navbar, and misc content
This commit is contained in:
parent
8e243f8c38
commit
e487da73b0
|
|
@ -1,5 +1,17 @@
|
|||
@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>
|
||||
|
||||
|
|
@ -31,7 +43,7 @@
|
|||
|
||||
<!-- Document Title
|
||||
============================================= -->
|
||||
<title>Company - Movers Demo | Canvas</title>
|
||||
<title>About Us</title>
|
||||
|
||||
</head>
|
||||
|
||||
|
|
@ -66,7 +78,7 @@
|
|||
<!-- Header Buttons
|
||||
============================================= -->
|
||||
<div class="header-buttons d-none d-sm-inline-block">
|
||||
<a href="#slider" data-scrollto="#slider" data-offset="-80" class="button button-rounded button-white button-light button-small m-0">Contact Us</a>
|
||||
<a href="contact" data-offset="-80" class="button button-rounded button-white button-light button-small m-0">Contact Us</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -280,7 +292,7 @@
|
|||
<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="demo-movers-contact.html" class="button button-white button-light button-rounded fw-medium m-0">Get In Touch</a>
|
||||
<a href="contact" class="button button-white button-light button-rounded fw-medium m-0">Get In Touch</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -292,117 +304,6 @@
|
|||
============================================= -->
|
||||
<footer id="footer" class="bg-transparent border-0">
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- Footer Widgets
|
||||
============================================= -->
|
||||
<div class="footer-widgets-wrap pb-4">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-2 col-md-2 col-6">
|
||||
<div class="widget">
|
||||
|
||||
<h4 class="ls-0 mb-4 text-transform-none">Features</h4>
|
||||
|
||||
<ul class="list-unstyled iconlist ms-0">
|
||||
<li class="mb-2"><a href="#">Help Center</a></li>
|
||||
<li class="mb-2"><a href="#">Paid with Moblie</a></li>
|
||||
<li class="mb-2"><a href="#">Status</a></li>
|
||||
<li class="mb-2"><a href="#">Changelog</a></li>
|
||||
<li class="mb-2"><a href="#">Contact Support</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-2 col-6">
|
||||
<div class="widget">
|
||||
|
||||
<h4 class="ls-0 mb-4 text-transform-none">Support</h4>
|
||||
|
||||
<ul class="list-unstyled iconlist ms-0">
|
||||
<li class="mb-2"><a href="#">Home</a></li>
|
||||
<li class="mb-2"><a href="demo-movers-company.html">About</a></li>
|
||||
<li class="mb-2"><a href="demo-movers-faqs.html">FAQs</a></li>
|
||||
<li class="mb-2"><a href="#">Support</a></li>
|
||||
<li class="mb-2"><a href="demo-movers-contact.html">Contact</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-2 col-6">
|
||||
<div class="widget">
|
||||
|
||||
<h4 class="ls-0 mb-4 text-transform-none">Trending</h4>
|
||||
|
||||
<ul class="list-unstyled iconlist ms-0">
|
||||
<li class="mb-2"><a href="#">Shop</a></li>
|
||||
<li class="mb-2"><a href="#">Portfolio</a></li>
|
||||
<li class="mb-2"><a href="#">Blog</a></li>
|
||||
<li class="mb-2"><a href="#">Events</a></li>
|
||||
<li class="mb-2"><a href="#">Forums</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-2 col-6">
|
||||
<div class="widget">
|
||||
|
||||
<h4 class="ls-0 mb-4 text-transform-none">Get to Know us</h4>
|
||||
|
||||
<ul class="list-unstyled iconlist ms-0">
|
||||
<li class="mb-2"><a href="#">Corporate</a></li>
|
||||
<li class="mb-2"><a href="#">Agency</a></li>
|
||||
<li class="mb-2"><a href="#">eCommerce</a></li>
|
||||
<li class="mb-2"><a href="#">Personal</a></li>
|
||||
<li class="mb-2"><a href="#">OnePage</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-4 text-md-end">
|
||||
<div class="widget">
|
||||
|
||||
<h4 class="ls-0 mb-4 text-transform-none">Headquarters:</h4>
|
||||
|
||||
<div>
|
||||
<address>
|
||||
795 Folsom Ave, Suite 600<br>
|
||||
San Francisco, CA 94107<br>
|
||||
</address>
|
||||
<h3 class="mb-3"><a href="tel:+111-22-33-44"><i class="fa-solid fa-phone me-1" style="font-size: 22px;"></i> +111 22-33-44</a></h3>
|
||||
<div class="d-flex justify-content-md-end">
|
||||
<a href="#" class="social-icon si-small text-white bg-facebook" title="Facebook">
|
||||
<i class="fa-brands fa-facebook-f"></i>
|
||||
<i class="fa-brands fa-facebook-f"></i>
|
||||
</a>
|
||||
|
||||
<a href="#" class="social-icon si-small text-white bg-instagram" title="instagram">
|
||||
<i class="bi-instagram"></i>
|
||||
<i class="bi-instagram"></i>
|
||||
</a>
|
||||
|
||||
<a href="#" class="social-icon si-small text-white bg-paypal" title="Paypal">
|
||||
<i class="fa-brands fa-paypal"></i>
|
||||
<i class="fa-brands fa-paypal"></i>
|
||||
</a>
|
||||
|
||||
<a href="#" class="social-icon si-small text-white bg-wikipedia me-0" title="Apple Pay">
|
||||
<i class="fa-brands fa-apple-pay"></i>
|
||||
<i class="fa-brands fa-apple-pay"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div><!-- .footer-widgets-wrap end -->
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Copyrights
|
||||
============================================= -->
|
||||
<div id="copyrights" class="bg-transparent">
|
||||
|
|
@ -411,13 +312,7 @@
|
|||
|
||||
<div class="row justify-content-between align-items-center">
|
||||
<div class="col-md-6 text-black-50">
|
||||
Copyrights © 2023 All Rights Reserved by Canvas Inc.
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 d-md-flex flex-md-column align-items-md-end mt-4 mt-md-0">
|
||||
<div class="copyrights-menu copyright-links text-black-50">
|
||||
<a href="demo-movers-company.html">About</a>/<a href="demo-movers-rates.html">Rates</a>/<a href="demo-movers-faqs.html">FAQs</a>/<a href="demo-movers-contact.html">Contact</a>
|
||||
</div>
|
||||
Copyrights © 2024 All Rights Reserved by KeyMotive LLC.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,253 @@
|
|||
@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>
|
||||
|
|
@ -3,10 +3,8 @@
|
|||
<!--
|
||||
TODO:
|
||||
- fill out trust section
|
||||
- fill out highlights section
|
||||
- polish footer
|
||||
- fill out highlights section (same as About page)
|
||||
- replace canvas logo with ours
|
||||
- replace Get In Touch link with contact page when done
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
|
|
@ -77,7 +75,7 @@ TODO:
|
|||
<!-- Header Buttons
|
||||
============================================= -->
|
||||
<div class="header-buttons d-none d-sm-inline-block">
|
||||
<a href="#slider" data-scrollto="#slider" data-offset="-80" class="button button-rounded button-white button-light button-small m-0">Contact Us</a>
|
||||
<a href="contact" data-offset="-80" class="button button-rounded button-white button-light button-small m-0">Contact Us</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -295,9 +293,9 @@ TODO:
|
|||
|
||||
<div class="clear"></div>
|
||||
|
||||
<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/bg.jpg') no-repeat center center / cover; min-height: 400px">
|
||||
<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 90px;">
|
||||
<div class="row justify-content-between mb-4" style="padding: 160px 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>
|
||||
|
|
@ -330,6 +328,8 @@ TODO:
|
|||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
<div class="section section-features bg-transparent mt-0 p-0">
|
||||
<div class="container">
|
||||
<div class="row col-mb-50 col-mb-lg-80">
|
||||
|
|
@ -421,7 +421,7 @@ TODO:
|
|||
<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="demo-movers-contact.html" class="button button-white button-light button-rounded fw-medium m-0">Get In Touch</a>
|
||||
<a href="contact" class="button button-white button-light button-rounded fw-medium m-0">Get In Touch</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -434,82 +434,6 @@ TODO:
|
|||
============================================= -->
|
||||
<footer id="footer" class="bg-transparent border-0">
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- Footer Widgets
|
||||
============================================= -->
|
||||
<div class="footer-widgets-wrap pb-4">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-2 col-md-2 col-6">
|
||||
<div class="widget">
|
||||
|
||||
<h4 class="ls-0 mb-4 text-transform-none">Features</h4>
|
||||
|
||||
<ul class="list-unstyled iconlist ms-0">
|
||||
<li class="mb-2"><a href="#">Help Center</a></li>
|
||||
<li class="mb-2"><a href="#">Paid with Moblie</a></li>
|
||||
<li class="mb-2"><a href="#">Status</a></li>
|
||||
<li class="mb-2"><a href="#">Changelog</a></li>
|
||||
<li class="mb-2"><a href="#">Contact Support</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-2 col-6">
|
||||
<div class="widget">
|
||||
|
||||
<h4 class="ls-0 mb-4 text-transform-none">Support</h4>
|
||||
|
||||
<ul class="list-unstyled iconlist ms-0">
|
||||
<li class="mb-2"><a href="#">Home</a></li>
|
||||
<li class="mb-2"><a href="demo-movers-company.html">About</a></li>
|
||||
<li class="mb-2"><a href="demo-movers-faqs.html">FAQs</a></li>
|
||||
<li class="mb-2"><a href="#">Support</a></li>
|
||||
<li class="mb-2"><a href="demo-movers-contact.html">Contact</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-2 col-6">
|
||||
<div class="widget">
|
||||
|
||||
<h4 class="ls-0 mb-4 text-transform-none">Trending</h4>
|
||||
|
||||
<ul class="list-unstyled iconlist ms-0">
|
||||
<li class="mb-2"><a href="#">Shop</a></li>
|
||||
<li class="mb-2"><a href="#">Portfolio</a></li>
|
||||
<li class="mb-2"><a href="#">Blog</a></li>
|
||||
<li class="mb-2"><a href="#">Events</a></li>
|
||||
<li class="mb-2"><a href="#">Forums</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-2 col-6">
|
||||
<!-- empty div to maintain spacing of hq -->
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-4 text-md-end">
|
||||
<div class="widget">
|
||||
<h4 class="ls-0 mb-4 text-transform-none">Headquarters:</h4>
|
||||
<div>
|
||||
<address>
|
||||
40503 Koppernick Rd<br>
|
||||
Canton, MI 48187<br>
|
||||
</address>
|
||||
<h3 class="mb-3"><a href="tel:+1734-217-4940"><i class="fa-solid fa-phone me-1" style="font-size: 22px;"></i> (734)-217-4940</a></h3>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div><!-- .footer-widgets-wrap end -->
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Copyrights
|
||||
============================================= -->
|
||||
<div id="copyrights" class="bg-transparent">
|
||||
|
|
@ -520,12 +444,6 @@ TODO:
|
|||
<div class="col-md-6 text-black-50">
|
||||
Copyrights © 2024 All Rights Reserved by KeyMotive LLC.
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 d-md-flex flex-md-column align-items-md-end mt-4 mt-md-0">
|
||||
<div class="copyrights-menu copyright-links text-black-50">
|
||||
<a href="demo-movers-company.html">About</a>/<a href="demo-movers-rates.html">Rates</a>/<a href="demo-movers-faqs.html">FAQs</a>/<a href="demo-movers-contact.html">Contact</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,9 +2,7 @@
|
|||
|
||||
<!--
|
||||
TODO:
|
||||
- polish footer
|
||||
- replace canvas logo with ours
|
||||
- replace Get In Touch link with contact page when done
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
|
|
@ -75,7 +73,7 @@ TODO:
|
|||
<!-- Header Buttons
|
||||
============================================= -->
|
||||
<div class="header-buttons d-none d-sm-inline-block">
|
||||
<a href="#slider" data-scrollto="#slider" data-offset="-80" class="button button-rounded button-white button-light button-small m-0">Contact Us</a>
|
||||
<a href="contact" data-offset="-80" class="button button-rounded button-white button-light button-small m-0">Contact Us</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -91,7 +89,7 @@ TODO:
|
|||
<nav class="primary-menu with-arrows">
|
||||
|
||||
<ul class="menu-container">
|
||||
<li class="menu-item"><a class="menu-link"><div>Home</div></a></li>
|
||||
<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 current"><a class="menu-link" href="privacy"><div>Privacy</div></a></li>
|
||||
</ul>
|
||||
|
|
@ -280,7 +278,7 @@ TODO:
|
|||
<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="demo-movers-contact.html" class="button button-white button-light button-rounded fw-medium m-0">Get In Touch</a>
|
||||
<a href="contact" class="button button-white button-light button-rounded fw-medium m-0">Get In Touch</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -292,117 +290,6 @@ TODO:
|
|||
============================================= -->
|
||||
<footer id="footer" class="bg-transparent border-0">
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- Footer Widgets
|
||||
============================================= -->
|
||||
<div class="footer-widgets-wrap pb-4">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-2 col-md-2 col-6">
|
||||
<div class="widget">
|
||||
|
||||
<h4 class="ls-0 mb-4 text-transform-none">Features</h4>
|
||||
|
||||
<ul class="list-unstyled iconlist ms-0">
|
||||
<li class="mb-2"><a href="#">Help Center</a></li>
|
||||
<li class="mb-2"><a href="#">Paid with Moblie</a></li>
|
||||
<li class="mb-2"><a href="#">Status</a></li>
|
||||
<li class="mb-2"><a href="#">Changelog</a></li>
|
||||
<li class="mb-2"><a href="#">Contact Support</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-2 col-6">
|
||||
<div class="widget">
|
||||
|
||||
<h4 class="ls-0 mb-4 text-transform-none">Support</h4>
|
||||
|
||||
<ul class="list-unstyled iconlist ms-0">
|
||||
<li class="mb-2"><a href="#">Home</a></li>
|
||||
<li class="mb-2"><a href="demo-movers-company.html">About</a></li>
|
||||
<li class="mb-2"><a href="demo-movers-faqs.html">FAQs</a></li>
|
||||
<li class="mb-2"><a href="#">Support</a></li>
|
||||
<li class="mb-2"><a href="demo-movers-contact.html">Contact</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-2 col-6">
|
||||
<div class="widget">
|
||||
|
||||
<h4 class="ls-0 mb-4 text-transform-none">Trending</h4>
|
||||
|
||||
<ul class="list-unstyled iconlist ms-0">
|
||||
<li class="mb-2"><a href="#">Shop</a></li>
|
||||
<li class="mb-2"><a href="#">Portfolio</a></li>
|
||||
<li class="mb-2"><a href="#">Blog</a></li>
|
||||
<li class="mb-2"><a href="#">Events</a></li>
|
||||
<li class="mb-2"><a href="#">Forums</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-2 col-6">
|
||||
<div class="widget">
|
||||
|
||||
<h4 class="ls-0 mb-4 text-transform-none">Get to Know us</h4>
|
||||
|
||||
<ul class="list-unstyled iconlist ms-0">
|
||||
<li class="mb-2"><a href="#">Corporate</a></li>
|
||||
<li class="mb-2"><a href="#">Agency</a></li>
|
||||
<li class="mb-2"><a href="#">eCommerce</a></li>
|
||||
<li class="mb-2"><a href="#">Personal</a></li>
|
||||
<li class="mb-2"><a href="#">OnePage</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-4 text-md-end">
|
||||
<div class="widget">
|
||||
|
||||
<h4 class="ls-0 mb-4 text-transform-none">Headquarters:</h4>
|
||||
|
||||
<div>
|
||||
<address>
|
||||
795 Folsom Ave, Suite 600<br>
|
||||
San Francisco, CA 94107<br>
|
||||
</address>
|
||||
<h3 class="mb-3"><a href="tel:+111-22-33-44"><i class="fa-solid fa-phone me-1" style="font-size: 22px;"></i> +111 22-33-44</a></h3>
|
||||
<div class="d-flex justify-content-md-end">
|
||||
<a href="#" class="social-icon si-small text-white bg-facebook" title="Facebook">
|
||||
<i class="fa-brands fa-facebook-f"></i>
|
||||
<i class="fa-brands fa-facebook-f"></i>
|
||||
</a>
|
||||
|
||||
<a href="#" class="social-icon si-small text-white bg-instagram" title="instagram">
|
||||
<i class="bi-instagram"></i>
|
||||
<i class="bi-instagram"></i>
|
||||
</a>
|
||||
|
||||
<a href="#" class="social-icon si-small text-white bg-paypal" title="Paypal">
|
||||
<i class="fa-brands fa-paypal"></i>
|
||||
<i class="fa-brands fa-paypal"></i>
|
||||
</a>
|
||||
|
||||
<a href="#" class="social-icon si-small text-white bg-wikipedi me-0" title="Apple Pay">
|
||||
<i class="fa-brands fa-apple-pay"></i>
|
||||
<i class="fa-brands fa-apple-pay"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div><!-- .footer-widgets-wrap end -->
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Copyrights
|
||||
============================================= -->
|
||||
<div id="copyrights" class="bg-transparent">
|
||||
|
|
@ -411,13 +298,7 @@ TODO:
|
|||
|
||||
<div class="row justify-content-between align-items-center">
|
||||
<div class="col-md-6 text-black-50">
|
||||
Copyrights © 2023 All Rights Reserved by Canvas Inc.
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 d-md-flex flex-md-column align-items-md-end mt-4 mt-md-0">
|
||||
<div class="copyrights-menu copyright-links text-black-50">
|
||||
<a href="demo-movers-company.html">About</a>/<a href="demo-movers-rates.html">Rates</a>/<a href="demo-movers-faqs.html">FAQs</a>/<a href="demo-movers-contact.html">Contact</a>
|
||||
</div>
|
||||
Copyrights © 2024 All Rights Reserved by KeyMotive LLC.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 865 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 MiB |
Loading…
Reference in New Issue