From f8f9cca04ac5cb01f9acbc6294443f8d8a4a4e21 Mon Sep 17 00:00:00 2001 From: SimonNungwa Date: Thu, 28 Nov 2024 00:35:21 +0100 Subject: [PATCH] refactored privacy.html and removed overflow, added navbar toggler --- privacy.html | 467 +++++++++++++++++++++++++++++++-------------------- 1 file changed, 282 insertions(+), 185 deletions(-) diff --git a/privacy.html b/privacy.html index c3120fb..50395f1 100644 --- a/privacy.html +++ b/privacy.html @@ -23,48 +23,59 @@ } .container { - width: 900px; + /*width: 900px;*/ margin: 0 auto; padding: 2rem; } - - .navbar { - background-color: #e588e7; - padding: 15px; - display: flex; - justify-content: space-around; - align-items: center; - position: sticky; - top: 0; - width: 100%; - z-index: 1000; - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); - } - .navbar h1 { - color: #fff; - margin: 0; - font-family: 'Poppins', sans-serif; - font-size: 20px; - } + .navbar { + background-color: #e588e7; + padding: 15px; + display: flex; + justify-content: space-around; + align-items: center; + position: sticky; + overflow: hidden; + top: 0; + width: 100%; + z-index: 1000; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); + } - .nav-links { - display: flex; - gap: 25px; - } + .navbar h1 { + color: #fff; + margin: 0; + font-family: 'Poppins', sans-serif; + font-size: 20px; + } - .nav-links a { - color: #fff; - text-decoration: none; - padding: 6px 8px; - border-radius: 4px; - transition: background-color 0.3s; - } + .nav-links { + display: flex; + gap: 25px; + } + + .nav-links a { + color: #fff; + text-decoration: none; + padding: 6px 8px; + border-radius: 4px; + transition: background-color 0.3s; + } + + .nav-links a:hover { + background-color: #ef9ef5; + } + + .navbar a:active { + background-color: #04AA6D; + color: white; + } + + .icon { + display: none; + } - .nav-links a:hover { - background-color: #ef9ef5; - } /* Hero Section */ .hero-section { @@ -115,11 +126,11 @@ right: 0; bottom: 0; background: repeating-linear-gradient( - 45deg, - rgba(255, 255, 255, 0.1), - rgba(255, 255, 255, 0.1) 10px, - rgba(255, 255, 255, 0.2) 10px, - rgba(255, 255, 255, 0.2) 20px + 45deg, + rgba(255, 255, 255, 0.1), + rgba(255, 255, 255, 0.1) 10px, + rgba(255, 255, 255, 0.2) 10px, + rgba(255, 255, 255, 0.2) 20px ); z-index: 1; } @@ -191,6 +202,43 @@ } + @media only screen and (max-width: 1100px) { + .nav-links { + display: flex; + flex-wrap: wrap; + flex-direction: column; + + } + + .nav-links a:not(:last-child) { + display: none; + } + + .icon{ + display: unset; + } + + .navbar a:not(:first-child) {display: none;} + .navbar a.icon { + float: right; + display: block; + } + + .navbar.responsive { + position: relative; + } + + .navbar.responsive a.icon { + position: absolute; + right: 0; + top: 0; + } + .navbar.responsive a { + float: none; + display: flex; + text-align: left; + } + } - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - - -
-
-
-

Privacy Policy

-

Your privacy is our priority

-
- - Privacy illustration -
- -
🔒
-
🛡️
-
📜
-
🔐
+
+

Effective Date: 13/10/2024

+

Creative Canvas Tool is designed to empower artists of all skill levels, offering an intuitive platform that + transforms ideas into stunning digital artwork. With a wide range of brushes, colors, and textures at your + fingertips, you can easily explore your creativity and experiment with different styles.

+
+ +
+
+

1. Information We Collect

+

Personal Information: We may collect personal information that you provide directly to + us when you register for an account, create or save a canvas, or contact us.

+

Usage Data: We automatically collect certain information about your interaction with our + Site, including your IP address, browser type, device information, pages viewed, and the time and date + of your visit.

-
-

Effective Date: 13/10/2024

-

Creative Canvas Tool is designed to empower artists of all skill levels, offering an intuitive platform that transforms ideas into stunning digital artwork. With a wide range of brushes, colors, and textures at your fingertips, you can easily explore your creativity and experiment with different styles.

+
+

2. How We Use Your Information

+
    +
  • To provide, maintain, and improve our services
  • +
  • To personalize your experience on our Site
  • +
  • To communicate with you, including sending updates and promotional materials
  • +
  • To respond to your comments, questions, and requests
  • +
  • To monitor and analyze usage and trends to improve our Site
  • +
-
-
-

1. Information We Collect

-

Personal Information: We may collect personal information that you provide directly to us when you register for an account, create or save a canvas, or contact us.

-

Usage Data: We automatically collect certain information about your interaction with our Site, including your IP address, browser type, device information, pages viewed, and the time and date of your visit.

+
+

3. Sharing Your Information

+

Service Providers: We may share your information with trusted third-party service + providers who assist us in operating our Site.

+
+

Legal Compliance: We may disclose your information to comply with applicable laws, + regulations, legal processes, or governmental requests.

+
-
-

2. How We Use Your Information

-
    -
  • To provide, maintain, and improve our services
  • -
  • To personalize your experience on our Site
  • -
  • To communicate with you, including sending updates and promotional materials
  • -
  • To respond to your comments, questions, and requests
  • -
  • To monitor and analyze usage and trends to improve our Site
  • -
-
+
+

4. Security of Your Information

+

We implement reasonable security measures to protect your personal information from unauthorized access, + use, or disclosure.

+
-
-

3. Sharing Your Information

-

Service Providers: We may share your information with trusted third-party service providers who assist us in operating our Site.

-
-

Legal Compliance: We may disclose your information to comply with applicable laws, regulations, legal processes, or governmental requests.

-
-
+
+

5. Changes to This Privacy Policy

+

We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new + Privacy Policy on this page with a new effective date.

+
+
-
-

4. Security of Your Information

-

We implement reasonable security measures to protect your personal information from unauthorized access, use, or disclosure.

+
+

Our Team

+
+
+

Anurag

+

Founder & Lead Developer

- -
-

5. Changes to This Privacy Policy

-

We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page with a new effective date.

+
+

Somyadip Ghosh

+

Project Mentor

+
+
-
-

Our Team

-
-
-

Anurag

-

Founder & Lead Developer

-
-
-

Somyadip Ghosh

-

Project Mentor

-
-
+ + +
+
+ + +

Created by ANURAG + VISHWAKARMA | All rights reserved ©

+
+ © 2024 Canvas Editor. All rights reserved. +
+
+ + // Set current year in footer + document.getElementById("year").textContent = new Date().getFullYear(); + \ No newline at end of file