A cookie banner for Bootstrap 5 websites

Related tags

Learning resource bootstrap cookie-banner cookie-consent-banner bootstrap-5 bootstrap-cookie-banner
Overview

Bootstrap cookie banner

A cookie banner for websites using Bootstrap 5.

Demo: Live demo

Bootstrap Version used: 5.1.3

Usage

  1. Include the CSS and js files.
<!-- Cookie Banner -->
<link rel="stylesheet" href="./src/cookie-banner.css">
<script async src="./src/cookie-banner.js"></script>
  1. Minimum HTML to make it work
<!-- Cookie Banner -->
<div id="cb-cookie-banner" class="alert alert-dark text-center mb-0" role="alert">
  &#x1F36A; This website uses cookies to ensure you get the best experience on our website.
  <a href="https://www.cookiesandyou.com/" target="blank">Learn more</a>
  <button type="button" class="btn btn-primary btn-sm ms-3" onclick="window.cb_hideCookieBanner()">
    I Got It
  </button>
</div>
<!-- End of Cookie Banner -->

Screenshot

Demo image

You might also like...

Angular 14 JWT Authentication & Authorization with Web API and HttpOnly Cookie - Token Based Auth, Router, Forms, HttpClient, BootstrapBootstrap

Angular 14 JWT Authentication & Authorization with Web API and HttpOnly Cookie - Token Based Auth, Router, Forms, HttpClient, BootstrapBootstrap

Angular 14 JWT Authentication with Web API and HttpOnly Cookie example Build Angular 14 JWT Authentication & Authorization example with Web Api, HttpO

Dec 26, 2022

Dead simple cookie-based session for Deno Fresh.

Fresh Session 🍋 Dead simple cookie-based session for Deno Fresh. Get started Fresh Session comes with a simple middleware to add at the root of your

Jan 5, 2023

A simple cookie consent plugin for jQuery

jquery.cookie-consent A simple jQuery plugin for requesting consent for cookie usage. Live demo See a live demo on CodePen Installation Using npm npm

Nov 29, 2022

A utility package to help implement stateless CSRF protection using the Double Submit Cookie Pattern in express.

Double CSRF A utility package to help implement stateless CSRF protection using the Double Submit Cookie Pattern in express. Dos and Don'ts • Getting

Dec 28, 2022

MERN authentication using JWT and HTTP-Only cookie

MERN authentication using JWT and HTTP-Only cookie

MERN Authentication Starter This is a starter app for a MERN stack application with authentication. This is for a SPA (Single Page Application) workfl

Aug 13, 2023

Bootstrap Colorpicker is a modular color picker plugin for Bootstrap.

Bootstrap Colorpicker Bootstrap Colorpicker is a modular color picker plugin for Bootstrap 4. THIS PROJECT IS NOT MAINTAINED ANYMORE. After almost 10

Dec 22, 2022

🗂 The perfect Front-End Checklist for modern websites and meticulous developers

🗂 The perfect Front-End Checklist for modern websites and meticulous developers

Front-End Checklist The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your website / HTML page

Jan 7, 2023

A collection of coding challenges from interviews and websites

coding-challenges All of these folders are challenges that I've make for interviews and from tutorials, now I'll enumerate the ones that are from inte

Jul 13, 2022

Timers for your websites using moment.js

web-timers Timers for your websites using moment.js This small library allows you to make a timer. The process is very simple. Installation You just n

Sep 9, 2022
Comments
Releases(v3.0.0)
Owner
Kolappan Nathan
Software Developer | C#, .Net, SQL, Angular, Azure
Kolappan Nathan
GitHub https://kolappannathan.github.io/bootstrap-cookie-banner/
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
Extends Bootstrap Tooltips and Popovers by adding custom classes. Available for Bootstrap 3 and Bootstrap 4.

Bootstrap Tooltip Custom Class Extends Bootstrap Tooltips and Popovers by adding custom classes. Available for Bootstrap 3 and Bootstrap 4. Define you

Andrei Victor Bulearca 14 Feb 10, 2022
A simple Form Validation Utility for Bootstrap 3, Bootstrap 4, and Bootstrap 5 for Humans.

bootstrap-validate A simple Form Validation Utility for Bootstrap 3, Bootstrap 4, and Bootstrap 5 for Humans. ?? Support us with Developer Merchandise

null 138 Jan 2, 2023
Coloca as últimas pessoas que te seguiram no Twitter dentro do banner da sua conta ;D

Twitter Banner Followers Coloca as últimas pessoas que te seguiram no Twitter dentro do banner da sua conta ;D Instalação: Estou assumindo que você po

Pedro Peregrina 71 Nov 16, 2022
A web component that allows you to run high level programming languages on your websites (static websites included!)

Code-Runner-Web-Component A web component that allows you to run high level programming languages on your website via the public Piston API Show your

Marketing Pipeline 28 Dec 16, 2022
IDLIX Scrapper API with cookie

IDLIX Scrapper About IDLIX Scrapper, IDLIX API Hak Cipta Projek ini dilindungi oleh MIT yang dimana penggunanya boleh menggunakan, mendistribusikan, m

Annurdien Rasyid 9 Dec 16, 2022
Netlify functions session cookie 🍪

netlify-functions-session-cookie ?? Cryptographically-signed session cookies for Netlify functions. Summary Install Concept and Usage API Environment

Matteo Cargnelutti 7 Jun 8, 2022
React.js Login, Logout, Registration example with JWT and HttpOnly Cookie

React Login and Registration example with JWT and HttpOnly cookie For more detail, please visit: React Login and Registration example with JWT and Htt

null 37 Dec 24, 2022
A browser extension to simplify web pages and hide distracting things like hide cookie banners, auto-playing videos, sidebars, etc

Unclutter Browser Extension A browser extension to simplify web pages and hide distracting things like hide cookie banners, auto-playing videos, sideb

null 849 Jan 9, 2023