%PDF-
%PDF-
Mini Shell
Mini Shell
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<title>Online KörmösAkadémia</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<!-- Custom styles for this template -->
<style type="text/css">
body {font-size:13px;}
.uppercase { text-transform: uppercase;}
.bold {font-weight: bold;}
h2 {color: #C15297; margin-top: 15px;}
.btn-primary {
background-color: #C15297;
border-color: #C15297;
color: #fff;
border-radius: 4px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
background-color: #E28ED2;
border-color: #E28ED2;
color: #222;
}
.form-control:focus {
border-color: #E28ED2;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(226, 142, 210, 0.6);
outline: 0 none;
}
#form-messages p {
color: #DF0048;
}
hr{
margin-top:10px;
margin-bottom:10px;
}
.formbox .radio{
overflow:hidden;
}
.formbox .radio label{
width:120px;
float:left;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<section class="formbox">
<div class="row">
<div class="col-xs-12">
<h2>Online KörmösAkadémia</h2>
<h4>Részvételhez szükséges adatok</h4>
</div>
</div>
<form id="formbox-form" action="http://www.mukorom.tv/_saveAkademia.php" method="post" role="form">
<div id="form-messages"></div>
<div class="form-group">
<label for="name">Teljes név</label>
<input id="name" type="text" name="name" class="form-control" autocomplete="off" required>
</div>
<div class="form-group">
<label for="email">Email cím</label>
<input id="email" type="email" name="email" class="form-control" autocomplete="off" required>
</div>
<hr>
<div class="checkbox">
<label>
<input type="checkbox" id="type" name="type" value="1" required> Kijelentem, hogy műkörmös szakember vagyok.
</label>
</div>
<hr>
<div class="form-group">
<label>Honnan érkeztél erre az oldalra?</label>
</div>
<div class="radio">
<label><input type="radio" name="ref" value="1" required> SMS-ből</label>
<label><input type="radio" name="ref" value="2" required> Hírlevélből</label>
<label><input type="radio" name="ref" value="3" required> mukorom.hu-ról</label>
<label><input type="radio" name="ref" value="4" required> crystalnails.hu-ról</label>
<label><input type="radio" name="ref" value="5" required> Facebook-ról</label>
<label><input type="radio" name="ref" value="6" required> egyéb</label>
</div>
<hr>
<div class="input-group">
<span class="input-group-btn">
<button id="save-btn" type="submit" class="btn btn-primary btn-block uppercase bold">Küldés</button>
</span>
</div>
</form>
</section>
</div>
<noscript><div class="no-script"><p>A JavaScript futtatást most engedélyzned kell!</p></div></noscript>
<!-- JS
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<!-- custom script for site -->
<script type="text/javascript">
$(document).ready(function () {
var form = $('#formbox-form');
var formMessages = $('#form-messages');
$(form).submit(function(event) {
event.preventDefault();
var formData = $(form).serialize();
$.ajax({
type: 'POST',
url: $(form).attr('action'),
data: formData,
cache: false,
async: true,
dataType: "json",
}).success(function(response) {
if(response.status == -1) {
//console.log('ERROR ' + response.message);
$(formMessages).html('<p>'+response.message+'</p>');
} else {
//console.log(response.message);
if(response.message == 'ok') {
parent.jQuery.fancybox.close();
}
}
});
});
});
</script>
</body>
</html>
Zerion Mini Shell 1.0