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

Resolution of JavaScript execution bug and implementation of Privacy page

This commit is contained in:
Josh Deck 2024-02-21 12:45:59 -05:00
parent b09a643b7c
commit 8e243f8c38
4 changed files with 99 additions and 106 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
Components/App.razor
View File

@ -14,7 +14,16 @@
<body> <body>
<Routes /> <Routes />
<script src="_framework/blazor.web.js"></script> <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> </body>
</html> </html>

19
Components/Pages/About.razor
View File

@ -35,7 +35,7 @@
</head> </head>
<body class="stretched"> <body class="stretched is-expanded-menu">
<!-- Document Wrapper <!-- Document Wrapper
============================================= --> ============================================= -->
@ -277,8 +277,8 @@
<div class="col-sm-8"> <div class="col-sm-8">
<div class="heading-block border-bottom-0 mb-4"> <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> <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>Phosfluorescently develop customized relationships vis-a-vis B2C infomediaries.</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="demo-movers-contact.html" class="button button-white button-light button-rounded fw-medium m-0">Get In Touch</a>
</div> </div>
@ -432,17 +432,4 @@
============================================= --> ============================================= -->
<div id="gotoTop" class="uil uil-angle-up"></div> <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> </body>

9
Components/Pages/Index.razor
View File

@ -6,7 +6,9 @@ TODO:
- fill out highlights section - fill out highlights section
- polish footer - 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>
<html dir="ltr" lang="en-US"> <html dir="ltr" lang="en-US">
<head> <head>
@ -43,7 +45,7 @@ TODO:
</head> </head>
<body class="stretched"> <body class="stretched is-expanded-menu">
<!-- Document Wrapper <!-- Document Wrapper
============================================= --> ============================================= -->
@ -538,10 +540,5 @@ TODO:
============================================= --> ============================================= -->
<div id="gotoTop" class="uil uil-angle-up"></div> <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>
</body> </body>
</html> </html>

166
Components/Pages/Privacy.razor
View File

