Bootstrap Snippet cookie policy popup bootstrap 4 using HTML CSS Javascript

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.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 ---------->
 <section class="cookie">
   <div class="txt">
      <p class="">
         By using Your Website Name,<br>
         you agree to our <a href="#" target="_blanck">Cookie Policy.</a>
      </p>
   </div>
   <div>
      <a class="btn accept">Accept</a>
   </div>
</section>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
body{background-color: #190E2E;}
.cookie{
    width: 420px;
    height: 72px;
    background-color: #fff;
    position: fixed;
    bottom: 88px;
    border-radius: 10px;
    left: 5%;
    padding: 10px 20px;
}
.cookie .txt{
    float: left;
    width: 65%;
}
.txt p{
    color:#1D2D35;
}
.cookie .accept {
    background-color: #40CC79;
    color: #fff !important;
    border-radius: 32px;
    padding: 3px 23px;
    /* align-self: center; */
    font-size: 19px;
    margin-top: 2.5%;   
    margin-left: 3%;
}
.cookie .accept:hover {
    background-color: #30b867;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
$(".accept").click(function(){
        $(".cookie").hide();
  //Enter your code hear...
    });
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"cookie policy popup bootstrap 4 "
Bootstrap 4.0.0 Snippet by KashyapVadi

Related: See More

Questions / Comments:

"cookie policy popup bootstrap 4 " Bootstrap 4.0.0 Snippet by KashyapVadi

Related: See More

Questions / Comments:

"cookie policy popup bootstrap 4 "
Bootstrap 4.0.0 Snippet by KashyapVadi