Privacy Policy

This tailwind example is contributed by Tanvir Hasan Bappy (Tanvir), on 03-Dec-2024. Component is made with Tailwind CSS v3. It is responsive.

Other

Author Tanvir Hasan Bappy (Tanvir)

Fork Fullscreen

<div class="bg-gradient-to-r from-gray-50 to-gray-100 min-h-screen py-12">
  <div class="container mx-auto max-w-5xl px-6">
      <div class="bg-white rounded-lg shadow-xl p-8">
          
          <h1 class="text-4xl font-extrabold text-gray-800 text-center mb-10">
              <span class="text-[#006A4E]">Privacy Policy</span>
          </h1>

<section class="text-lg text-gray-600 mb-8 leading-relaxed">
              <p class="mb-4">
                  Welcome to <span class="font-semibold text-[#006A4E]">BongoChat</span>! Your privacy is our top priority. This document explains how we collect, use, and protect your information while ensuring transparency and trust.
              </p>
              <p>By using our services, you agree to the terms outlined in this Privacy Policy.</p>
          </section>

<div class="border-b border-gray-300 my-6"></div>

<section class="mb-8">
              <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
                  <span class="bg-[#006A4E] text-white w-8 h-8 flex justify-center items-center rounded-full mr-3">
                      1
                  </span>
                  Information We Collect
              </h2>
              <ul class="list-inside list-disc text-gray-600 pl-4 space-y-2">
                  <li><strong>Account Information:</strong> Name, email address, phone number, profile photo.</li>
                  <li><strong>Content:</strong> Messages, images, videos, or files shared via chat or posts.</li>
                  <li><strong>Automatically Collected Data:</strong> Device information, IP address, usage data.</li>
                  <li><strong>Third-Party Data:</strong> Analytics or payment data from authorized SDKs.</li>
              </ul>
          </section>

<section class="mb-8">
              <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
                  <span class="bg-[#006A4E] text-white w-8 h-8 flex justify-center items-center rounded-full mr-3">
                      2
                  </span>
                  How We Use Your Information
              </h2>
              <p class="text-gray-600 leading-relaxed">
                  Your data is used to provide and improve our services, personalize your experience, ensure security, and comply with legal obligations.
              </p>
          </section>

<section class="mb-8">
              <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
                  <span class="bg-[#006A4E] text-white w-8 h-8 flex justify-center items-center rounded-full mr-3">
                      3
                  </span>
                  Data Sharing and Third-Party Access
              </h2>
              <p class="text-gray-600 mb-4">
                  We do not sell your data. However, we may share it with:
              </p>
              <ul class="list-disc list-inside pl-4 text-gray-600 space-y-2">
                  <li>Service providers for notifications or payment processing.</li>
                  <li>Legal authorities as required by law.</li>
              </ul>
          </section>

<section class="mb-8">
              <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
                  <span class="bg-[#006A4E] text-white w-8 h-8 flex justify-center items-center rounded-full mr-3">
                      4
                  </span>
                  Account Deletion
              </h2>
              <p class="text-gray-600 mb-4">
                  You can delete your account anytime. To delete your account:
              </p>
              <ol class="list-decimal list-inside pl-4 text-gray-600 space-y-2">
                  <li>Go to <strong>Settings > Account > Delete Account</strong> in the app.</li>
                  <li>Confirm your request.</li>
              </ol>
              <p class="text-gray-600 mt-4">
                  Or send a deletion request to: 
                  <a href="mailto:support@bongochat.com.bd" class="text-[#006A4E] hover:underline">support@bongochat.com.bd</a>.
              </p>
          </section>

<section class="mb-8">
              <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
                  <span class="bg-[#006A4E] text-white w-8 h-8 flex justify-center items-center rounded-full mr-3">
                      5
                  </span>
                  Contact Us
              </h2>
              <ul class="list-none pl-0 text-gray-600 space-y-2">
                  <li><strong>Email:</strong> <a href="mailto:support@bongochat.com.bd" class="text-[#006A4E] hover:underline">support@bongochat.com.bd</a></li>
                  <li><strong>Address:</strong> Jashore, Bangladesh</li>
              </ul>
          </section>

<section class="mt-8">
              <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
                  <span class="bg-[#006A4E] text-white w-8 h-8 flex justify-center items-center rounded-full mr-3">
                      6
                  </span>
                  Data Deletion Form
              </h2>
              <p class="text-gray-600 mb-4">
                  Submit your data deletion request via the following link:
              </p>
              <a href="{% url 'pages:account_delete' %}" class="inline-block bg-[#006A4E] text-white px-6 py-2 rounded-lg shadow hover:bg-[#006A4E] transition">
                  Delete My Data
              </a>
          </section>
      </div>
  </div>
</div>

Related Examples

Testimonial that What Client Says

Author:
Abdul Baset Bappy

3 months ago

427
Checkbox
Checkbox

Author:
Aman kumar

1 year ago

1.8k
random design

Author:
QQ-VVN

4 months ago

409
Gradient Flip-Text Button with Hover Animation
This stylish button features a dynamic gradient background that shifts from a calm green gradient by default to a vibrant purple-pink-red gradient on hover. The button also includes an interactive text flip effect, where the text seamlessly transitions on hover, creating a visually appealing and modern UI element. Perfect for adding flair to your websites or applications while maintaining functionality and responsiveness.

Author:
SHARIFUL ISLAM

8 months ago

902
Boarding Pass Design
Testing out a layout and design for a digital boarding pass

Author:
Kirsten F

3 months ago

373
Glassmorphism form

Author:
Sophia Baker

2 years ago

17.7k
My Coding Journey
To transform a standard timeline into an engaging, scroll-driven narrative experience.

Author:
Code Master(Mfuranziza Dusabe Hamza)

3 weeks ago

137
News feed

Author:
Bunny

2 years ago

13.4k
Review popup form with toggle and stars
Review popup form with toggle and stars

Author:
Ayman Reifoun

5 months ago

580
Profile Card with Transparent
Dynamic Background: Darker gradient background for better contrast Floating colored blobs for visual interest Profile Image Glow: Added a gradient glow effect behind the profile picture Smoother hover transition Typography Improvements: Larger, bolder name text Subtle hover underline animation for the name Better spacing and hierarchy

Author:
KULDEEP

3 months ago

294
Hacker terminal #fake
hacker terminal tailwind css

Author:
QQ-VVN

4 months ago

773
default template

Author:
Anonymous

4 months ago

275

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components