KeymailSpecials2/Components/Pages/Privacy.razor

436 lines
18 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@page "/privacy"
<!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?version=0.1">
<!-- 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>FAQs - 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>
<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 -->
<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 navbar-expand">
<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"><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 current"><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>Frequently Asked Questions</h1>
</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">FAQs</li>
</ol>
</nav>
</div>
</div>
</section><!-- .page-title end -->
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap pb-0">
<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">Weve 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">
<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 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">
I am worried about my perishable food items. How We ares going to handle and preserve the same?
</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">
How should I believe we will get best services at the destination of deport?
</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">
My Family wishes to get our car loaded in our presence. Is it feasible?
</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">
<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-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">
<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>
</html>