@ -1,5 +1,11 @@
@page "/privacy" @page "/privacy"
<!--
TODO:
- polish footer
- replace canvas logo with ours
- replace Get In Touch link with contact page when done
-->
<!DOCTYPE html> <!DOCTYPE html>
<html dir="ltr" lang="en-US"> <html dir="ltr" lang="en-US">
@ -33,11 +39,11 @@
<!-- Document Title <!-- Document Title
============================================= --> ============================================= -->
<title>FAQs - Movers Demo | Canvas</title> <title>Privacy</title>
</head> </head>
<body class="stretched"> <body class="stretched is-expanded-menu">
<!-- Document Wrapper <!-- Document Wrapper
============================================= --> ============================================= -->
@ -57,24 +63,6 @@
<img class="logo-dark" 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> </a>
</div><!-- #logo end --> </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> </div>
@ -84,15 +72,10 @@
<div class="header-misc"> <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 <!-- 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">Get a Quote</a> <a href="#slider" data-scrollto="#slider" data-offset="-80" class="button button-rounded button-white button-light button-small m-0">Contact Us</a>
</div> </div>
</div> </div>
@ -105,26 +88,12 @@
<!-- Primary Navigation <!-- Primary Navigation
============================================= --> ============================================= -->
<nav class="primary-menu with-arrows navbar-expand"> <nav class="primary-menu with-arrows">
<ul class="menu-container"> <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"><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="about"><div>About Us</div></a></li>
<li class="menu-item"> <li class="menu-item current"><a class="menu-link" href="privacy"><div>Privacy</div></a></li>
<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> </ul>
</nav><!-- #primary-menu end --> </nav><!-- #primary-menu end -->
@ -143,19 +112,9 @@
<section class="page-title bg-color dark py-6"> <section class="page-title bg-color dark py-6">
<div class="container"> <div class="container">
<div class="page-title-row"> <div class="page-title-row">
<div class="page-title-content"> <div class="page-title-content">
<h1>Frequently Asked Questions</h1> <h1>Privacy</h1>
</div> </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>
</div> </div>
</section><!-- .page-title end --> </section><!-- .page-title end -->
@ -168,10 +127,11 @@
<div class="container mb-5"> <div class="container mb-5">
<div class="section-clients mx-auto" style="max-width: 700px"> <div class="section-clients mx-auto" style="max-width: 700px">
<div class="text-center mb-4"> <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> <span class="badge rounded-pill lightthemecolor color text-uppercase ls-1 fw-medium py-2 px-3">Proudly serving since 2008</span>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
<!-- Our Commitment to Privacy -->
<div class="toggle mt-5" data-state="open"> <div class="toggle mt-5" data-state="open">
<div class="toggle-header flex-row-reverse"> <div class="toggle-header flex-row-reverse">
<div class="toggle-icon"> <div class="toggle-icon">
@ -179,12 +139,13 @@
<i class="toggle-open bi-x-circle"></i> <i class="toggle-open bi-x-circle"></i>
</div> </div>
<div class="toggle-title fw-medium"> <div class="toggle-title fw-medium">
Why Canvas for Home Shifting? Our Commitment to Privacy
</div> </div>
</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 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> </div>
<!-- The Information We Collect -->
<div class="toggle"> <div class="toggle">
<div class="toggle-header flex-row-reverse"> <div class="toggle-header flex-row-reverse">
<div class="toggle-icon"> <div class="toggle-icon">
@ -192,12 +153,55 @@
<i class="toggle-open bi-x-circle"></i> <i class="toggle-open bi-x-circle"></i>
</div> </div>
<div class="toggle-title fw-medium"> <div class="toggle-title fw-medium">
Advanced Moving Equipments The Information We Collect
</div> </div>
</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 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> </div>
<!-- The Way We Use Information-->
<div class="toggle"> <div class="toggle">
<div class="toggle-header flex-row-reverse"> <div class="toggle-header flex-row-reverse">
<div class="toggle-icon"> <div class="toggle-icon">
@ -205,12 +209,17 @@
<i class="toggle-open bi-x-circle"></i> <i class="toggle-open bi-x-circle"></i>
</div> </div>
<div class="toggle-title fw-medium"> <div class="toggle-title fw-medium">
Best Moving Equipments The Way We Use Information
</div> </div>
</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 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> </div>
<!-- Our Commitment to Data Security-->
<div class="toggle"> <div class="toggle">
<div class="toggle-header flex-row-reverse"> <div class="toggle-header flex-row-reverse">
<div class="toggle-icon"> <div class="toggle-icon">
@ -218,12 +227,14 @@
<i class="toggle-open bi-x-circle"></i> <i class="toggle-open bi-x-circle"></i>
</div> </div>
<div class="toggle-title fw-medium"> <div class="toggle-title fw-medium">
I am worried about my perishable food items. How We ares going to handle and preserve the same? Our Commitment to Data Security
</div> </div>
</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 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> </div>
<!-- Our Commitment to Children's Privacy -->
<div class="toggle"> <div class="toggle">
<div class="toggle-header flex-row-reverse"> <div class="toggle-header flex-row-reverse">
<div class="toggle-icon"> <div class="toggle-icon">
@ -231,12 +242,13 @@
<i class="toggle-open bi-x-circle"></i> <i class="toggle-open bi-x-circle"></i>
</div> </div>
<div class="toggle-title fw-medium"> <div class="toggle-title fw-medium">
How should I believe we will get best services at the destination of deport? Our Commitment to Children's Privacy
</div> </div>
</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 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> </div>
<!-- How You Can Access Or Correct Your Information -->
<div class="toggle border-0"> <div class="toggle border-0">
<div class="toggle-header flex-row-reverse"> <div class="toggle-header flex-row-reverse">
<div class="toggle-icon"> <div class="toggle-icon">
@ -244,10 +256,11 @@
<i class="toggle-open bi-x-circle"></i> <i class="toggle-open bi-x-circle"></i>
</div> </div>
<div class="toggle-title fw-medium"> <div class="toggle-title fw-medium">
My Family wishes to get our car loaded in our presence. Is it feasible? How You Can Access Or Correct Your Information
</div> </div>
</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 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>
</div> </div>
@ -264,8 +277,8 @@
<div class="col-sm-8"> <div class="col-sm-8">
<div class="heading-block border-bottom-0 mb-4"> <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> <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>Phosfluorescently develop customized relationships vis-a-vis B2C infomediaries.</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="demo-movers-contact.html" class="button button-white button-light button-rounded fw-medium m-0">Get In Touch</a>
</div> </div>
@ -419,18 +432,5 @@
============================================= --> ============================================= -->
<div id="gotoTop" class="uil uil-angle-up"></div> <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> </body>
</html> </html>