joshdeck
/
KeymailSpecials2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Addition of Contact page and revisions to footer, header, navbar, and misc content

This commit is contained in:
Josh Deck 2024-02-21 13:55:50 -05:00
parent 8e243f8c38
commit e487da73b0
6 changed files with 280 additions and 333 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

137
Components/Pages/About.razor
View File

@ -1,5 +1,17 @@
@page "/about" @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> <head>
@ -31,7 +43,7 @@
<!-- Document Title <!-- Document Title
============================================= --> ============================================= -->
<title>Company - Movers Demo | Canvas</title> <title>About Us</title>
</head> </head>
@ -66,7 +78,7 @@
<!-- Header Buttons <!-- Header Buttons
============================================= --> ============================================= -->
<div class="header-buttons d-none d-sm-inline-block"> <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>
</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> <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> <p></p>
</div> </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>
</div> </div>
@ -292,117 +304,6 @@
============================================= --> ============================================= -->
<footer id="footer" class="bg-transparent border-0"> <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 <!-- Copyrights
============================================= --> ============================================= -->
<div id="copyrights" class="bg-transparent"> <div id="copyrights" class="bg-transparent">
@ -411,13 +312,7 @@
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-md-6 text-black-50"> <div class="col-md-6 text-black-50">
Copyrights &copy; 2023 All Rights Reserved by Canvas Inc. Copyrights &copy; 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> </div>

253
Components/Pages/Contact.razor Normal file
View File

@ -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 &amp; Shipping Websites with Canvas Template. Get Canvas to build powerful websites easily with the Highly Customizable &amp; 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 &copy; 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>

96
Components/Pages/Index.razor
View File

@ -3,10 +3,8 @@
<!-- <!--
TODO: TODO:
- fill out trust section - fill out trust section
- fill out highlights section - fill out highlights section (same as About page)
- polish footer
- replace canvas logo with ours - replace canvas logo with ours
- replace Get In Touch link with contact page when done
--> -->
<!DOCTYPE html> <!DOCTYPE html>
@ -77,7 +75,7 @@ TODO:
<!-- Header Buttons <!-- Header Buttons
============================================= --> ============================================= -->
<div class="header-buttons d-none d-sm-inline-block"> <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>
</div> </div>
@ -295,9 +293,9 @@ TODO:
<div class="clear"></div> <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="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"> <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> <h2 class="display-4 fw-bold text-white mt-6">Why Trust Us?</h2>
</div> </div>
@ -330,6 +328,8 @@ TODO:
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<br />
<br />
<div class="section section-features bg-transparent mt-0 p-0"> <div class="section section-features bg-transparent mt-0 p-0">
<div class="container"> <div class="container">
<div class="row col-mb-50 col-mb-lg-80"> <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> <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> <p></p>
</div> </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>
</div> </div>
@ -434,82 +434,6 @@ TODO:
============================================= --> ============================================= -->
<footer id="footer" class="bg-transparent border-0"> <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 <!-- Copyrights
============================================= --> ============================================= -->
<div id="copyrights" class="bg-transparent"> <div id="copyrights" class="bg-transparent">
@ -520,12 +444,6 @@ TODO:
<div class="col-md-6 text-black-50"> <div class="col-md-6 text-black-50">
Copyrights &copy; 2024 All Rights Reserved by KeyMotive LLC. Copyrights &copy; 2024 All Rights Reserved by KeyMotive LLC.
</div> </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>
</div> </div>

127
Components/Pages/Privacy.razor
View File

@ -2,9 +2,7 @@
<!-- <!--
TODO: TODO:
- polish footer
- replace canvas logo with ours - replace canvas logo with ours
- replace Get In Touch link with contact page when done
--> -->
<!DOCTYPE html> <!DOCTYPE html>
@ -75,7 +73,7 @@ TODO:
<!-- Header Buttons <!-- Header Buttons
============================================= --> ============================================= -->
<div class="header-buttons d-none d-sm-inline-block"> <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>
</div> </div>
@ -91,7 +89,7 @@ TODO:
<nav class="primary-menu with-arrows"> <nav class="primary-menu with-arrows">
<ul class="menu-container"> <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"><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> <li class="menu-item current"><a class="menu-link" href="privacy"><div>Privacy</div></a></li>
</ul> </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> <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> <p></p>
</div> </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>
</div> </div>
@ -292,117 +290,6 @@ TODO:
============================================= --> ============================================= -->
<footer id="footer" class="bg-transparent border-0"> <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 <!-- Copyrights
============================================= --> ============================================= -->
<div id="copyrights" class="bg-transparent"> <div id="copyrights" class="bg-transparent">
@ -411,13 +298,7 @@ TODO:
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-md-6 text-black-50"> <div class="col-md-6 text-black-50">
Copyrights &copy; 2023 All Rights Reserved by Canvas Inc. Copyrights &copy; 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> </div>

BIN
wwwroot/demos/movers/images/section/backdrop.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 865 KiB

BIN
wwwroot/demos/movers/images/section/bg.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.8 MiB