"Cookies accept hide section"
Bootstrap 3.3.0 Snippet by imsachin

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="en"> <head> <title>HTML</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <!--[if IE]> <link href="~/Content/NewHomePage/all-ie-only.css" rel="stylesheet" /> <![endif]--> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="style.css"> </head> <body> <!--cookies--> <div class="container-fluid cookies1"> <div class="container"> <span>We collect and use cookies to give you the best and most relevant website experience. Kindly accept the cookies.<a href="/privacy-policy" class="">Privacy Policy</a></span> <!--<span class="accept"><a href="" class="btn btn-primary" onclick="setCookies();">Accept</a></span>--> <span class=""><a href="#" class="close-div accept btn btn-primary" onclick="setCookies();">Accept</a></span> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="custom.js"></script> <!--cookies accept hide or show--> <script> $('.close-div').click(function () { $(".cookies1").hide(); }); </script> </body> </html>
/*cookies*/ .cookies1 { background-color:#72166c; padding:10px; color:#fff;bottom:0px;position:fixed;width:100%;text-align:center;} .cookies1 a, .cookies1 a:hover { color:#fff; font-weight:600;font-size:14px;text-decoration:none;} .cookies1 .accept,.cookies1 .accept:hover{background:#0d95cc;border-color:#0d95cc;border-radius:0px;font-size:16px;}

Related: See More

Vue Light Bootstrap Dashboard
Creating password field text hide show via a single class
Our Team section using bootstrap 4
Team Design Section with Pure CSS Effect

Questions / Comments: