<?
include ("blocks/db.php");
$result = mysql_query("SELECT name,obraz,spec,opit,predm,dop,foto FROM prepod WHERE lang='eng'",$db);
?>
<?PHP
//Если форма отправлена
if(isset($_POST['submit'])) {
//Проверка Поля ИМЯ
$name = trim($_POST['contactname']);
//Проверка поля ТЕМА
$subject = trim($_POST['subject']);
$tel = trim($_POST['tel']);
$skype = trim($_POST['skype']);
$pred = 'Английский';
$prepod = trim($_POST['prepod']);
//Проверка правильности ввода EMAIL
if(trim($_POST['email']) == '') { $hasError = true;
} else if (!eregi("^[A-Z0-9._%-]+@[A-Z0-9._%-]+\.[A-Z]{2,4}$", trim($_POST['email']))) { $hasError = true;
} else {
$email = trim($_POST['email']); }
//Если ошибок нет, отправить email
$emailTo = 'online@school-expert.ru'; //Сюда введите Ваш email
$body = "Имя: $name \n\nEmail: $email \n\nТелефон: $tel \n\nSkype: $skype \n\nПредмет: $pred \n\nПреподаватель: $prepod";
$headers = 'Заказ пробного урока <'.$emailTo.'>' . "\r\n" . 'Ответ: ' . $email;
mail($emailTo, $subject, $body, $headers); $emailSent = true;
}
}
?>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><title>Главная </title><meta name="format-detection" content="telephone=no"><link rel="stylesheet" type="text/css" href="./files/0.css"><link rel="stylesheet" type="text/css" href="./files/1.css"><link rel="stylesheet" type="text/css" href="./files/2.css"><link rel="stylesheet" type="text/css"><link href="./files/components-static.min.css" rel="stylesheet" type="text/css"><link href="files/3.css" rel="stylesheet" type="text/css"><link href="files/menu.css" rel="stylesheet" type="text/css">
<script src="jquery.min1.js"></script>
<script>
$(document).ready(function(){
$('#login-trigger').click(function(){
$(this).next('#login-content').slideToggle();
$(this).toggleClass('active');
if ($(this).hasClass('active')) $(this).find('span').php('▲')
else $(this).find('span').php('▼')
})
});
</script>
</head>
<body bgcolor="e78f09">
<style>
a {
text-decoration: none;
}
form.form .btn,
form.form .text,
form.form .textarea {
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
fieldset
{
margin: 0;
padding: 0;
border: 0;
}
input:focus,textarea:focus {
outline: none;
}
/*----------------------*/
div.error_field{
background: #FEDAFB;
border: 1px solid #FA74F0;
}
div.errors{
width: 580px;
margin: 15px auto;
padding: 10px;
border: 1px solid #ccc;
background: #FDFEC2;
}
div.errors .error{
color: red;
font-weight: bold;
font-size: 12px;
margin: 5px;
}
/*----------------------*/
.cf:before,
.cf:after {
content:"";
display:table;
}
.cf:after {
clear:both;
}
.cf {
zoom:1;
}
/*----------------------*/
header {
padding: 8px 10%;
border-bottom: 1px solid #fff;
background-color: #777;
background-image: -webkit-gradient(linear, left top, left bottom, from(#777), to(#555));
background-image: -webkit-linear-gradient(top, #777, #555);
background-image: -moz-linear-gradient(top, #777, #555);
background-image: -ms-linear-gradient(top, #777, #555);
background-image: -o-linear-gradient(top, #777, #555);
background-image: linear-gradient(top, #777, #555);
-moz-box-shadow: 0 -3px 3px rgba(0,0,0,.5) inset;
-webkit-box-shadow: 0 -3px 3px rgba(0,0,0,.5) inset;
box-shadow: 0 -3px 3px rgba(0,0,0,.5) inset;
}
/*----------------------*/
nav ul {
margin: 0;
padding: 0;
list-style: none;
position: relative;
float: right;
background: #eee;
border-bottom: 1px solid #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
nav li {
float: left;
}
nav #login {
border-right: 1px solid #ddd;
-moz-box-shadow: 1px 0 0 #fff;
-webkit-box-shadow: 1px 0 0 #fff;
box-shadow: 1px 0 0 #fff;
}
nav #login-trigger,
nav #signup a {
display: inline-block;
*display: inline;
*zoom: 1;
height: 25px;
line-height: 25px;
font-weight: bold;
padding: 0 8px;
text-decoration: none;
color: #444;
text-shadow: 0 1px 0 #fff;
}
nav #signup a {
-moz-border-radius: 0 3px 3px 0;
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
nav #login-trigger {
-moz-border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
nav #login-trigger:hover,
nav #login .active,
nav #signup a:hover {
background: #fff;
}
nav #login-content {
display: none;
position: absolute;
top: 24px;
right: 0;
z-index: 999;
background: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
background-image: -webkit-linear-gradient(top, #fff, #eee);
background-image: -moz-linear-gradient(top, #fff, #eee);
background-image: -ms-linear-gradient(top, #fff, #eee);
background-image: -o-linear-gradient(top, #fff, #eee);
background-image: linear-gradient(top, #fff, #eee);
padding: 15px;
-moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
-webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
-moz-border-radius: 3px 0 3px 3px;
-webkit-border-radius: 3px 0 3px 3px;
border-radius: 3px 0 3px 3px;
}
nav li #login-content {
right: 0;
width: 250px;
}
/*--------------------*/
#inputs input {
background: #f1f1f1;
padding: 6px 5px;
margin: 0 0 5px 0;
width: 238px;
border: 1px solid #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 1px #ccc inset;
-webkit-box-shadow: 0 1px 1px #ccc inset;
box-shadow: 0 1px 1px #ccc inset;
}
#inputs input:focus {
background-color: #fff;
border-color: #e8c291;
outline: none;
-moz-box-shadow: 0 0 0 1px #e8c291 inset;
-webkit-box-shadow: 0 0 0 1px #e8c291 inset;
box-shadow: 0 0 0 1px #e8c291 inset;
}
/*--------------------*/
#login #actions {
margin: 10px 0 0 0;
}
#login #submit {
background-color: #d14545;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e97171), to(#d14545));
background-image: -webkit-linear-gradient(top, #e97171, #d14545);
background-image: -moz-linear-gradient(top, #e97171, #d14545);
background-image: -ms-linear-gradient(top, #e97171, #d14545);
background-image: -o-linear-gradient(top, #e97171, #d14545);
background-image: linear-gradient(top, #e97171, #d14545);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: 0 1px 0 rgba(0,0,0,.5);
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
border: 1px solid #7e1515;
float: left;
height: 30px;
padding: 0;
width: 100px;
cursor: pointer;
font: bold 14px Arial, Helvetica;
color: #fff;
}
#login #submit:hover,
#login #submit:focus {
background-color: #e97171;
background-image: -webkit-gradient(linear, left top, left bottom, from(#d14545), to(#e97171));
background-image: -webkit-linear-gradient(top, #d14545, #e97171);
background-image: -moz-linear-gradient(top, #d14545, #e97171);
background-image: -ms-linear-gradient(top, #d14545, #e97171);
background-image: -o-linear-gradient(top, #d14545, #e97171);
background-image: linear-gradient(top, #d14545, #e97171);
}
#login #submit:active {
outline: none;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}
#login #submit::-moz-focus-inner {
border: none;
}
#login label {
float: right;
line-height: 30px;
}
#login label input {
position: relative;
top: 2px;
right: 2px;
}
</style>
<table align="center" cellpadding="0" cellspacing="0">
<tr>
<td></td>
<td height="140" background="files/head.png">
<table><tr><td width="10"></td><td><a href="index.php"><img src="images/logo.png"></a></td><td width="0"></td></tr><tr><td></td><td width="666">
<table width="867"><tr><?PHP $punkt = 'predm'; require_once("blocks/menu.php"); ?> </tr>
</table>
</td><td></td><td width="0"></td></tr></table></td>
</tr>
<tr>
<td width="9"></td>
<td bgcolor="#ffffff"><table width="960"><tr><td width="201" align="center"><a href="french.php"><img src="./files/fr.png"></a><p style="text-align:center;"><strong>Французский</strong></p></td><td width="172" align="center"><a href="germ.php"><img src="./files/ge.png"></a><p style="text-align:center;"><strong>Немецкий</strong></p></td><td width="186" align="center"><a href="eng.php"><img src="./files/en.png"></a><p style="text-align:center;"><strong>Английский</strong></p></td><td width="204" align="center"><a href="italy.php"><img src="./files/it.png"></a><p style="text-align:center;"><strong>Итальянский</strong></p></td><td width="173" align="center"><a href="chi.php"><img src="./files/ki.png"></a><p style="text-align:center;"><strong>Китайский</strong></p></td></tr></table><table width="959"><tr><td width="396" ><p><h2><center><strong>Английский язык</strong></center></h2></p>
<? do {
<table>
<td>
<table>
<tr></tr>
<td>%s</td>
<td valign='top'><table>
<tr>
<td><strong>%s</strong><br></td>
</tr>
<tr>
<td><strong>Образование: </strong></td>
<td>%s </td>
</tr>
<tr>
<td><strong>Специализация:</strong></td>
<td> %s</td>
</tr>
<tr>
<td><strong>Опыт:</strong></td>
<td>%s</td></tr>
<tr>
<td><strong>Предмет:</strong></td>
<td> %s</td> </tr>
<tr>
<td><strong>Доп.информация:</strong></td>
<td> %s</td>
</tr>
</table>
</td></tr></table>", $myrow["foto"],$myrow ['name'],$myrow ['obraz'],$myrow ['spec'],$myrow ['opit'],$myrow ['predm'],$myrow ['dop'] );
}
?>
<table>
<tr>
<td><div id='container'>
<div id='mainContent'>
<?PHP if(isset($hasError)) { //Если найдены ошибки ?> <div class='error_field'>
<p>Проверьте, пожалуйста, правильность заполения всех полей.</p>
</div>
<?PHP } ?>
<?PHP if(isset($emailSent) && $emailSent == true) { //Если письмо отправлено ?> <div class='errors'>
<p><strong>Заказ успешно отправлен!</strong></p>
<p>Спасибо <strong><?php echo $name;?></strong> за заказ пробного урока! Наш менеджер свяжется с вами в ближайшее время.</p>
</div>
<?PHP } ?>
<header class='cf'>
<nav>
<ul>
<li id='login'> <a id='login-trigger' href='#'> Заказать пробный урок <span>▼</span> </a>
<div id='login-content'>
<form method='post' class='form' action='<? echo $_SERVER['PHP_SELF']; ?>' id="contactform"> <fieldset id='inputs'>
<div>
<label for='name'><strong>Имя:</strong></label>
<input type='text' required name='contactname' id='contactname' value="" class='text' />
</div>
<div>
<label for='email'><strong>Email:</strong></label>
<input type='text' size='30' name='email' id='email' value="" required class='text' />
</div>
<div>
<label for='tel'><strong>Телефон:</strong></label>
<input type='text' required size='30' name='tel' id='tel' value="" class='text' />
</div>
<div>
<label for='skype'><strong>Skype:</strong></label>
<input type='text' size='30' required name='skype' id='skype' value="" class='text' />
</div>
<div>
<label for='name'><strong>Преподаватель:</strong></label>
<select name='prepod' class='text' id="prepod">
<option value="">Выбрать...</option>
<?PHP
$sql = mysql_query("SELECT name FROM `prepod` WHERE lang='eng'"); echo "<option value = '$row->id' > $row->name </option>";
}
?>
</select>
</div>
<div>
<input type='hidden' name='pred' id='pred' value='<? echo '$pred'; ?>' class='text' />
</div>
</fieldset>
<input type='submit' class='btn' value='Отправить' name='submit' />
</form>
</div>
</div>
</div>
</ul>
</nav>
</header></td></tr></table>
</tr>
</table></td>
</table>
</td></tr></table></td>
</tr>
<tr><td width="9"></td>
<td height="140" width="960" align="left" background="files/footer.png"><table><tr>
<td width="561"><br><br><br><span style="font-size:14px;"><span style="font-family:arial;"><span style="color:#FFFFFF;"> © 2016 Онлайн школа Эксперт</span></span></span></td><td width="215"><span style="font-family:arial;"><span style="font-size:14px;"><span style="color:#FFFFFF;"><br><br><br>Тел.: +7 (495) 123-12-12<br>e-mail:online@school-expert.ru</span></span></span></td></tr></table></td>
</tr>
</table>
</body>
</html>