Privacy policy generetor in html
Create a privacy policy generetor for your website. Download a free Privacy policy generetor script in html.
What is GEP A1?
GEP A1 Is privacy policy generetor in html format. You can create a website for Privacy policy generetor. This is free to use and not a copyright. You can use it in free.
Features:
1. Ui designs
2. Require alerts
3. Inputs design
4. Copy code button
5. Reset a details button
6. Show your company name in code - Yes or no option
How to download?
GEP A1 (in html) Download is two methods:
1. Download a file
→ Download a file in html format and use to your website.
2. Copy a html code (Recommend)
→ If you copy a html code to your not a difficult steps are follow. Copy the code.
1. Download File
Varsion: Generate Ui 1.0
Website varsion support: Web 11
Price: Free
File format: .html
2. Copy a html code
→ Double click to the code and copy the code. And past to your website.
HTML
<!--[Privacy policy genretor]-->
<div class="elementor-element elementor-element-002db10 e-container--column e-container" data-element_type="container" data-id="002db10"> <div class="elementor-element elementor-element-84ec421 elementor-widget elementor-widget-html" data-element_type="widget" data-id="84ec421" data-widget_type="html.default">
<div class="elementor-widget-container">
<div class="card mb-3">
<div class="card-body" data-text="Fill in your website details:- ">
<form id="termsForm" name="Terms and Conditions Generator">
<!--[ Website Name ]-->
<div class="tFormC">
<div class="cArea"><br />
<label>
<input class="cInpt" id="orgName" name="Website Name" type="text" />
<span class="n req">Website Name</span>
</label>
</div>
<!--[ Website URL ]-->
<div class="cArea">
<label>
<input class="cInpt" id="orgUrl" name="Website URL" type="text" />
<span class="n req">Website URL</span>
</label>
</div>
<!--[ Contact Email Address ]-->
<div class="cArea">
<label>
<input class="cInpt" id="orgEmail" name="Email ID" type="text" />
<span class="n req">Email ID</span>
</label>
</div>
</div><br />
<div class="cArea radio cont1">
<p>Want to give us a Backlink?</p>
<label>
<input id="ckieY" name="cookie" type="radio" />
<span>Yes</span>
</label>
<label>
<input id="ckieN" name="cookie" type="radio" />
<span>No</span>
</label>
</div><br />
<!--[ Buttons ]-->
<div class="buttonInfo cont1">
<button class="button vts" id="generateTerms" type="button">Generate</button>
<button class="button vts" id="resetFields" type="button">Reset</button>
<button class="button vts" id="copyTerms" type="button">Copy</button>
</div>
</form>
</div>
</div>
<div id="outputTerms"></div>
<!--[ Notification ]-->
<div class="copyNotif" id="termsNotif"></div>
<style>
input[type=text], input[type=email]{display:block;width:100%;border:1px solid rgba(230,230,230,1);border-radius:2px;outline:0; padding:15px 15px;margin-bottom:15px}
input[type=text]:focus, input[type=email]:focus{border-color:var(--body-altColor)}
/*ads*/
.cont1{
position:relative;
border-radius: 3px;
border: 1px;
border-style: solid;
border-color: #e7ebee;
padding: 25px 10px 10px;
overflow: hidden;
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #ffffff;
background-clip: border-box;
border: 1px solid rgba(98, 105, 118, 0.16);
border-radius: 4px;
}
.card {
box-shadow: rgba(30, 41, 59, 0.04) 0 2px 4px 0;
border: 1px solid rgba(98, 105, 118, 0.16);
background: var(--tblr-card-bg, #ffffff);
}
.mb-3 {
margin-bottom: 1rem !important;
}
.card-body {
flex: 1 1 auto;
padding: 1rem 1rem;
}
/* Gen Form */
.formC{position:relative;background:#fff;padding:20px;border-radius:5px;box-shadow:0 5px 35px rgba(149,157,165,.3)}
.formC.d{margin-bottom:20px}
.formC.d p{margin:0 0 20px 0}
.formC .buttonInfo{margin:0}
.formC .button{margin-bottom:0}
.cArea.radio{} .cArea.radio p{font-family:var(--fontBa);font-size:14px;margin:0 0 5px 0} .cArea.radio label{display:flex;cursor:pointer;font-weight:500;position:relative;overflow:hidden;margin-bottom:0.375em;width:auto} .cArea.radio label input[type=radio]{position:absolute;left:-9999px} .cArea.radio label input[type=radio]:checked + span{background-color:#d6d6e5} .cArea.radio label input[type=radio]:checked + span:before{box-shadow:inset 0 0 0 0.3075em #00005c} .cArea.radio label span{display:flex;align-items:center;padding:0.275em 0.75em 0.275em 0.675em;border-radius:99em;transition:0.25s ease} .cArea.radio label:hover span{background-color:#d6d6e5;opacity:.7} .cArea.radio label span:before{display:flex;flex-shrink:0;content:"";background-color:#fff;width:1em;height:1em;border-radius:50%;margin-right:0.375em;transition:0.25s ease;box-shadow:inset 0 0 0 0.095em #00005c}
</style>
<script type="text/javascript">/*<![CDATA[*/
var termsForm = document.querySelector('#termsForm');
var orgName = document.querySelector('#orgName');
var orgUrl = document.querySelector('#orgUrl');
var orgEmail = document.querySelector('#orgEmail');
var generateTerms = document.querySelector('#generateTerms');
var resetFields = document.querySelector('#resetFields');
var copyTerms = document.querySelector('#copyTerms');
var outputTerms = document.querySelector('#outputTerms');
var termsNotif = document.querySelector('#termsNotif');
var inputs = document.querySelectorAll('.widget input[type=text], .widget textarea');
for (var i = 0; i < inputs.length; i++) {
var input = inputs[i];
input.addEventListener('input', function() {
var bg = this.value ? 'fl' : 'nfl';
this.setAttribute('data-text', bg);
});
}
/* Getting current date */
var monthName = ['January','February','March','April','May','June','July','August','September','October','November','December'];
var dateObj = new Date();
var month = monthName[dateObj.getMonth()];
var day = dateObj.getDate();
var year = dateObj.getFullYear();
/* Adding https:// string */
orgUrl.addEventListener('blur', function() {
var string = orgUrl.value;
if (!~string.indexOf('https://') && string !=='') {
string = 'https://' + string;
}
orgUrl.value = string;
return orgUrl
});
function copyNotif(e){
termsNotif.innerHTML = "<span>" + e + "</span>"
}
generateTerms.addEventListener('click', () => {
var cookiesTerms = '';
var ckieY = document.getElementById('ckieY');
var ckieN = document.getElementById('ckieN');
var name = orgName.value;
var url = orgUrl.value;
var email = orgEmail.value;
var newdate = month + ' ' + day + ', ' + year;
if(ckieY.checked) {
console.log('You have selected Cookie - Yes');
var cookiesTerms = `
<!--[Created by Company Name]-->`;
}else if(ckieN.checked) {
console.log('You have selected Cookie - No');
var cookiesTerms = '';
};
/* Terms */
var terms = `
<div class="card mb-3"> <div class="card-body" data-text="HTML Version "> <div class='pre html notranslate'>
<pre>${cookiesTerms}<div>
<h2>Privacy Policy for <b>${name}</b></h2> <p>At <b>${name}</b>, accessible from <b>${url} </b>, one of our main priorities is the privacy of our visitors. This Privacy Policy document contains types of information that is collected and recorded by ${name} and how we use it.</p><p>If you have additional questions or require more information about our Privacy Policy, do not hesitate to Contact through email at <b>${email}</b></p> <h2>Log Files</h2> <p> <b>${name}</b> follows a standard procedure of using log files. These files log visitors when they visit websites. All hosting companies do this and a part of hosting services analytics. The information collected by log files include internet protocol (IP) addresses, browser type, Internet Service Provider (ISP), date and time stamp, referring/exit pages, and possibly the number of clicks. These are not linked to any information that is personally identifiable. The purpose of the information is for analyzing trends, administering the site, tracking users movement on the website, and gathering demographic information.</p><h2>Cookies and Web Beacons</h2><p>Like any other website, <b>${name}</b> uses cookies. These cookies are used to store information including visitors preferences and the pages on the website that the visitor accessed or visited. The information is used to optimize the users experience by customizing our web page content based on visitors browser type and/or other information.</p><h2>Google DoubleClick DART Cookie</h2><p>Google is one of a third-party vendor on our site. It also uses cookies, known as DART cookies, to serve ads to our site visitors based upon their visit to www.website.com and other sites on the internet. However, visitors may choose to decline the use of DART cookies by visiting the Google ad and content network Privacy Policy at the following URL &#8211; <a href="https://policies.google.com/technologies/ads">https://policies.google.com/technologies/ads</a></p><h2>Privacy Policies</h2><P>You may consult this list to find the Privacy Policy for each of the advertising partners of <b>${name}</b>. Our Privacy Policy was created with the help of the <a href="https://toolsofblogger.blogspot.com/">Privacy Policy Generator</a></p><p>Third-party ad servers or ad networks uses technologies like cookies, JavaScript, or Web Beacons that are used in their respective advertisements and links that appear on <b>${name}</b>, which are sent directly to usersbrowser. They automatically receive your IP address when this occurs. These technologies are used to measure the effectiveness of their advertising campaigns and/or to personalize the advertising content that you see on websites that you visit.</p><p>Note that <b>${name}</b> has no access to or control over these cookies that are used by third-party advertisers.</p><h2>Third Pary Privacy Policies</h2><p><b>${name}</b> s Privacy Policy does not apply to other advertisers or websites. Thus, we are advising you to consult the respective Privacy Policies of these third-party ad servers for more detailed information. It may include their practices and instructions about how to opt-out of certain options. You may find a complete list of these Privacy Policies and their links here: Privacy Policy Links.</p><p>You can choose to disable cookies through your individual browser options. To know more detailed information about cookie management with specific web browsers, it can be found at the browsers respective websites. What Are Cookies?</p><h2>Children s Information</h2><p>Another part of our priority is adding protection for children while using the internet. We encourage parents and guardians to observe, participate in, and/or monitor and guide their online activity.</p><p><b>${name}</b> does not knowingly collect any Personal Identifiable Information from children under the age of 13. If you think that your child provided this kind of information on our website, we strongly encourage you to Contact immediately and we will do our best efforts to promptly remove such information from our records.</p><h2>Online Privacy Policy Only</h2><p>This Privacy Policy applies only to our online activities and is valid for visitors to our website with regards to the information that they shared and/or collect in <b>${name}</b>. This policy is not applicable to any information collected offline or via channels other than this website.</p><h2>Consent</h2><p>By using our website, you hereby consent to our Privacy Policy and agree to its Terms and Conditions.</p>
</div>
</pre>`;
if (name == '' || url == '' || email == '') {
alert('Please fill all the details!');
return false;
}
else if(!ckieY.checked && !ckieN.checked){
alert('Choose Yes or No!');
}
else {
outputTerms.innerHTML = terms;
var oT = outputTerms.value ? 'fl' : 'nfl';
outputTerms.setAttribute('data-text', oT);
alert('Successfully Generated');
}
});
resetFields.addEventListener('click', () => {
if (orgName.value !== '' || orgUrl.value !== '' || orgEmail.value !== '' || outputTerms.value !== '') {
termsForm.reset();
outputTerms.innerHTML = '';
alert('Successfully Resetted');
}
else {
alert('Nothing to Reset!');
}
});
copyTerms.addEventListener('click', () => {
if (outputTerms.innerHTML != '') {
var e=getSelection(),
o=document.createRange();
o.selectNodeContents(outputTerms);
e.removeAllRanges();
e.addRange(o);
document.execCommand("copy");
e.removeAllRanges();
alert('Copied to Clipboard!');
document.getSelection().removeAllRanges();
}
else {
alert('Nothing to Copy!');
}
});
/*]]>*/</script>
<b:if cond="data:view.isSingleItem">
<script> for(var preClick=document.getElementsByTagName("pre"),i=0;i<preClick.length;i++)preClick[i].addEventListener("dblclick",function(){,document.querySelector("#toastNotif").innerHTML="<span>Copied to clipboard!</span>"},!1); /*]]>*/</script>
</b:if> </div>
</div>
</div>