KeymailSpecials2/Components/Pages/Privacy.razor

317 lines
15 KiB
Plaintext
Raw Normal View History

@page "/privacy"
<!--
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?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>Privacy</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 current"><a class="menu-link" href="privacy"><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>
</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>Privacy</h1>
</div>
</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">Proudly serving since 2008</span>
</div>
<div class="clear"></div>
<!-- Our Commitment to Privacy -->
<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">
Our Commitment to Privacy
</div>
</div>
<div class="toggle-content text-black-50">Your privacy, and the privacy of your customers, is very important to us. To better protect your privacy and that of your customers, we provide this notice explaining our online information practices and the choices you can make about the way your information is collected and used. To make this notice easy to find, we make it available on our homepage and at every point where personally identifiable information may be requested.</div>
</div>
<!-- The Information We Collect -->
<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">
The Information We Collect
</div>
</div>
<div class="toggle-content text-black-50">This notice applies to all information collected or submitted on the KeyMotive.Net website and its related sites (such as KeyMailSpecials.com and other FTP sites). On some pages, you can order products and services, make requests, and register to enroll in marketing campaigns. The types of personal information collected at these pages are:</div>
<div class="toggle-content text-black-50">
<ul style="padding-left:40px">
<li>Your Name</li>
<li>Your Mailing/Billing Address</li>
<li>Your Email Address</li>
<li>Your Telephone Number</li>
<li>Your timezone</li>
<li>Credit/Debit Card Information</li>
</ul>
</div>
<div class="toggle-content text-black-50">On some pages, you can submit information about the business locations that your organization owns or manages. For example, when you enroll these locations in our marketing campaigns or want to change information we have for these entities. The information collected includes:</div>
<div class="toggle-content text-black-50">
<ul style="padding-left:40px">
<li>Business Name (Common Name or DBA)</li>
<li>Address</li>
<li>Telephone Number</li>
<li>Manager's Name (if applicable)'</li>
</ul>
</div>
<div class="toggle-content text-black-50">Additionally, you can submit transactional data for the locations you own or manage which contains information relating to the sales transactions of your customers. The information collected may vary, but could include:</div>
<div class="toggle-content text-black-50">
<ul style="padding-left:40px">
<li>Your Customer's Name</li>
<li>Your Customer's Address'</li>
<li>Your Customer's Telephone Number</li>
<li>Your Customer's Email Address</li>
<li>Your Customer's Marketing Communication Preference</li>
</ul>
</div>
<div class="toggle-content text-black-50">The information collected relating to the transaction your customer performed with you includes:</div>
<div class="toggle-content text-black-50">
<ul style="padding-left:40px">
<li>The date on which they visited your business</li>
<li>The type of products and/or services they purchased</li>
<li>The amount paid for these services</li>
<li>The method of payment they utilized to complete the transaction</li>
<li>The vehicle they drove</li>
</ul>
</div>
<div class="toggle-content text-black-50">If you choose to correspond with us through email, we may retain the content of your email messages together with your email addresses and our responses.</div>
<div class="toggle-content text-black-50">Similar to other commercial websites, our web site utilizes a standard technology called "cookies" and web server logs to collect information about how our web site is used. The information gathered through cookies and web server logs may include the date and time of visits, the pages viewed, the time spent at our web site, and the web site visited just before our web site.</div>
</div>
<!-- The Way We Use Information-->
<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">
The Way We Use Information
</div>
</div>
<div class="toggle-content text-black-50">We use the information you provide about yourself only to complete an order or to change enrollment for existing locations. We do not share this information with outside parties except to the extent necessary to complete that order (e.g. we will share your billing-related information with your credit card company to complete a sales transaction).</div>
<div class="toggle-content text-black-50">We use the information you provide about the locations that your organization owns or manages only to facilitate the fulfillment of future marketing campaigns. We do not share this information with outside parties except to the extent what is necessary to fulfill those marketing campaigns.</div>
<div class="toggle-content text-black-50">We use the information you send us about your customers' transactions to fulfill marketing campaigns on your behalf. Information from these transactions is accumulated and processed through statistical models which determine various time of need characteristics for your customers. We do not share this information with outside parties except what is necessary to fulfill marketing campaigns on your behalf.</div>
<div class="toggle-content text-black-50">We use return email addresses to answer the email we receive. Such addresses are not used for any other purpose and are not shared with outside parties.</div>
<div class="toggle-content text-black-50">Finally, we never use or share the personally identifiable information provided to us online in ways unrelated to the ones described above without also providing you an opportunity to opt-out or otherwise prohibit such unrelated uses.</div>
</div>
<!-- Our Commitment to Data Security-->
<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">
Our Commitment to Data Security
</div>
</div>
<div class="toggle-content text-black-50">To prevent unauthorized access, maintain data accuracy, and ensure the correct use of information, we have put in place appropriate physical, electronic, and managerial procedures to safeguard and secure the information we collect online.</div>
<div class="toggle-content text-black-50">Additional security measures and procedures are in place to safeguard the transactional data we receive from you.</div>
</div>
<!-- Our Commitment to Children's Privacy -->
<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">
Our Commitment to Children's Privacy
</div>
</div>
<div class="toggle-content text-black-50">Protecting the privacy of the very young is especially important. For that reason, we never collect or maintain information at our website from those we actually know are under 13, and no part of our website is structured to attract anyone under 13.</div>
</div>
<!-- How You Can Access Or Correct Your Information -->
<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">
How You Can Access Or Correct Your Information
</div>
</div>
<div class="toggle-content text-black-50">You can access all your personally identifiable information that we collect online and maintain through one of our online portals (e.g. www.keymailspecials.com). We use this procedure to better safeguard your information, as it can be protected via SSL encryption.</div>
<div class="toggle-content text-black-50">To protect your privacy and security, we will also take reasonable steps to verify your identity before granting access or making corrections.</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 Marketing Professionals</h2>
<p></p>
</div>
<a href="contact" 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">
<!-- 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>