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)

1.1k

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

Google map iframe with tailwind

Author:
Kofi Osei

2 years ago

21.3k
5 Different Style of Button
Gradient Button outline button neon button Sliding Background pulsing Button

Author:
KULDEEP

4 months ago

345
Maintenance page template
The site is under maintenance placeholder page

Author:
Anonymous

1 year ago

9.9k
Expandable File Tree with Tailwind and Vanilla JS with tailwinds 4
A simple and responsive file tree component built with Tailwind CSS and vanilla JavaScript. Each folder can be expanded or collapsed with smooth transitions, including the root directory. This component is useful for project explorers, code editors, or file management UIs.

Author:
Indra

2 months ago

214
responsive home page
the best home page

Author:
irahoza daniel

5 months ago

882
Custom Audio Player
🎧 Custom Audio Player (HTML, Tailwind CSS & Alpine.js) A modern, responsive custom audio player built with Tailwind CSS and Alpine.js, designed for a smooth user experience and elegant visuals in both light and dark mode. ✨ Features: 🎵 Play, pause, and mute/unmute controls 📈 Interactive progress bar with seek functionality 🔊 Dynamic volume slider with live preview 🖼️ Album art and track details display ⌨️ Keyboard support — toggle play/pause with the spacebar 🌓 Fully responsive and dark-mode compatible This player uses minimal JavaScript, relying on Alpine.js for reactivity, and can be easily customized or integrated into any web project. Perfect for portfolios, podcasts, or music web apps.

Author:
wavy kits

1 month ago

293
blog component
good blog

Author:
Uwera Dorcas

5 months ago

576
Your upside-down text

Author:
Isabella Kowalski

2 years ago

12.9k
chart
to chart on your family and

Author:
Nishimwe Jeanine

5 months ago

434
Car booking form
Rental carr booking form to rent a car online

Author:
ehmasuk

3 weeks ago

64
BONIMATOR Responsive Tailwind Starter Template
Responsive Tailwind Starter Template

Author:
Bonimater

5 months ago

716
Responsive Hero Section with Typewriter Effect
A modern hero section featuring a typewriter animation effect, social media links, and responsive design. Includes a user avatar placeholder and a clean dark gradient background. Built with Tailwind CSS and Font Awesome icons. Perfect for personal portfolio websites.

Author:
Muhammad Umair Arshad

7 months ago

488

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components