→ Anonymous
→ Privacy policy template with boostrap 5

Privacy policy template with boostrap 5

This bootstrap css example is contributed by Anonymous, on 25-Dec-2024. Component is made with bootstrap css v.5.3. It is responsive.

Tags: Other

Author Anonymous

252

v.5.3

Fork Fullscreen

<div class="bg-light">
    <div class="container py-5">
        <div class="row">
            
            <div class="col-lg-3 mb-4">
                <div class="card sticky-top" style="top: 2rem;">
                    <div class="card-body">
                        <h5 class="card-title mb-3">Contents</h5>
                        <nav class="nav flex-column">
                            <a class="toc-link py-2" href="#overview">Overview</a>
                            <a class="toc-link py-2" href="#collection">Information Collection</a>
                            <a class="toc-link py-2" href="#use">Information Use</a>
                            <a class="toc-link py-2" href="#sharing">Information Sharing</a>
                            <a class="toc-link py-2" href="#security">Data Security</a>
                            <a class="toc-link py-2" href="#rights">Your Rights</a>
                            <a class="toc-link py-2" href="#updates">Policy Updates</a>
                            <a class="toc-link py-2" href="#contact">Contact Us</a>
                        </nav>
                    </div>
                </div>
            </div>

<div class="col-lg-9">
                <div class="card">
                    <div class="card-body">
                        <h1 class="mb-4">Privacy Policy</h1>
                        <p class="text-muted">Last updated: December 25, 2024</p>

<div id="overview" class="policy-section py-4">
                            <h2>Overview</h2>
                            <p>This Privacy Policy describes how we collect, use, and handle your personal information
                                when you use our services.</p>
                        </div>

<div id="collection" class="policy-section py-4">
                            <h2>Information Collection</h2>
                            <h5 class="mt-3">Information you provide</h5>
                            <ul>
                                <li>Account information (name, email, phone number)</li>
                                <li>Profile information</li>
                                <li>Payment information</li>
                            </ul>

<h5 class="mt-3">Information automatically collected</h5>
                            <ul>
                                <li>Device information</li>
                                <li>Log data</li>
                                <li>Usage information</li>
                            </ul>
                        </div>

<div id="use" class="policy-section py-4">
                            <h2>Information Use</h2>
                            <p>We use collected information to:</p>
                            <ul>
                                <li>Provide and maintain our services</li>
                                <li>Improve user experience</li>
                                <li>Send important notifications</li>
                                <li>Prevent fraud and abuse</li>
                            </ul>
                        </div>

<div id="sharing" class="policy-section py-4">
                            <h2>Information Sharing</h2>
                            <p>We may share your information with:</p>
                            <ul>
                                <li>Service providers</li>
                                <li>Legal authorities when required</li>
                                <li>Business partners (with your consent)</li>
                            </ul>
                        </div>

<div id="security" class="policy-section py-4">
                            <h2>Data Security</h2>
                            <p>We implement appropriate security measures to protect your personal information,
                                including:</p>
                            <ul>
                                <li>Encryption of data in transit and at rest</li>
                                <li>Regular security assessments</li>
                                <li>Access controls and monitoring</li>
                            </ul>
                        </div>

<div id="rights" class="policy-section py-4">
                            <h2>Your Rights</h2>
                            <p>You have the right to:</p>
                            <ul>
                                <li>Access your personal data</li>
                                <li>Request data correction</li>
                                <li>Request data deletion</li>
                                <li>Object to processing</li>
                            </ul>
                        </div>

<div id="updates" class="policy-section py-4">
                            <h2>Policy Updates</h2>
                            <p>We may update this policy periodically. We will notify you of any material changes by
                                posting the new policy on this page.</p>
                        </div>

<div id="contact" class="policy-section py-4">
                            <h2>Contact Us</h2>
                            <p>If you have questions about this Privacy Policy, please contact us at:</p>
                            <div class="card bg-light mt-3">
                                <div class="card-body">
                                    <p class="mb-1">Email: privacy@example.com</p>
                                    <p class="mb-1">Address: 123 Privacy Street</p>
                                    <p class="mb-0">Phone: (555) 123-4567</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

More Examples

Background image with bootstrap 4
Bootstrap 4 background image

Author:
Anonymous

1 month ago

139

v.4.6
Interactive Kanban Task Board

Author:
Anonymous

4 months ago

2.4k

v.5.3
Responsive video container

Author:
Anonymous

6 months ago

294

v.4.6
Interactive Quiz Application
1. Dynamic Question Loading: Questions are loaded one at a time from a predefined set. 2. Timer: Each question has a 30-second time limit. Interactive Options: Users can select their answer, with visual feedback for correct and incorrect choices. 3. Progress Bar: Shows the user's progress through the quiz. 4. Results Summary: Displays the final score with a congratulatory or encouraging message. 5. Responsive Design: The quiz adapts to different screen sizes.

Author:
Ross Wille

4 months ago

1.3k

v.5.3
Invoice template with bootstrap

Author:
Anonymous

6 months ago

286

v.4.6
Minimal Changelog Page Template design

Author:
Asmath

1 month ago

914

v.5.3
Parallax effect with image background

Author:
Anonymous

1 month ago

230

v.4.6
Credit Card Clone
On hover shows backside of credit card

Author:
Ankit khedkar

6 months ago

389

v.5.3
Bootstrap 5 chat template

Author:
Andreas Müller

6 months ago

587

v.5.3
Credit cards bootstrap 5
credit cards design made with Bootstrap 5

Author:
Ankit khedkar

6 months ago

645

v.5.3
Changelog page template

Author:
Asmath

1 month ago

953

v.5.3
Login Form with input field validation, and display error or success messages using only HTML, CSS, and Bootstrap, you can follow this approach.
HTML: Form Structure: Contains fields for username and password with validation attributes (required, minlength). Feedback Messages: Placeholder div for dynamic error messages. CSS: Background Gradient: Applied to the body. Card Styling: Rounded corners and centered layout. Button Styling: Custom colors for the submit button. Validation Styling: Borders and error message styling. JavaScript: Validation Logic: Basic client-side validation to check if fields are empty or meet minimum length requirements. Feedback Messages: Display appropriate error or success messages based on validation.

Author:
zobaidul kaziex

4 months ago

2.7k

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent