You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
220 lines
5.2 KiB
220 lines
5.2 KiB
|
|
<!-- The following IP address is blocked -->
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en-EN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="language" content="de"/>
|
|
<meta name="description" content="kontaktformular.com"/>
|
|
<meta name="revisit" content="After 7 days"/>
|
|
<meta name="robots" content="INDEX,FOLLOW"/>
|
|
<title>ESP Contact Form</title>
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
|
|
<!-- Stylesheet -->
|
|
<link href="css/style-contact-form.css" rel="stylesheet">
|
|
|
|
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
|
|
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/inter-ui@3.11.0/inter.min.css'>
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
<div>
|
|
<form id="kontaktformular" class="kontaktformular" action="contact.php" method="post" enctype="multipart/form-data">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-sm-4 ">
|
|
|
|
|
|
|
|
|
|
<input class="input-field" type="text" placeholder=" " required name="name" value="" maxlength="50"> <div> </div>
|
|
<label class="label-field">Name *</label>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col-sm-4 ">
|
|
|
|
<input class="input-field" type="email" placeholder=" " required name="email" value="" maxlength="50">
|
|
|
|
|
|
<div> </div> <label class="label-field">Email *</label>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-sm-8 ">
|
|
|
|
|
|
<!-- Block IP address shown above -->
|
|
<input type='hidden' name='ipblocking' value="83.76.219.234" />
|
|
|
|
<textarea required aria-label="Message" class="textarea-field" rows="5" placeholder=" " style="height:100%;width:100%;" name="message"></textarea>
|
|
|
|
|
|
|
|
<div></div> <label class="label-field">Message *</label>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<input type="hidden" name="chkspmkc" value="chkspmbt" />
|
|
<div style="margin-bottom:10px;"><img aria-label="Captcha" src="captcha/captcha.php" alt="Security_code" title="kontaktformular.com-sicherheitscode" id="captcha" />
|
|
<a href="javascript:void(0);" onclick="javascript:document.getElementById('captcha').src='captcha/captcha.php?'+Math.random();cursor:pointer;">
|
|
<span class="captchareload"><i style="color:grey;" class="fas fa-sync-alt"></i></span>
|
|
</a></div>
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col-sm-8 ">
|
|
|
|
|
|
<input required aria-label="Eingabe" id="answer" placeholder=" " type="text" name="sicherheitscode" maxlength="150" class="captcha-field"/>
|
|
<div></div><label class="label-field">Please enter security code. *</label>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div style="margin-bottom:10px;line-height:20px;">Spam protection: What is 50 divided by 10? <input type="hidden" name="q_id" value="7"/>
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
|
|
<div class="col-sm-8 ">
|
|
|
|
|
|
<input required aria-label="Antwort" id="answer" placeholder=" " type="text" class="question-field" name="q"/>
|
|
<div></div><label class="label-field">Please answer the question. *</label>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row checkbox-row">
|
|
<div class="col-sm-8">
|
|
|
|
<label></label>
|
|
<label class="checkbox-inline">
|
|
<input aria-label="Email-Kopie senden" type="checkbox" id="inlineCheckbox11" name="mail-copy" value="1" > <div style="padding-top:4px;padding-bottom:2px;"><span>Send a copy of the message by email</span></div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<hr style="height:0.10rem; border:none; color:#DADADA; background-color:#DADADA; margin-top:43px; margin-bottom:40px;" />
|
|
|
|
<div class="row" id="send">
|
|
<div class="col-sm-8">
|
|
|
|
<b>Note:</b> Fields with <span class="pflichtfeld">*</span> are mandatory.
|
|
<br />
|
|
<br />
|
|
<input type="submit" class="senden" name="en-us-kf-km" value="Send" />
|
|
|
|
|
|
<div style="text-align:center;">
|
|
<!-- Do NOT remove this copyright notice! --><br /><br /><a href="https://www.kontaktformular.com/en" title="kontaktformular.com" style="text-decoration: none;color:#000000;font-size:13px;" target="_blank">© by kontaktformular.com - All rights reserved.</a>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
function chkspmkcfnk(){
|
|
document.getElementsByName('chkspmkc')[0].value = 'chkspmhm';
|
|
}
|
|
document.getElementsByName('en-us-kf-km')[0].addEventListener('mouseenter', chkspmkcfnk);
|
|
document.getElementsByName('en-us-kf-km')[0].addEventListener('touchstart', chkspmkcfnk);
|
|
</script>
|
|
<script type="text/javascript">
|
|
// set class kontaktformular-validate for form if user wants to send the form > so the invalid-styles only appears after validation
|
|
function setValidationStyles(){
|
|
document.getElementById('kontaktformular').setAttribute('class', 'kontaktformular kontaktformular-validate');
|
|
}
|
|
document.getElementsByName('en-us-kf-km')[0].addEventListener('click', setValidationStyles);
|
|
document.getElementById('kontaktformular').addEventListener('submit', setValidationStyles);
|
|
|
|
</script>
|
|
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html> |