COOKIE LAWPRO
responsive cookie law notification
Welcome to quick installer!
Use the style switcher on the right to customize your CLPRO notification.
Code snippets presented below will be updated according to your personal settings.
If you want to bring back the notification, after closing it,
just use the Reset button in the style switcher.
Use the style switcher on the right to customize your CLPRO notification.
Code snippets presented below will be updated according to your personal settings.
If you want to bring back the notification, after closing it,
just use the Reset button in the style switcher.
Place styles in the <head> section
<link rel="stylesheet" type="text/css" href="css/clp.white.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome/css/font-awesome.min.css">
Place CLPRO html code at the end of your body contents (just before </body> tag)
<div id="cookieLawPro" class="cookieLawPro clp-fixed" data-settings="1" data-removecookies="" data-safecookies="">
<div class="clp-wrapper clp-border">
<div class="clp-inner">
<div class="clp-content">
<p>This website uses cookies to improve your user experience. If you continue on this website, you will be providing your consent to our use of cookies.</p>
</div>
<div class="clp-controls clp-double">
<a href="#" class="clp-more"><i class="fa fa-info-circle"></i> More information</a>
<a href="#" class="clp-agree" data-cookielawprocookieexpiration="365" id="clp-agree"><i class="fa fa-check"></i> Accept</a>
<a href="#" class="clp-decline" id="clp-decline"><i class="fa fa-times"></i> Decline</a>
</div>
</div>
</div>
</div>
<div class="clp-wrapper clp-border">
<div class="clp-inner">
<div class="clp-content">
<p>This website uses cookies to improve your user experience. If you continue on this website, you will be providing your consent to our use of cookies.</p>
</div>
<div class="clp-controls clp-double">
<a href="#" class="clp-more"><i class="fa fa-info-circle"></i> More information</a>
<a href="#" class="clp-agree" data-cookielawprocookieexpiration="365" id="clp-agree"><i class="fa fa-check"></i> Accept</a>
<a href="#" class="clp-decline" id="clp-decline"><i class="fa fa-times"></i> Decline</a>
</div>
</div>
</div>
</div>
Place javascripts before the closing </body> tag (or to your JavaScript section)
<script src="scripts/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="scripts/jquery.cookie.min.js" type="text/javascript"></script>
<script src="scripts/clp.min.js" type="text/javascript"></script>
<script src="scripts/jquery.cookie.min.js" type="text/javascript"></script>
<script src="scripts/clp.min.js" type="text/javascript"></script>
Just remember to:
• copy all the used files (including jQuery, jQueryCookie, and FontAwesome) to your project
• update paths to all Cookie Law resources to match real paths in your project
• copy all the used files (including jQuery, jQueryCookie, and FontAwesome) to your project
• update paths to all Cookie Law resources to match real paths in your project
Note that if you are already using jQuery, jQuery Cookie or FontAwesome you don't have to include them again in your project.
Thank you for buying CLPRO.
Feel free to rate it 5 stars.
Go to CodeCanyon
© 2018 All rights reserved by SourceAssassins