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

Adjustments to index and addition of About page

This commit is contained in:
Josh Deck 2024-02-20 08:04:00 -05:00
parent e681aa6c38
commit 10a2ef602d
20 changed files with 597 additions and 658 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
Components/Layout/MainLayout.razor
View File

@ -1,23 +0,0 @@
@inherits LayoutComponentBase
<div class="page">
<div class="sidebar">
<NavMenu />
</div>
<main>
<div class="top-row px-4">
<a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
</div>
<article class="content px-4">
@Body
</article>
</main>
</div>
<div id="blazor-error-ui">
An unhandled error has occurred.
<a href="" class="reload">Reload</a>
<a class="dismiss">🗙</a>
</div>

96
Components/Layout/MainLayout.razor.css
View File

@ -1,96 +0,0 @@
.page {
position: relative;
display: flex;
flex-direction: column;
}
main {
flex: 1;
}
.sidebar {
background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}
.top-row {
background-color: #f7f7f7;
border-bottom: 1px solid #d6d5d5;
justify-content: flex-end;
height: 3.5rem;
display: flex;
align-items: center;
}
.top-row ::deep a, .top-row ::deep .btn-link {
white-space: nowrap;
margin-left: 1.5rem;
text-decoration: none;
}
.top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
text-decoration: underline;
}
.top-row ::deep a:first-child {
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 640.98px) {
.top-row {
justify-content: space-between;
}
.top-row ::deep a, .top-row ::deep .btn-link {
margin-left: 0;
}
}
@media (min-width: 641px) {
.page {
flex-direction: row;
}
.sidebar {
width: 250px;
height: 100vh;
position: sticky;
top: 0;
}
.top-row {
position: sticky;
top: 0;
z-index: 1;
}
.top-row.auth ::deep a:first-child {
flex: 1;
text-align: right;
width: 0;
}
.top-row, article {
padding-left: 2rem !important;
padding-right: 1.5rem !important;
}
}
#blazor-error-ui {
background: lightyellow;
bottom: 0;
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
display: none;
left: 0;
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
position: fixed;
width: 100%;
z-index: 1000;
}
#blazor-error-ui .dismiss {
cursor: pointer;
position: absolute;
right: 0.75rem;
top: 0.5rem;
}

36
Components/Layout/NavMenu.razor
View File

@ -1,36 +0,0 @@
<div class="top-row ps-3 navbar navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="">KeymailSpecials2</a>
</div>
</div>
<input type="checkbox" title="Navigation menu" class="navbar-toggler" />
<div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler').click()">
<nav class="flex-column">
<div class="nav-item px-3">
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
<span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> Home
</NavLink>
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="counter">
<span class="bi bi-plus-square-fill-nav-menu" aria-hidden="true"></span> Counter
</NavLink>
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="weather">
<span class="bi bi-list-nested-nav-menu" aria-hidden="true"></span> Weather
</NavLink>
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="movers">
<span class="bi bi-list-nested-nav-menu" aria-hidden="true"></span> Movers
</NavLink>
</div>
</nav>
</div>

105
Components/Layout/NavMenu.razor.css
View File

@ -1,105 +0,0 @@
.navbar-toggler {
appearance: none;
cursor: pointer;
width: 3.5rem;
height: 2.5rem;
color: white;
position: absolute;
top: 0.5rem;
right: 1rem;
border: 1px solid rgba(255, 255, 255, 0.1);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}
.navbar-toggler:checked {
background-color: rgba(255, 255, 255, 0.5);
}
.top-row {
height: 3.5rem;
background-color: rgba(0,0,0,0.4);
}
.navbar-brand {
font-size: 1.1rem;
}
.bi {
display: inline-block;
position: relative;
width: 1.25rem;
height: 1.25rem;
margin-right: 0.75rem;
top: -1px;
background-size: cover;
}
.bi-house-door-fill-nav-menu {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}
.bi-plus-square-fill-nav-menu {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}
.bi-list-nested-nav-menu {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}
.nav-item {
font-size: 0.9rem;
padding-bottom: 0.5rem;
}
.nav-item:first-of-type {
padding-top: 1rem;
}
.nav-item:last-of-type {
padding-bottom: 1rem;
}
.nav-item ::deep .nav-link {
color: #d7d7d7;
background: none;
border: none;
border-radius: 4px;
height: 3rem;
display: flex;
align-items: center;
line-height: 3rem;
width: 100%;
}
.nav-item ::deep a.active {
background-color: rgba(255,255,255,0.37);
color: white;
}
.nav-item ::deep .nav-link:hover {
background-color: rgba(255,255,255,0.1);
color: white;
}
.nav-scrollable {
display: none;
}
.navbar-toggler:checked ~ .nav-scrollable {
display: block;
}
@media (min-width: 641px) {
.navbar-toggler {
display: none;
}
.nav-scrollable {
/* Never collapse the sidebar for wide screens */
display: block;
/* Allow sidebar to scroll for tall menus */
height: calc(100vh - 3.5rem);
overflow-y: auto;
}
}

506
Components/Pages/About.razor Normal file
View File

@ -0,0 +1,506 @@
@page "/about"
@layout KeymailSpecials2.Components.Layout.NoNav
<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>Company - Movers Demo | Canvas</title>
</head>
<body class="stretched">
<!-- 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 href="">
<img class="logo-default" srcset="images/logo.png, images/logo@2x.png 2x" src="images/logo@2x.png" alt="Canvas Logo">
</a>
</div><!-- #logo end -->
<ul class="header-extras d-none d-sm-flex mx-auto mx-md-0 mb-4 mb-md-0">
<li>
<i class="i-plain bi-telephone m-0"></i>
<div class="he-text fw-normal text-white-50">
Call Us:
<span><a href="tel:+111-22-33-44" class="text-white fw-medium">+111 22-33-44</a></span>
</div>
</li>
<li>
<i class="i-plain bi-envelope m-0"></i>
<div class="he-text fw-normal text-white-50">
Email Us:
<span><a href="mailto:info@canvas.com" target="_top" class="text-white fw-medium">info@canvas.com</a></span>
</div>
</li>
</ul>
</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">
<!-- Top Search
============================================= -->
<div id="top-search" class="header-misc-icon">
<a href="#" id="top-search-trigger"><i class="uil uil-search"></i><i class="bi-x-lg"></i></a>
</div><!-- #top-search end -->
<!-- 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">Get a Quote</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="demo-movers.html"><div>Home</div></a></li>
<li class="menu-item current"><a class="menu-link" href="demo-movers-company.html"><div>Our Company</div></a></li>
<li class="menu-item">
<a class="menu-link" href="demo-movers-rates.html"><div>Rates</div></a>
<ul class="sub-menu-container" data-class="up-lg:not-dark">
<li class="menu-item"><a class="menu-link" href="demo-movers-rates.html"><div><i class="bi-house"></i>Home Moving</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-movers-rates.html"><div><i class="bi-building"></i>Office Moving</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-movers-rates.html"><div><i class="bi-globe"></i>International Moving</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-movers-rates.html"><div><i class="fa-solid fa-paw"></i>Pet Shifting</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-movers-rates.html"><div><i class="bi-car-front"></i>Car Shifting</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-movers-rates.html"><div><i class="bi-truck"></i>Hire Truck</div></a></li>
</ul>
</li>
<li class="menu-item"><a class="menu-link" href="demo-movers-team.html"><div>Team</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-movers-faqs.html"><div>FAQs</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-movers-blog.html"><div>Blog</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-movers-contact.html"><div>Contact Us</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 &amp; Hit Enter.." autocomplete="off">
</form>
</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>Company</h1>
<span>Get to know us</span>
</div>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Movers</a></li>
<li class="breadcrumb-item active" aria-current="page">Company</li>
</ol>
</nav>
</div>
</div>
</section><!-- .page-title 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/company.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>
</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>
<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>
<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>
<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>
</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">Moving you<br>Toward your<br>Future.</h3>
<img src="demos/movers/images/section/2.jpg" 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>
</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-house"></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>
</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>
</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>
</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>
</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>
</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>
</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>
</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>
</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>
</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>
</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>
</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 Movers Specialist</h2>
<p>Phosfluorescently develop customized relationships vis-a-vis B2C infomediaries.</p>
</div>
<a href="demo-movers-contact.html" 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">
<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">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-md-6 text-black-50">
Copyrights &copy; 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>
</div>
</div>
</div>
</div><!-- #copyrights end -->
</footer><!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="uil uil-angle-up"></div>
<!-- JavaScripts
============================================= -->
<script src="js/plugins.min.js"></script>
<script src="js/functions.bundle.js"></script>
<script src="js/components/datepicker.js"></script>
<script>
jQuery('.home-date').datepicker({
autoclose: true,
startDate: "today",
});
</script>
</body>

23
Components/Pages/Counter.razor
View File

@ -1,23 +0,0 @@
@page "/counter"
@rendermode InteractiveServer
<PageTitle>Counter</PageTitle>
<h1>Counter</h1>
<p role="status">Current count: @currentCount</p>
<button class="btn btn-primary" @onclick="IncrementCount">Increase</button>
<button class="btn btn-primary" @onclick="DecrementCount">Decrease</button>
@code {
private int currentCount = 0;
private void IncrementCount()
{
currentCount++;
}
private void DecrementCount()
{
currentCount--;
}
}

36
Components/Pages/Error.razor
View File

@ -1,36 +0,0 @@
@page "/Error"
@using System.Diagnostics
<PageTitle>Error</PageTitle>
<h1 class="text-danger">Error.</h1>
<h2 class="text-danger">An error occurred while processing your request.</h2>
@if (ShowRequestId)
{
<p>
<strong>Request ID:</strong> <code>@RequestId</code>
</p>
}
<h3>Development Mode</h3>
<p>
Swapping to <strong>Development</strong> environment will display more detailed information about the error that occurred.
</p>
<p>
<strong>The Development environment shouldn't be enabled for deployed applications.</strong>
It can result in displaying sensitive information from exceptions to end users.
For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
and restarting the app.
</p>
@code{
[CascadingParameter]
private HttpContext? HttpContext { get; set; }
private string? RequestId { get; set; }
private bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
protected override void OnInitialized() =>
RequestId = Activity.Current?.Id ?? HttpContext?.TraceIdentifier;
}

7
Components/Pages/Home.razor
View File

@ -1,7 +0,0 @@
@page "/Home"
<PageTitle>Home</PageTitle>
<h1>Hello, world!</h1>
Welcome to your new app.

352
Components/Pages/Movers.razor → Components/Pages/Index.razor
View File

@ -1,6 +1,15 @@
@page "/"
@layout KeymailSpecials2.Components.Layout.NoNav
<!--
TODO:
- change get a quote to contact
- remove search
- fill out trust section
- fill out highlights section
- polish footer
-->
<html dir="ltr" lang="en-US">
<head>
@ -32,7 +41,7 @@
<!-- Document Title
============================================= -->
<title>Movers Demo | Canvas</title>
<title>KeyMail Specials</title>
</head>
@ -51,7 +60,7 @@
<!-- Logo
============================================= -->
<div id="logo" class="ms-auto ms-md-0">
<a href="">
<a>
<img class="logo-default" srcset="images/logo.png, images/logo@2x.png 2x" src="images/logo@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>
@ -85,6 +94,19 @@
</button>
</div>
<!-- Primary Navigation
============================================= -->
<nav class="primary-menu with-arrows">
<ul class="menu-container">
<li class="menu-item current"><a class="menu-link"><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="demo-movers-team.html"><div>Contact</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-movers-faqs.html"><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 &amp; Hit Enter.." autocomplete="off">
</form>
@ -128,12 +150,11 @@
<div class="col-sm-6 form-group">
<div class="input-group">
<!--<span class="input-group-text bg-transparent"><i class="bi-telephone-outbound"></i></span>-->
<span class="input-group-text bg-transparent"><i class="bi-person"></i></span>
<input type="text" name="login-form-phone" id="login-form-phone" class="form-control required" value="" placeholder="Username">
</div>
</div>
<br>
<div class="col-sm-6 form-group">
<div class="input-group">
<span class="input-group-text bg-transparent"><i class="bi-calendar-week"></i></span>
@ -146,7 +167,7 @@
</div>
<div class="col-12">
<button type="submit" name="login-form-submit" class="btn bg-color text-white fw-medium w-100 py-2 mt-2">Contact Us</button>
<button type="submit" name="login-form-submit" class="btn bg-color text-white fw-medium w-100 py-2 mt-2">Login</button>
</div>
<input type="hidden" name="prefix" value="login-form-">
@ -156,7 +177,6 @@
</div>
</div>
<div class="tab-pane fade" id="register" role="tabpanel" aria-labelledby="register-tab">
<p class="mb-4">Share your Office Shifting details by Filling out an Easy Form. Get Free Quotes from Verified Packers &amp; Movers Instantly.</p>
<div class="form-widget">
<div class="form-result"></div>
<form class="row register-form position-relative mb-0" action="include/form.php" method="post" enctype="multipart/form-data">
@ -166,45 +186,31 @@
</div>
</div>
<div class="col-sm-6 form-group">
<div class="input-group">
<span class="input-group-text bg-transparent"><i class="bi-truck"></i></span>
<input type="text" name="register-form-location-from" id="register-form-location-from" class="form-control required" value="" placeholder="Location From">
</div>
</div>
<div class="col-sm-6 form-group">
<div class="input-group">
<span class="input-group-text bg-transparent"><i class="bi-map"></i></span>
<input type="text" name="register-form-location-to" id="register-form-location-to" class="form-control required" value="" placeholder="Location To">
</div>
</div>
<div class="col-sm-6 form-group">
<div class="input-group">
<span class="input-group-text bg-transparent"><i class="bi-person"></i></span>
<input type="text" name="register-form-name" id="register-form-name" class="form-control required" value="" placeholder="Your Full Name">
<input type="text" name="register-form-name" id="register-form-name" class="form-control required" value="" placeholder="Username">
</div>
</div>
<div class="col-sm-6 form-group">
<div class="input-group">
<span class="input-group-text bg-transparent"><i class="bi-calendar-week"></i></span>
<input type="text" class="form-control home-date required" name="register-form-date" id="register-form-date" value="" placeholder="Password">
</div>
</div>
<div class="col-sm-6 form-group">
<div class="input-group">
<span class="input-group-text bg-transparent"><i class="bi-envelope"></i></span>
<input type="email" name="register-form-email" id="register-form-email" class="form-control required" value="" placeholder="Your Email">
</div>
</div>
<div class="col-sm-6 form-group">
<div class="input-group">
<span class="input-group-text bg-transparent"><i class="bi-telephone-outbound"></i></span>
<input type="text" name="register-form-phone" id="register-form-phone" class="form-control required" value="" placeholder="Your Phone Number">
<input type="email" name="register-form-email" id="register-form-email" class="form-control required" value="" placeholder="Email">
</div>
</div>
<div class="col-sm-6 form-group">
<div class="input-group">
<span class="input-group-text bg-transparent"><i class="bi-calendar-week"></i></span>
<input type="text" class="form-control home-date required" name="register-form-date" id="register-form-date" value="" placeholder="Your Date">
<input type="text" class="form-control home-date required" name="register-form-date" id="register-form-date" value="" placeholder="Confirm Password">
</div>
</div>
@ -213,7 +219,7 @@
</div>
<div class="col-12">
<button type="submit" name="register-form-submit" class="btn bg-color text-white fw-medium w-100 py-2 mt-2">Contact Us</button>
<button type="submit" name="register-form-submit" class="btn bg-color text-white fw-medium w-100 py-2 mt-2">Register</button>
</div>
<input type="hidden" name="prefix" value="register-form-">
@ -225,7 +231,7 @@
</div>
</div>
<div class="col-lg-5 d-none d-lg-flex flex-wrap justify-content-center">
<img src="demos/movers/images/2.svg" alt="Image 1" class="d-flex align-self-end ms-5 mt-3">
<img src="demos/movers/images/stats.svg" alt="Image 1" class="d-flex align-self-end ms-5 mt-3">
</div>
</div>
</div>
@ -256,40 +262,37 @@
<div class="row justify-content-center mb-5">
<div class="col-lg-7 text-center">
<div class="heading-block">
<h3 class="text-transform-none mb-3 fw-semibold ls-0">How We Make your Shifting Easy</h3>
<span class="text-black-50">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate corporis, facilis assumenda optio consequuntur amet iure, quidem animi nam inventore!</span>
<h3 class="text-transform-none mb-3 fw-semibold ls-0">How We Elevate Your Business</h3>
<span class="text-black-50">KeyMotive offers a wide variety of marketing solutions to attract as many customers as possible.</span>
</div>
</div>
<div class="col-lg-8">
<div class="row align-items-center">
<div class="col-sm-6">
<img src="demos/movers/images/others/4.png" alt="Image 1">
<img src="demos/movers/images/happy.svg" alt="stats">
</div>
<div class="col-sm-6">
<h3>After you Share your Shifting details, Our Team will contact you.</h3>
<p class="mb-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi deserunt doloremque facilis rem, in recusandae, vel.</p>
<a target="_blank" href="https://icons8.com" class="color btn btn-sm p-0 btn-link"><u>illustration by Ouch.pics</u> <i class="bi-arrow-right"></i></a>
<h3>Direct mail marketing programs which increase customer retention as well as new customer acquisition.</h3>
<p class="mb-2">Offering programs specifically targeted to increasing the number of customers who visit your business, we are your one-stop shop for all of your direct marketing needs.</p>
</div>
</div>
<div class="row align-items-center mt-5">
<div class="col-sm-6 mb-4 mb-sm-0">
<h3>Pack &amp; Load your Stuffs.</h3>
<p class="mb-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi deserunt doloremque facilis rem, in recusandae, vel.</p>
<a target="_blank" href="https://icons8.com" class="color btn btn-sm p-0 btn-link"><u>illustration by Ouch.pics</u> <i class="bi-arrow-right"></i></a>
<h3>Statistical predictive models using your customers&#39; transaction history.</h3>
<p class="mb-2">Our models know when one of your customers is in the market for one of your products or services.</p>
</div>
<div class="col-sm-6">
<img src="demos/movers/images/others/2.png" alt="Image 1">
<img src="demos/movers/images/user_nums.svg" alt="Image 1">
</div>
</div>
<div class="row align-items-center mt-5">
<div class="col-sm-6">
<img src="demos/movers/images/others/1.png" alt="Image 1">
<img src="demos/movers/images/privacy.svg" alt="Image 1">
</div>
<div class="col-sm-6">
<h3>Deliver whenever you are Ready.</h3>
<p class="mb-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi deserunt doloremque facilis rem, in recusandae, vel.</p>
<a target="_blank" href="https://icons8.com" class="color btn btn-sm p-0 btn-link"><u>illustration by Ouch.pics</u> <i class="bi-arrow-right"></i></a>
<h3>Multi-channel marketing to reach the most scrutinous of today&#39;s customers.</h3>
<p class="mb-2">We can send your marketing messages throguh postal mail, email or text messaging, and adhering toall regulations pertaining to opt-out and consumer privacy.</p>
</div>
</div>
</div>
@ -299,34 +302,33 @@
<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/1.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/bg.jpg') no-repeat center center / cover; min-height: 400px">
<div class="container">
<div class="row justify-content-between mb-4" style="padding: 100px 0 160px;">
<div class="col-lg-5 col-md-6 offset-lg-1 pt-3">
<a href="https://www.youtube.com/watch?v=P3Huse9K6Xs" data-lightbox="iframe" class="play-video ms-3"><i class="bi-play"></i></a>
<h2 class="display-4 fw-bold text-white mt-6">Services we can help you with.</h2>
<div class="row justify-content-between mb-4" style="padding: 100px 0 90px;">
<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">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt distinctio dolor nemo quasi cum. A ipsam tempora voluptatem officiis! Accusantium!</p>
<h3 class="mb-2 text-white">Service We Provide:</h3>
<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">100% Trustable</span></li>
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2">100% Safe &amp; Secure</span></li>
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2">On-Time Delivery</span></li>
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2">Verified Movers</span></li>
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2">Liecenced Company</span></li>
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2">No Hidden Charges</span></li>
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2">Live Chat</span></li>
<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">24x7 Support</span></li>
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2">No Extra Payments</span></li>
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2">Also Deliver on Sunday</span></li>
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2">Minimum 1 Mover Free</span></li>
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2">Track Items by App</span></li>
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2">International Delivery</span></li>
<li class="my-2"><i class="bi-check-circle-fill fw-light"></i> <span class="ps-2">Door to Door</span></li>
<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>
</ul>
</div>
</div>
@ -334,7 +336,7 @@
</div>
<div class="clear"></div>
</div>
<div class="section section-features bg-transparent mt-0 p-0">
<div class="container">
<div class="row col-mb-50 col-mb-lg-80">
@ -407,165 +409,10 @@
</div>
</div>
</div>
<div class="clear"></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>
<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>
<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>
<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>
</div>
</div>
</div>
<div class="clear"></div>
<div class="section section-gradient m-0">
<div class="svg-separator top rotate">
<div>
<svg preserveAspectRatio="xMidYMax meet" class="svg-separator sep3" viewBox="0 0 1600 100">
<path style="opacity: 1;fill: #FFF;" d="M-40,71.627C20.307,71.627,20.058,32,80,32s60.003,40,120,40s59.948-40,120-40s60.313,40,120,40s60.258-40,120-40s60.202,40,120,40s60.147-40,120-40s60.513,40,120,40s60.036-40,120-40c59.964,0,60.402,40,120,40s59.925-40,120-40s60.291,40,120,40s60.235-40,120-40s60.18,40,120,40s59.82,0,59.82,0l0.18,26H-60V72L-40,71.627z"></path>
<path class="svg-themecolor" style="opacity: 0.1;" d="M-40,83.627C20.307,83.627,20.058,44,80,44s60.003,40,120,40s59.948-40,120-40s60.313,40,120,40s60.258-40,120-40s60.202,40,120,40s60.147-40,120-40s60.513,40,120,40s60.036-40,120-40c59.964,0,60.402,40,120,40s59.925-40,120-40s60.291,40,120,40s60.235-40,120-40s60.18,40,120,40s59.82,0,59.82,0l0.18,14H-60V84L-40,83.627z"></path>
<path style="fill: #FFF;" d="M-40,95.627C20.307,95.627,20.058,56,80,56s60.003,40,120,40s59.948-40,120-40s60.313,40,120,40s60.258-40,120-40s60.202,40,120,40s60.147-40,120-40s60.513,40,120,40s60.036-40,120-40c59.964,0,60.402,40,120,40s59.925-40,120-40s60.291,40,120,40s60.235-40,120-40s60.18,40,120,40s59.82,0,59.82,0l0.18,138H-60V96L-40,95.627z"></path>
</svg>
</div>
</div>
<div class="container">
<div class="mx-auto mw-lg" style="padding: 120px 0 50px;">
<div class="d-flex justify-content-between align-items-center mb-4 dark">
<h3 class="mb-0">What Our Users Say:</h3>
<a href="#" class="button button-white button-light button-rounded button-small fw-medium m-0">View More</a>
</div>
<div class="row row-eq-height justify-content-center">
<div class="col-md-6">
<div class="bg-white shadow-sm d-flex justify-content-center flex-column rounded">
<div class="d-flex flex-row mb-4 align-items-center">
<a href="#"><img class="rounded-circle" src="demos/pet/images/testimonials/1.jpg" alt="Customer Testimonails" width="80" height="80"></a>
<h4 class="ms-3 mb-0">John Doe</h4>
</div>
<div class="border-start border-width-3 ps-4">
<h4 class="mb-4 fw-normal">Assertively leverage existing integrated communities after turnkey quality vectors. Assertively coordinate sustainable quality vectors and pandemic markets. Assertively leverage existing integrated communities.</h4>
<div class="h6 text-uppercase fw-bold ls-1">- Fig Nelson</div>
</div>
</div>
</div>
<div class="col-md-6 mt-3 mt-md-0">
<div class="bg-white shadow-sm d-flex justify-content-center flex-column mb-3 rounded p-5">
<div class="border-start border-width-3 ps-4">
<p class="mb-4">Incidunt deleniti blanditiis quas aperiam recusandae consequatur ullam quibusdam cum libero illo rerum repellendus!</p>
<div class="h6 text-uppercase fw-bold ls-1">- Fig Nelson</div>
</div>
</div>
<div class="bg-white shadow-sm d-flex justify-content-center flex-column rounded p-5">
<div class="border-start border-width-3 ps-4">
<p>Incidunt deleniti blanditiis quas aperiam recusandae consequatur ullam quibusdam cum libero illo rerum repellendus!</p>
<div class="h6 text-uppercase fw-bold ls-1">- Fig Nelson</div>
</div>
</div>
</div>
</div>
<div class="grid-bg d-none d-md-block">
<img src="demos/movers/images/dot-grid.svg" alt="Dot Image">
</div>
</div>
</div>
</div>
<div class="container mb-5">
<div class="section-clients mx-auto" style="max-width: 700px">
<div class="text-center mb-4">
<span class="badge rounded-pill lightthemecolor color text-uppercase ls-1 fw-medium py-2 px-3">We’ve valuable Organizations Since 2021</span>
</div>
<div class="clear"></div>
<div class="toggle mt-5" data-state="open">
<div class="toggle-header flex-row-reverse">
<div class="toggle-icon">
<i class="toggle-closed bi-plus-circle"></i>
<i class="toggle-open bi-x-circle"></i>
</div>
<div class="toggle-title fw-medium">
Why Canvas for Home Shifting?
</div>
</div>
<div class="toggle-content text-black-50">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, dolorum, vero ipsum molestiae minima odio quo voluptate illum excepturi quam cum voluptates doloribus quae nisi tempore necessitatibus dolores ducimus enim libero eaque explicabo suscipit animi at quaerat aliquid ex expedita perspiciatis? Saepe, aperiam, nam unde quas beatae vero vitae nulla.</div>
</div>
<div class="toggle">
<div class="toggle-header flex-row-reverse">
<div class="toggle-icon">
<i class="toggle-closed bi-plus-circle"></i>
<i class="toggle-open bi-x-circle"></i>
</div>
<div class="toggle-title fw-medium">
Advanced Moving Equipments
</div>
</div>
<div class="toggle-content text-black-50">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, dolorum, vero ipsum molestiae minima odio quo voluptate illum excepturi quam cum voluptates doloribus quae nisi tempore necessitatibus dolores ducimus enim libero eaque explicabo suscipit animi at quaerat aliquid ex expedita perspiciatis? Saepe, aperiam, nam unde quas beatae vero vitae nulla.</div>
</div>
<div class="toggle border-0">
<div class="toggle-header flex-row-reverse">
<div class="toggle-icon">
<i class="toggle-closed bi-plus-circle"></i>
<i class="toggle-open bi-x-circle"></i>
</div>
<div class="toggle-title fw-medium">
Best Moving Equipments
</div>
</div>
<div class="toggle-content text-black-50">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, dolorum, vero ipsum molestiae minima odio quo voluptate illum excepturi quam cum voluptates doloribus quae nisi tempore necessitatibus dolores ducimus enim libero eaque explicabo suscipit animi at quaerat aliquid ex expedita perspiciatis? Saepe, aperiam, nam unde quas beatae vero vitae nulla.</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">
@ -578,8 +425,8 @@
<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 Movers Specialist</h2>
<p>Phosfluorescently develop customized relationships vis-a-vis B2C infomediaries.</p>
<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>
</div>
@ -648,52 +495,17 @@
</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>
<!-- 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>
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br>
40503 Koppernick Rd<br>
Canton, MI 48187<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>
<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>
@ -713,7 +525,7 @@
<div class="row justify-content-between align-items-center">
<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">
@ -747,6 +559,12 @@
startDate: "today",
});
</script>-->
@code {
protected override async void OnInitialized()
{
var error = "THIS IS IT: " + typeof(Program).Assembly.GetName().Name;
Console.WriteLine(error);
}
}
</body>
</html>

64
Components/Pages/Weather.razor
View File

@ -1,64 +0,0 @@
@page "/weather"
@attribute [StreamRendering]
<PageTitle>Weather</PageTitle>
<h1>Weather</h1>
<p>This component demonstrates showing data.</p>
@if (forecasts == null)
{
<p><em>Loading...</em></p>
}
else
{
<table class="table">
<thead>
<tr>
<th>Date</th>
<th>Temp. (C)</th>
<th>Temp. (F)</th>
<th>Summary</th>
</tr>
</thead>
<tbody>
@foreach (var forecast in forecasts)
{
<tr>
<td>@forecast.Date.ToShortDateString()</td>
<td>@forecast.TemperatureC</td>
<td>@forecast.TemperatureF</td>
<td>@forecast.Summary</td>
</tr>
}
</tbody>
</table>
}
@code {
private WeatherForecast[]? forecasts;
protected override async Task OnInitializedAsync()
{
// Simulate asynchronous loading to demonstrate streaming rendering
await Task.Delay(500);
var startDate = DateOnly.FromDateTime(DateTime.Now);
var summaries = new[] { "Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching" };
forecasts = Enumerable.Range(1, 5).Select(index => new WeatherForecast
{
Date = startDate.AddDays(index),
TemperatureC = Random.Shared.Next(-20, 55),
Summary = summaries[Random.Shared.Next(summaries.Length)]
}).ToArray();
}
private class WeatherForecast
{
public DateOnly Date { get; set; }
public int TemperatureC { get; set; }
public string? Summary { get; set; }
public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
}
}

