Disclaimer generetor in html
Create a Disclaimer generetor for your website. Download a free Disclaimer generetor script in html.
What is GEP A2?
GEP A2 Is disclaimer generetor in html format. You can create a website for Disclaimer 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 A2 (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
<!--[Disclaimer generetor]-->
<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" id="generateTerms" type="button">Generate</button>
<button class="button" id="resetFields" type="button">Reset</button>
<button class="button" 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 Developer Dhaval]-->`;
}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>
<h1>Disclaimer for <b>${name}</b></h1><p>If you require any more information or have any questions about our site's disclaimer, please feel free to contact us by email at <b>${email}</b>. Our Disclaimer was generated with the help of the <a href=" https://toolsofblogger.blogspot.com/ ">Disclaimer Generator</a>.</p><h2>Disclaimers for Your <b>${name}</b></h2><p>All the information on this website - <b>${url} </b> - is published in good faith and for general information purpose only. <b>${name}</b>does not make any warranties about the completeness, reliability and accuracy of this information. Any action you take upon the information you find on this website (<b>${name}</b>), is strictly at your own risk. <b>${name}</b> will not be liable for any losses and/or damages in connection with the use of our website.</p><p>From our website, you can visit other websites by following hyperlinks to such external sites. While we strive to provide only quality links to useful and ethical websites, we have no control over the content and nature of these sites. These links to other websites do not imply a recommendation for all the content found on these sites. Site owners and content may change without notice and may occur before we have the opportunity to remove a link which may have gone 'bad'.</p><p>Please be also aware that when you leave our website, other sites may have different privacy policies and terms which are beyond our control. Please be sure to check the Privacy Policies of these sites as well as their "Terms of Service" before engaging in any business or uploading any information. Our Privacy Policy was created by the <a href="https://developerdhaval.blogspot.com/">Privacy Policy Generator</a>.</p><h2>Consent</h2><p>By using our website, you hereby consent to our disclaimer and agree to its terms.</p><h2>Update</h2><p>Should we update, amend or make any changes to this document, those changes will be prominently posted here.</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>