From 4f7613870b91b849d3f4aa525c7829839540685c Mon Sep 17 00:00:00 2001 From: rutikakengal Date: Wed, 15 Jan 2025 13:56:04 +0530 Subject: [PATCH] Fixed Privacy Policy --- index.html | 2 +- privacy.css | 463 +++++++++++++++++++++++++++++++++++++++++++++++++++ privacy.html | 340 +++++++++++++++++++++++++++++++++++++ 3 files changed, 804 insertions(+), 1 deletion(-) create mode 100644 privacy.css create mode 100644 privacy.html diff --git a/index.html b/index.html index 58bb7f6..8e95ab3 100644 --- a/index.html +++ b/index.html @@ -1021,7 +1021,7 @@

Resources

  • Privacy Policy diff --git a/privacy.css b/privacy.css new file mode 100644 index 0000000..f464734 --- /dev/null +++ b/privacy.css @@ -0,0 +1,463 @@ +* { + box-sizing: border-box; +} + +body { + font-family: Arial, sans-serif; + background-color: var(--body-bg); + color: var(--text-color); +} + +/* Define light mode colors */ +:root { + --body-bg: antiquewhite; + --primary-color: white; + --heading-color: #8b4513; + --tertiary-color: #191970; + --container-text: #6f6f6f; + --card-bg: #d6a52b; + --card-text: #191970; + --price-color: #8b4513; +} + +/* Define dark mode colors */ +html.dark { + --body-bg: black; + --color: white; + --primary-color: rgb(41, 40, 40); + --heading-color: #ffff00; + --tertiary-color: #37fcff; + --container-text: aqua; + --card-bg: #044464; + --card-text: yellow; + --price-color: aqua; +} + +/* Google Translate Button */ +#google_translate_element { + position: fixed; + top: 90px; + left: 0px; + z-index: 1000; + display: none; + background-color: white; + border: 1px solid #ddd; + padding: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); +} + +/* Slideshow */ +.slideshow-container { + position: relative; + max-width: 100%; + margin: auto; + overflow: hidden; + color: #FFD465; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +.mySlides { + display: none; + position: relative; +} + +.fade { + animation-name: fade; + animation-duration: 1.5s; +} + +@keyframes fade { + from { + opacity: 0.4; + } + to { + opacity: 1; + } +} + +.text { + color: #fff; + font-size: 24px; + padding: 8px 12px; + position: absolute; + bottom: 8px; + width: 100%; + text-align: center; + background-color: rgba(0, 0, 0, 0.5); +} + +.prev, +.next { + cursor: pointer; + position: absolute; + top: 50%; + width: auto; + padding: 16px; + margin-top: -22px; + color: white; + font-weight: bold; + font-size: 18px; + transition: 0.6s ease; + border-radius: 0 3px 3px 0; + user-select: none; +} + +.banner-image { + width: 100%; + height: 300px; + object-fit: cover; +} + +.prev { + left: 0; + border-radius: 3px 0 0 3px; +} + +.next { + right: 0; + border-radius: 3px 0 0 3px; +} + +.prev:hover, +.next:hover { + background-color: rgba(0, 0, 0, 0.8); +} + +.dot { + cursor: pointer; + height: 15px; + width: 15px; + margin: 0 2px; + background-color: #FFD465; + color: #FFD465; + border-radius: 50%; + display: inline-block; + transition: background-color 0.6s ease; +} + +.active, +.dot:hover { + background-color: #717171; +} + +.options-section { + text-align: center; + padding: 40px 20px; +} + +.options-section h2 { + color: #4a4a4a; + font-size: 28px; + margin-bottom: 10px; +} + +.options-section p { + color: #6f6f6f; + font-size: 18px; + margin-bottom: 20px; +} + +.options-container { + display: flex; + justify-content: space-around; + flex-wrap: wrap; + gap: 20px; +} + +.option { + text-align: center; + background-color: #f7f7f7; + border-radius: 8px; + padding: 20px; + width: 150px; + transition: transform 0.3s ease; +} + +.option img { + width: 60px; + height: 60px; + margin-bottom: 10px; +} + +.option p { + font-size: 16px; + color: #333; +} + +.options-container:hover { + color: #FFD465; +} + +.option:hover { + transform: translateY(-10px); + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +.option a { + text-decoration: none; +} + +.orange { + color: #d6a52b; +} + +section h2 { + color: #000; + font-size: 30px; + margin-bottom: 20px; + margin-top: 0; +} + +/* Styles for floating chat button */ +.chat-button { + position: fixed; + bottom: 20px; + right: 20px; + background-color: #d6a52b; + color: white; + border: none; + border-radius: 50%; + padding: 15px; + font-size: 24px; + cursor: pointer; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); + transition: transform 0.3s ease; +} + +.chat-button:hover { + transform: scale(1.1); + background-color: #000; +} + +/* Styles for floating image button */ +.image-button { + position: fixed; + bottom: 20px; + left: 20px; /* Aligns the button to the left side */ + background-color: transparent; /* Transparent background */ + border: none; + border-radius: 50%; + padding: 0; /* No padding for image button */ + cursor: pointer; + z-index: 9999; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); + transition: transform 0.3s ease; +} + +.image-button:hover { + transform: scale(1.1); +} + +.image-icon { + width: 120px; + height: 120px; + border-radius: 50%; + border: 3px solid white; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); + z-index: 2; + position: relative; +} + +/* General styles for the Privacy Policy */ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; +} + +:root { + --primary-color: white; /* Gold gradient base */ + --secondary-color: #ffb700; /* Bright yellow gradient base */ + --card-bg-color: #FDF4DC; /* Default card background for light mode */ + --text-color: #2d3748; /* Dark text for light mode */ + --subtext-color: #4a5568; /* Subtle text for light mode */ + --button-text-color: white; /* Button text color */ + --button-hover-shadow: rgba(59, 130, 246, 0.4); /* Button hover shadow */ + --card-shadow: rgba(0, 0, 0, 0.1); /* Card shadow */ + --card-hover-shadow: rgba(0, 0, 0, 0.15); /* Card hover shadow */ + --popular-badge-bg: var(--button-hover-shadow); /* MOST POPULAR badge background */ +} + +body.dark { + --primary-color: rgb(41, 40, 40); /* Bright yellow for dark mode */ + --secondary-color: #d6a52b; /* Gold gradient base for dark mode */ + --card-bg-color: #2d3748; /* Dark card background */ + --text-color: #f9f9f9; /* Light text for dark mode */ + --subtext-color: #cbd5e0; /* Subtle light text for dark mode */ + --button-text-color: #2d3748; /* Dark button text for contrast */ + --button-hover-shadow: rgba(255, 183, 0, 0.4); /* Button hover shadow for dark mode */ + --card-shadow: rgba(0, 0, 0, 0.3); /* Darker card shadow */ + --card-hover-shadow: rgba(0, 0, 0, 0.5); /* Darker hover shadow */ + --popular-badge-bg: var(--secondary-color); /* MOST POPULAR badge background for dark mode */ +} + +body.dark h3 { + color: aqua; +} + +body.dark ul { + color: aqua; +} + + +/* General styles for the Privacy Policy */ +/* Privacy Policy Section */ +.privacy-section { + padding: 4rem; + background-color: #f5f7fa; + position: relative; + overflow: hidden; + display: flex; + align-items: center; + justify-content: center; +} + +.about-box { + max-width: 800px; + margin: 0 auto; + text-align: center; + position: relative; + background-color: var(--primary-color); + padding: 3rem; + border-radius: 20px; + box-shadow: 0 10px 30px rgba(0,0,0,0.1); +} + +/* Privacy Cards */ +.privacy-card { + background: linear-gradient(135deg, #f9f9f9, #e8e8e8); + border-radius: 15px; + padding: 2rem; + border: 2px solid #d6a52b; + box-shadow: 0 8px 20px rgba(0,0,0,0.2); + transition: transform 0.3s ease, box-shadow 0.3s ease; + position: relative; + overflow: hidden; + display: flex; + flex-direction: column; + justify-content: space-between; + height: 100%; + color: #333; +} + +/* Hover Effects */ +.privacy-card:hover { + transform: translateY(-8px); + box-shadow: 0 15px 35px rgba(0,0,0,0.3); +} + +/* Pulse Effect */ +.privacy-card::before { + content: ''; + position: absolute; + top: -10px; + left: -10px; + right: -10px; + bottom: -10px; + background: linear-gradient(135deg, #e3e3e3, #d1d1d1); + border-radius: 15px; + transform: scale(0); + opacity: 0; + transition: all 0.4s ease-in-out; + z-index: -1; +} + +.privacy-card:hover::before { + transform: scale(1.05); + opacity: 1; +} + +/* Title Styling */ +.privacy-card h3 { + font-size: 1.8rem; + color: aqua; + margin-bottom: 1rem; + position: relative; + z-index: 1; +} + +/* List Styling */ +.privacy-card ul { + color: aqua; + list-style: none; + padding: 0; + margin-bottom: 1.5rem; +} + +.privacy-card li { + padding: 0.75rem 0; + color: #555; + display: flex; + align-items: center; + gap: 0.75rem; +} + +.privacy-card li::before { + content: '✓'; + color: #4CAF50; + font-weight: bold; +} + +/* Links Styling */ +.privacy-card a { + color: #1a73e8; + text-decoration: underline; +} + +/* Button Styling */ +.privacy-card button { + padding: 1rem; + border: none; + border-radius: 10px; + background: linear-gradient(90deg, #ff9a9e, #fad0c4); + color: white; + font-weight: bold; + cursor: pointer; + transition: transform 0.2s ease, box-shadow 0.2s ease; +} + +.privacy-card button:hover { + transform: translateY(-2px); + box-shadow: 0 5px 15px rgba(0,0,0,0.3); +} + +/* Popular Plan Highlight */ +.privacy-card:nth-child(2) { + border: 2px solid #4CAF50; + transform: scale(1.05); +} + +/* Popular Badge */ +.privacy-card:nth-child(2)::after { + content: 'MOST POPULAR'; + position: absolute; + top: -15px; + left: -15px; + background: #4CAF50; + color: white; + padding: 0.5rem 3rem; + transform: rotate(45deg); + font-size: 0.85rem; + font-weight: bold; + border-radius: 10px; + z-index: 1; +} + +/* Media Queries */ +@media (max-width: 768px) { + .privacy-content { + grid-template-columns: 1fr; + } + + .about-box h1 { + font-size: 2rem; + } + + .privacy-card::before { + top: -5px; + left: -5px; + right: -5px; + bottom: -5px; + } +} + diff --git a/privacy.html b/privacy.html new file mode 100644 index 0000000..978c438 --- /dev/null +++ b/privacy.html @@ -0,0 +1,340 @@ + + + + + + + + + Privacy-Policy - Ajivika + + + + + + + + + + + + + + +
    +
    + + + + + + + +
    +
    +

    + Privacy Policy +

    +

    + Your trust is vital to us. Discover how we handle, protect, and respect your personal information. +

    +
    + +
    +

    + We are committed to safeguarding your privacy. This Privacy Policy explains what information we + collect, why we collect it, and how we use it to enhance your experience with our platform. By + using our services, you agree to the practices outlined below. +

    + +
    +

    Information We Collect

    +

    + To provide you with the best possible service, we collect the following types of information: +

    +
      +
    • Personal Information: Data such as your name, email address, contact details, and + other identifiers provided during account registration or service use.
      • +
    • Usage Data: Information about your interactions with our platform, including + visited pages, time spent on services, and technical details like your IP address and browser type.
      • +
    • Cookies and Tracking Technologies: We use cookies to improve functionality, + personalize content, and analyze site traffic.
      • +
    +
    + +
    +

    How We Use Your Information

    +

    + The information we collect is used to: +

    +
      +
    • Provide seamless access to our services and enhance your user experience.
      • +
    • Develop new features, improve platform functionality, and fix technical issues.
      • +
    • Communicate important updates, offers, and service-related information.
      • +
    • Ensure the security and integrity of our systems and user accounts.
      • +
    +
    + +
    +

    How We Protect Your Data

    +

    + We employ advanced security measures, including encryption, firewalls, and regular security + audits, to protect your information from unauthorized access or misuse. Our team continuously + monitors for potential threats and implements updates to keep your data safe. +

    +
    + +
    +

    Third-Party Sharing

    +

    + Your information is never sold or rented to third parties. We may share your data with trusted + partners only when necessary to deliver services, such as payment processing or analytics, and + always under strict confidentiality agreements. +

    +
    + +
    +

    Your Rights

    +

    + You have complete control over your personal information. You can: +

    +
      +
    • Access your data at any time through your account settings.
      • +
    • Request corrections or updates to inaccurate or outdated information.
      • +
    • Delete your account and associated data upon request, subject to legal or regulatory + obligations.
      • +
    +
    + +
    +

    Policy Updates

    +

    + We may update this Privacy Policy periodically to reflect changes in our practices or for legal + reasons. Any changes will be promptly communicated to you, and your continued use of the platform + signifies your acceptance of the updated terms. +

    +
    + +

    + For more details or questions, feel free to reach out to our support team at + support@ajivika.com. We value your trust and are + committed to ensuring your privacy. +

    +
    +
    +
    + + + + + + +
    +

    © 2024 Ajivika™. All rights reserved.

    +
    + + + + + + + + +