2
Components/Routes.razor
View File

@ -1,6 +1,6 @@
<Router AppAssembly="typeof(Program).Assembly">
<Found Context="routeData">
<RouteView RouteData="routeData" DefaultLayout="typeof(Layout.MainLayout)" />
<RouteView RouteData="routeData" DefaultLayout="typeof(Layout.NoNav)" />
<FocusOnNavigate RouteData="routeData" Selector="h1" />
</Found>
</Router>

0
wwwroot/demos/movers/images/2.svg → wwwroot/demos/movers/images/12w3qdaad2.svg.bak
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

1
wwwroot/demos/movers/images/happy.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

1
wwwroot/demos/movers/images/join.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 6.0 KiB

1
wwwroot/demos/movers/images/privacy.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 69 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 MiB

BIN
wwwroot/demos/movers/images/startae-team-7tXA8xwe4W4-unsplash.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 MiB

1
wwwroot/demos/movers/images/stats.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

1
wwwroot/demos/movers/images/user_nums.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="678.62" height="365.87" viewBox="0 0 678.62 365.87"><path d="m607.96,364.37H158.96c-6.78,0-12.29-5.51-12.29-12.29V99.44c0-6.78,5.51-12.29,12.29-12.29h449c6.78,0,12.29,5.51,12.29,12.29v252.64c0,6.78-5.51,12.29-12.29,12.29h0ZM158.96,95.15c-2.37,0-4.29,1.92-4.29,4.29v252.64c0,2.37,1.92,4.29,4.29,4.29h449c2.37,0,4.29-1.92,4.29-4.29V99.44c0-2.37-1.92-4.29-4.29-4.29H158.96Z" fill="#d5d5d6" stroke-width="0"/><rect x="249.78" y="210.85" width="21.66" height="55.08" fill="#6c63ff" stroke-width="0"/><rect x="284.88" y="205.56" width="21.66" height="60.37" fill="#6c63ff" stroke-width="0"/><rect x="319.98" y="226.22" width="21.66" height="39.71" fill="#6c63ff" stroke-width="0"/><rect x="355.08" y="213.96" width="21.66" height="51.97" fill="#6c63ff" stroke-width="0"/><rect x="390.18" y="224.46" width="21.66" height="41.46" fill="#6c63ff" stroke-width="0"/><rect x="425.28" y="193.52" width="21.66" height="72.41" fill="#6c63ff" stroke-width="0"/><rect x="460.38" y="205.56" width="21.66" height="60.37" fill="#6c63ff" stroke-width="0"/><rect x="495.48" y="195.07" width="21.66" height="70.86" fill="#6c63ff" stroke-width="0"/><path d="m176.84,122.18h159.86c1.44,0,2.61,1.17,2.61,2.61h0c0,1.44-1.17,2.61-2.61,2.61h-159.86c-1.44,0-2.61-1.17-2.61-2.61h0c0-1.44,1.17-2.61,2.61-2.61h0Z" fill="#d5d5d6" stroke-width="0"/><path d="m678.62,364.37c0,.83-.67,1.5-1.5,1.5H1.5c-.83,0-1.5-.67-1.5-1.5s.67-1.5,1.5-1.5h675.62c.83,0,1.5.67,1.5,1.5Z" fill="#2e2e41" stroke-width="0"/><polygon points="133.7 60.68 153.35 67.14 153.35 38.85 135.52 38.85 133.7 60.68" fill="#f3a3a6" stroke-width="0"/><circle cx="150.92" cy="27.1" r="19.58" fill="#f3a3a6" stroke-width="0"/><path d="m145.93,28.63l2.7,3.28,4.88-8.54s6.23.32,6.23-4.3,5.72-4.75,5.72-4.75c0,0,8.09-14.13-8.67-10.41,0,0-11.63-7.97-17.41-1.16,0,0-17.73,8.93-12.66,24.48l8.43,16.02,1.91-3.63s-1.16-15.23,8.87-10.99Z" fill="#2f2e43" stroke-width="0"/><rect x="128.3" y="328.67" width="15.82" height="22.44" fill="#f3a3a6" stroke-width="0"/><path d="m142.37,363.96c-2.71.25-16.24,1.31-16.92-1.79-.62-2.85.29-5.83.42-6.23,1.3-12.94,1.78-13.09,2.07-13.18.46-.13,1.81.5,3.99,1.91l.14.09.03.16c.04.2,1.01,4.95,5.59,4.23,3.14-.5,4.16-1.19,4.49-1.53-.27-.12-.6-.33-.83-.7-.34-.53-.4-1.21-.18-2.02.59-2.15,2.36-5.33,2.43-5.46l.2-.36,17.98,12.13,11.1,3.17c.84.24,1.51.84,1.85,1.64h0c.47,1.12.18,2.42-.72,3.23-2.02,1.81-6.02,4.92-10.23,5.3-1.12.1-2.6.14-4.26.14-6.95,0-17.08-.72-17.16-.73h0Z" fill="#2f2e43" stroke-width="0"/><rect x="82.49" y="300.76" width="22.44" height="15.82" transform="translate(-203.86 184.12) rotate(-50.4)" fill="#f3a3a6" stroke-width="0"/><path d="m83.13,331.15c-2.24-1.54-13.35-9.34-11.9-12.16,1.34-2.59,3.94-4.3,4.3-4.53,9.25-9.14,9.72-8.95,10-8.83.44.19,1.07,1.54,1.86,4.01l.05.15-.08.14c-.1.18-2.38,4.46,1.61,6.82,2.74,1.62,3.97,1.73,4.43,1.68-.13-.26-.25-.64-.2-1.07.07-.62.46-1.19,1.16-1.67,1.83-1.28,5.21-2.6,5.36-2.66l.38-.15,6.12,20.81,6.53,9.52c.49.72.63,1.61.38,2.45h0c-.35,1.16-1.4,1.98-2.62,2.03-2.71.11-7.77-.05-11.26-2.44-.92-.63-2.09-1.54-3.37-2.6-5.35-4.43-12.7-11.44-12.76-11.5h.01Z" fill="#2f2e43" stroke-width="0"/><path d="m170.28,155.58h-54.26l12.06,179.36h18.09l24.12-179.36h0Z" fill="#2f2e43" stroke-width="0"/><polygon points="159.23 165.46 170.28 155.58 164.75 254.23 102.96 313.01 87.55 300.28 123.56 253.56 159.23 165.46" fill="#2f2e43" stroke-width="0"/><path d="m159.23,50.08l-26.8-4.35-8.32,14.55c-10.58,18.5-14.89,39.92-12.3,61.07l4.21,34.25h54.26l-11.05-105.51h0Z" fill="#6c63ff" stroke-width="0"/><path id="uuid-b665f492-9b4b-4e5e-8d83-e9db200bf715-44-44-44-72-117" d="m137.47,187.88c1.11,5.53-.96,10.58-4.61,11.28-3.66.69-7.52-3.23-8.63-8.77-.47-2.21-.39-4.49.24-6.66l-4.4-23.51,11.5-1.79,3.11,23.37c1.42,1.79,2.38,3.87,2.79,6.09h0Z" fill="#f3a3a6" stroke-width="0"/><path d="m123.48,181.51l-16.89-52.18v-.08l6.38-53.73c.98-8.23,7.96-14.43,16.24-14.43,5.07,0,9.77,2.29,12.89,6.29s4.21,9.11,2.98,14.04l-11.27,45.07,2.69,51.15-13.03,3.87h.01Z" fill="#6c63ff" stroke-width="0"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB