Logo v4.3.1
Image Description

No Results

  • Get Support
  • Preview Demo
Logo v4.3.1
  • Docs
  • Snippets
  • Snippets
  • Introduction
  • Navbar / Heroes
  • Headers (Navbar)
  • Hero Sections
  • Content
  • Features
    General Stats Step Navs (Tabs)
  • Icon Blocks
  • Cards
    Grid List
  • Directory
    Grid List
  • Testimonials
  • Blogs
    Grid List
  • Tables
  • E-commerce
  • Pricing
  • Team Sections
  • Breadcrumb
  • Call-to-Action (CTA)
  • Modals
  • Portfolio
  • Gallery
  • Clients
  • Countdown
  • FAQ
  • Lists
  • Collapse/Accordion
  • Comments
  • Feedback & Reviews
  • User Profile
  • Sidebar Examples
  • Calendar View
  • Notification
  • Content Sections
  • Forms
  • Authentication
  • Feedback
  • Filters
  • Search
  • Directory
  • Subscribe
  • Account
  • Wizard & Steps
  • Contact / Footer
  • Contact Sections
  • Footer

Notification

Component #1

  • Preview
  • HTML
Cookie preferences

Note! This is just a simple popup modal to demonstrate how you can display a cookie message. This website uses the following types of cookies; strictly necessary, functional, visitor statistics and advertising cookies.

              
                <!-- Cookie Alert -->
                <div class="container position-fixed bottom-0 start-0 end-0 zi-3">
                  <div class="alert alert-white w-lg-75 shadow-sm mx-auto" role="alert">
                    <h5 class="text-dark">Cookie preferences</h5>
                    <p class="small"><span class="fw-semibold">Note!</span> This is just a simple popup modal to demonstrate how you can display a cookie message. This website uses the following types of cookies; strictly necessary, functional, visitor statistics and advertising cookies.</p>

                    <div class="row align-items-sm-center">
                      <div class="col-sm-8 mb-3 mb-sm-0">
                        <div class="form-check form-check-inline">
                          <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1" checked disabled>
                          <label class="form-check-label small" for="inlineCheckbox1">Strictly necessary</label>
                        </div>
                        <div class="form-check form-check-inline">
                          <input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2" checked>
                          <label class="form-check-label small" for="inlineCheckbox2">Functional</label>
                        </div>
                        <div class="form-check form-check-inline">
                          <input class="form-check-input" type="checkbox" id="inlineCheckbox3" value="option3">
                          <label class="form-check-label small" for="inlineCheckbox3">Visitor statistics</label>
                        </div>
                        <div class="form-check form-check-inline">
                          <input class="form-check-input" type="checkbox" id="inlineCheckbox4" value="option4">
                          <label class="form-check-label small" for="inlineCheckbox4">Advertising</label>
                        </div>
                      </div>
                      <!-- End Col -->

                      <div class="col-sm-4 text-sm-end">
                        <button type="button" class="btn btn-primary btn-transition" data-bs-dismiss="alert" aria-label="Close">Got it!</button>
                      </div>
                      <!-- End Col -->
                    </div>
                    <!-- End Row -->
                  </div>
                </div>
                <!-- End Cookie Alert -->