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)

564

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

Food Ordering Dashboard
A responsive user interface for selecting and ordering your favorite meals. The dashboard allows users to browse food categories, view dish details, and place orders with ease.

Author:
Muhammad Umair Arshad

3 weeks ago

223
Best Log In page ever
Instagram look like but not copy right 🤗,best login and sign and even for many others

Author:
ORGIN_DREAMS

4 weeks ago

42
Updated customer details page
Customer details page

Author:
Olivia Smith

1 year ago

2.9k
OTP Verification Page
A responsive and interactive OTP verification page built with Tailwind CSS. The page features a gradient background, hover effects, and animations to enhance user experience. It includes input fields for the OTP, a resend OTP link, and a verify button. The design is optimized for both light and dark modes.

Author:
Mohit Prajapat

2 months ago

134
Popover
basic popover example

Author:
Dipti narayan

1 year ago

12.1k
Heading Style

Author:
KULDEEP

2 weeks ago

123
Simple dialpad

Author:
Brandon D

2 years ago

10.9k
background animation
background animation

Author:
Anonymous

1 year ago

45.4k
Serious Input Html
Input text serious like apple or smth

Author:
Cristian

1 year ago

1.6k
Mobile app
I'll create a comprehensive collection of professional app components that you can use to build modern mobile and web applications.

Author:
ishimwe prince

1 month ago

27
default template

Author:
Anonymous

2 weeks ago

84
Innovative Developer & Digital Creator
Innovative Developer

Author:
gidy

3 weeks ago

58

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components