"Cookie Accept"
Bootstrap 4.1.1 Snippet by mylastof

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/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 ----------> <div class="cookie-accept d-block position-fixed mw-25 bg-primary text-white rounded-top pt-2 pr-3 pl-3 pb-2"> <h5>This site uses cookies</h5> <p>We - <em>and our partners</em> - use cookies to deliver our services and to show you ads based on your interests. Information about cookies and their deactivation you can find in our Privacy Policy. By using our website, you agree to the use of cookies.</p> <a target="_blank" href="https://www.totoprayogo.com" class="btn btn-outline-light btn-block">Accept</a> </div> <div class="container"> <div class="row"> <h2>How do we use cookies?</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque leo nisl, malesuada elementum est eget, viverra auctor nisi. Donec ornare tristique nibh, et egestas est scelerisque vel. In congue rutrum sodales. Aliquam a leo porttitor, finibus nulla at, eleifend arcu. Donec cursus tellus vel nibh posuere ornare vitae vitae sem. Duis magna massa, eleifend eu eros eu, consequat porttitor sapien. Sed rhoncus, nisi eu finibus sollicitudin, odio risus accumsan turpis, ut tempus felis tortor at nulla.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacus enim, faucibus feugiat ex id, egestas sollicitudin arcu. Nullam vel luctus magna. Sed sit amet ante ut augue bibendum tincidunt. Pellentesque gravida rutrum est sit amet viverra. Nullam at euismod quam. Curabitur a massa ultricies, venenatis diam eu, consectetur elit. In hac habitasse platea dictumst. Aenean congue ultrices lacus, id porta ex laoreet eu.</p> <p>Phasellus dictum velit sed molestie rhoncus. Duis pharetra erat sed diam vehicula, at dictum lectus hendrerit. Cras tempus est eu tortor auctor, eget placerat mauris pellentesque. Nunc rhoncus, diam non sagittis tempor, dolor arcu rutrum nunc, interdum ullamcorper dui urna et metus. Pellentesque et felis sit amet metus eleifend consectetur. Mauris id tellus scelerisque felis finibus scelerisque at eget est. Etiam quis egestas urna. Maecenas tempus luctus tortor eget euismod. Nam eu fermentum mauris. Morbi eget sapien sit amet lacus interdum aliquam et sed turpis. Aliquam nec accumsan nibh.</p> <p>Integer et neque id nisi pharetra tincidunt. Cras porta ante tortor, congue hendrerit orci facilisis at. Etiam justo velit, scelerisque in accumsan a, pulvinar id arcu. Sed at pellentesque dolor. Integer sem sapien, molestie nec dolor sit amet, placerat ornare orci. Nunc sapien quam, tempor id sem at, bibendum tincidunt diam. Vivamus nisl est, feugiat quis porta ac, laoreet id eros.</p> <p>Fusce commodo, urna a tempus pharetra, erat neque molestie quam, eget porttitor sem urna in metus. In ultricies congue egestas. Fusce dolor nisi, feugiat ac accumsan eu, viverra vel tellus. Sed non tellus ex. Vivamus mattis fringilla justo vitae mattis. Phasellus scelerisque, ipsum non placerat pretium, tellus eros dapibus dui, congue fringilla odio lectus ac tellus. Nunc auctor, lorem non suscipit condimentum, turpis lacus aliquam magna, vel sagittis urna nisl fermentum magna. Aliquam enim magna, blandit id pretium non, elementum eu nibh. Pellentesque sodales ex a varius pulvinar.</p> <p>Vestibulum ultricies malesuada massa sit amet fermentum. Maecenas quam orci, lacinia aliquet elementum et, aliquet vel mauris. Praesent sit amet nisi faucibus nulla viverra ornare. Vivamus vitae ex euismod, malesuada mauris nec, faucibus lorem. Aenean enim dolor, elementum in nisl nec, placerat dictum velit. Nulla sit amet ex et eros vestibulum consectetur. Suspendisse risus dui, tempus sit amet semper a, aliquam sit amet lectus.</p> <p>Donec porttitor euismod urna, quis vehicula tellus feugiat vel. Aenean magna velit, sagittis ac efficitur at, pellentesque sit amet orci. In dignissim felis dui, ut lacinia augue feugiat rhoncus. Phasellus tincidunt orci et diam placerat, a tincidunt magna consectetur. Nam in venenatis eros, non accumsan nulla. Pellentesque ut libero id elit condimentum egestas. Vivamus facilisis luctus vehicula. Etiam luctus elementum lectus, in bibendum lacus pretium ut.</p> <p>Etiam dignissim, quam sed volutpat semper, dui tortor auctor massa, sit amet aliquam ipsum mauris ut sapien. Pellentesque ante ex, tempor ut purus in, sodales venenatis dolor. Curabitur enim risus, vehicula eget lacus vel, scelerisque feugiat diam. Cras quis odio sodales, dictum ipsum sit amet, dictum dui. Curabitur nunc nisi, viverra eget dolor eu, mattis vulputate nunc. Etiam pulvinar est nec augue consectetur, ac feugiat turpis sollicitudin. Fusce nec ullamcorper nibh. Nulla facilisi. Vivamus efficitur vulputate metus. Morbi porta mauris nec porttitor posuere. Praesent sollicitudin id arcu sed molestie. Nam dapibus id erat in hendrerit.</p> <p>Praesent id velit id urna ultricies aliquam. Nullam dictum fermentum tempus. In hac habitasse platea dictumst. Nullam eleifend dolor ut arcu ultricies ultrices. Phasellus scelerisque porta suscipit. Praesent at consectetur ante. Nullam augue erat, porta sed nulla in, viverra aliquet dui. Aliquam vitae placerat velit. Donec dictum tincidunt nunc ut convallis. Cras faucibus ipsum sit amet sagittis varius. Pellentesque aliquet gravida velit, in efficitur dolor lobortis sit amet.</p> <p>Nunc a enim vitae dui facilisis porta quis sed nunc. Proin maximus orci sem, sit amet sodales libero porta dignissim. Praesent feugiat scelerisque enim ac viverra. Maecenas pellentesque sodales metus ut vestibulum. Phasellus lacinia metus vitae lacus tempus tempor. In hendrerit tincidunt faucibus. Suspendisse auctor risus orci, in tincidunt mi porta nec.</p> </div> </div>
.cookie-accept { max-width: 300px; width: 100%; right: 20px; height: auto; z-index: 9999; bottom: 0px; }

Related: See More


Questions / Comments: