Skip to content

Руслан Ибрагимов / yescenter

Go to a project
Commit 7a0d01e9 by Ruha
Options

some additional fixes

1 parent 3238b888
Pipeline #2634 for 7a0d01e9 skipped in 0 seconds
Expand all
Inline Side-by-side
Showing 7 changed files with 52 additions and 24 deletions
css/additional.css
.nowrap {
white-space: nowrap;
display: inline !important;
}
#overlay { #overlay {
background: rgba(0, 0, 0, .5); background: rgba(0, 0, 0, .5);
...@@ -22,9 +26,11 @@ ...@@ -22,9 +26,11 @@
padding: 0 0 12px 0; padding: 0 0 12px 0;
border-radius: 8px; border-radius: 8px;
} }
.modal-container { .modal-container {
} }
.hidden { .hidden {
display: none; display: none;
} }
...@@ -123,9 +129,11 @@ fieldset { ...@@ -123,9 +129,11 @@ fieldset {
.tm { .tm {
margin-left: 40px; margin-left: 40px;
} }
.item-poss a { .item-poss a {
cursor: default; cursor: default;
} }
.arrow-up { .arrow-up {
content: ""; content: "";
display: block; display: block;
...@@ -138,7 +146,7 @@ fieldset { ...@@ -138,7 +146,7 @@ fieldset {
background-size: cover; background-size: cover;
margin-top: -32px; margin-top: -32px;
cursor: pointer; cursor: pointer;
z-index:100; z-index: 100;
} }
.arrow-down { .arrow-down {
...@@ -153,8 +161,9 @@ fieldset { ...@@ -153,8 +161,9 @@ fieldset {
background-size: cover; background-size: cover;
margin-top: -32px; margin-top: -32px;
cursor: pointer; cursor: pointer;
z-index:50; z-index: 50;
} }
.time.tm::after { .time.tm::after {
width: 16px; width: 16px;
height: 4px; height: 4px;
...@@ -165,6 +174,7 @@ fieldset { ...@@ -165,6 +174,7 @@ fieldset {
right: -161px; right: -161px;
border-top: 2px solid #cacaca; border-top: 2px solid #cacaca;
} }
.tm2 { .tm2 {
margin-left: 32px; margin-left: 32px;
} }
...@@ -234,13 +244,13 @@ input.valid { ...@@ -234,13 +244,13 @@ input.valid {
padding-top: 20px; padding-top: 20px;
} }
@media (max-width: 480px) { @media (max-width: 480px) and (min-width: 321px) {
.modal { .modal {
width: 360px; width: 360px;
} }
.map-ct1 { .map-ct1 {
padding-top: 0px; padding-top: 0px!important;
} }
#footer-form input { #footer-form input {
...@@ -270,7 +280,8 @@ input.valid { ...@@ -270,7 +280,8 @@ input.valid {
@media (max-width: 769px) and (min-width: 481px) { @media (max-width: 769px) and (min-width: 481px) {
.map-ct1 { .map-ct1 {
padding-top: 0px; padding-top: 0px!important;
height:1150px!important;
} }
#footer-form input { #footer-form input {
...@@ -284,10 +295,13 @@ input.valid { ...@@ -284,10 +295,13 @@ input.valid {
@media (max-width: 320px) { @media (max-width: 320px) {
.time.tm::after { .time.tm::after {
right:-130px; right: -130px;
} }
.map-ct1 { .map-ct1 {
padding-top: 0px; padding-top: 0px!important;
height:950px!important;
overflow: hidden;
} }
#footer-form input { #footer-form input {
...@@ -297,19 +311,37 @@ input.valid { ...@@ -297,19 +311,37 @@ input.valid {
#footer-form label.error { #footer-form label.error {
left: 127px left: 127px
} }
.modal { .modal {
width: 300px; width: 300px;
} }
.button {width: 273px;}
.input {width:273px;} .button {
width: 273px;
}
.input {
width: 273px;
}
#footer-form label { #footer-form label {
padding: 0px 5px; padding: 0px 5px;
} }
.arrow-up, .arrow-down { .arrow-up, .arrow-down {
right: -80px; right: -80px;
} }
.time { .time {
width: 122px; width: 122px;
} }
} }
@media (max-width: 360px) {
.map-ct1 {
padding-top: 0px!important;
height:950px!important;
overflow: hidden;
}
}
css/additional.min.css
#overlay{background:rgba(0,0,0,.5);position:fixed;z-index:4999;width:100%;height:100%;top:0;left:0;bottom:0;right:0;align-content:center;justify-content:center;align-items:center}.modal{z-index:5000;width:416px;background:#fff;padding:0 0 12px 0;border-radius:8px}.hidden{display:none}.button{display:block;width:336px;height:48px;line-height:48px;-webkit-border-radius:7px;border-radius:7px;background-color:#ed1c24;text-align:center;color:#fff;font-family:PFAgoraSansPro;font-size:15px;font-weight:500;margin:0 auto;margin-top:17px}#callback-form .button{margin-top:10px}.modal-head{text-align:right;height:28px}.modal-close{text-align:right}.modal-close-xray{padding:18px;position:relative;background:url("/img/modal/close.png") no-repeat 96% 15px;cursor:pointer}.modal-body-header{font-size:36px;text-align:center}.modal-body-header small{font-size:14px;display:block;padding:0 0 28px}.modal-label{display:block;font-size:14px;font-weight:bold;margin:auto;padding:0 40px;margin-bottom:2px}#success .modal-body-header{padding-top:36px}#success small{display:block;padding-top:18px}.time{width:152px;display:inline-block;float:left;margin-top:-20px}fieldset{max-height:89px;min-height:87px}#order-form fieldset{min-height:86px}#order-form fieldset:last-of-type{min-height:94px}.time .input{width:100%;display:inline-block}.tm{margin-left:40px}.item-poss a{cursor:default}.arrow-up{content:"";display:block;position:relative;background:url('/img/modal/butt_up.svg');height:30px;width:42px;top:22px;right:-109px;background-size:cover;margin-top:-32px;cursor:pointer;z-index:100}.arrow-down{content:"";display:block;position:relative;background:url('/img/modal/butt_down.svg');height:30px;width:42px;top:44px;right:-109px;background-size:cover;margin-top:-32px;cursor:pointer;z-index:50}.time.tm::after{width:16px;height:4px;display:block;content:"";position:relative;top:-45px;right:-161px;border-top:2px solid #cacaca}.tm2{margin-left:32px}.input{width:336px;height:46px;-webkit-border-radius:7px;border-radius:7px;border:1px solid #d0d0d0;background-color:#fff;display:block;margin:auto;margin-bottom:20px;font-size:15px;color:#333;box-sizing:border-box;padding:4px 16px}.error{color:#ed1c24}label.error{position:relative;height:0;top:-86px;left:148px;display:inline-block;width:55%;text-align:right;font-size:13px}#footer-form label{padding:0}input:disabled,input[disabled]{border:1px solid #999;background-color:#eee !important;color:#000 !important;cursor:not-allowed}input.error{border-color:#ed1c24 !important}input.valid{border-color:#18ff00 !important}.input input[type="text"]{font-size:15px;color:#333;display:block;background:0;border:0;width:100%;height:46px}.last{padding-top:20px}@media(max-width:480px){.modal{width:360px}.map-ct1{padding-top:0}#footer-form input{width:328px}.last{padding-top:18px}#order-form label{padding:0 13px}.time{width:42%;display:inline-block}.tm{margin-left:12px}}@media(max-width:769px) and (min-width:481px){.map-ct1{padding-top:0}#footer-form input{width:282px}#footer-form label.error{left:127px}}@media(max-width:320px){.time.tm::after{right:-130px}.map-ct1{padding-top:0}#footer-form input{width:282px}#footer-form label.error{left:127px}.modal{width:300px}.button{width:273px}.input{width:273px}#footer-form label{padding:0 5px}.arrow-up,.arrow-down{right:-80px}.time{width:122px}} .nowrap{white-space:nowrap;display:inline !important}#overlay{background:rgba(0,0,0,.5);position:fixed;z-index:4999;width:100%;height:100%;top:0;left:0;bottom:0;right:0;align-content:center;justify-content:center;align-items:center}.modal{z-index:5000;width:416px;background:#fff;padding:0 0 12px 0;border-radius:8px}.hidden{display:none}.button{display:block;width:336px;height:48px;line-height:48px;-webkit-border-radius:7px;border-radius:7px;background-color:#ed1c24;text-align:center;color:#fff;font-family:PFAgoraSansPro;font-size:15px;font-weight:500;margin:0 auto;margin-top:17px}#callback-form .button{margin-top:10px}.modal-head{text-align:right;height:28px}.modal-close{text-align:right}.modal-close-xray{padding:18px;position:relative;background:url("/img/modal/close.png") no-repeat 96% 15px;cursor:pointer}.modal-body-header{font-size:36px;text-align:center}.modal-body-header small{font-size:14px;display:block;padding:0 0 28px}.modal-label{display:block;font-size:14px;font-weight:bold;margin:auto;padding:0 40px;margin-bottom:2px}#success .modal-body-header{padding-top:36px}#success small{display:block;padding-top:18px}.time{width:152px;display:inline-block;float:left;margin-top:-20px}fieldset{max-height:89px;min-height:87px}#order-form fieldset{min-height:86px}#order-form fieldset:last-of-type{min-height:94px}.time .input{width:100%;display:inline-block}.tm{margin-left:40px}.item-poss a{cursor:default}.arrow-up{content:"";display:block;position:relative;background:url('/img/modal/butt_up.svg');height:30px;width:42px;top:22px;right:-109px;background-size:cover;margin-top:-32px;cursor:pointer;z-index:100}.arrow-down{content:"";display:block;position:relative;background:url('/img/modal/butt_down.svg');height:30px;width:42px;top:44px;right:-109px;background-size:cover;margin-top:-32px;cursor:pointer;z-index:50}.time.tm::after{width:16px;height:4px;display:block;content:"";position:relative;top:-45px;right:-161px;border-top:2px solid #cacaca}.tm2{margin-left:32px}.input{width:336px;height:46px;-webkit-border-radius:7px;border-radius:7px;border:1px solid #d0d0d0;background-color:#fff;display:block;margin:auto;margin-bottom:20px;font-size:15px;color:#333;box-sizing:border-box;padding:4px 16px}.error{color:#ed1c24}label.error{position:relative;height:0;top:-86px;left:148px;display:inline-block;width:55%;text-align:right;font-size:13px}#footer-form label{padding:0}input:disabled,input[disabled]{border:1px solid #999;background-color:#eee !important;color:#000 !important;cursor:not-allowed}input.error{border-color:#ed1c24 !important}input.valid{border-color:#18ff00 !important}.input input[type="text"]{font-size:15px;color:#333;display:block;background:0;border:0;width:100%;height:46px}.last{padding-top:20px}@media(max-width:480px) and (min-width:321px){.modal{width:360px}.map-ct1{padding-top:0 !important}#footer-form input{width:328px}.last{padding-top:18px}#order-form label{padding:0 13px}.time{width:42%;display:inline-block}.tm{margin-left:12px}}@media(max-width:769px) and (min-width:481px){.map-ct1{padding-top:0 !important;height:1150px !important}#footer-form input{width:282px}#footer-form label.error{left:127px}}@media(max-width:320px){.time.tm::after{right:-130px}.map-ct1{padding-top:0 !important;height:950px !important;overflow:hidden}#footer-form input{width:282px}#footer-form label.error{left:127px}.modal{width:300px}.button{width:273px}.input{width:273px}#footer-form label{padding:0 5px}.arrow-up,.arrow-down{right:-80px}.time{width:122px}}@media(max-width:360px){.map-ct1{padding-top:0 !important;height:950px !important;overflow:hidden}}
css/style.css
...@@ -190,14 +190,10 @@ body { font-family: PFAgoraSansPro; } ...@@ -190,14 +190,10 @@ body { font-family: PFAgoraSansPro; }
@media only screen and (min-device-width: 1440px) { @media only screen and (min-device-width: 1440px) {
#page { #page {
width: 1200px!important; width: 1344px!important;
margin: 0 auto!important; margin: 0 auto!important;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15)!important; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15)!important;
} }
.ct {padding: 0px 54px!important;}
.map-ct1 .form1 {right:50px!important;}
.logo {left:54px!important;}
#header .t1{left:166px!important;}
} }
.ct { max-width: 1152px; margin: auto; position: relative; padding: 0 16px; *zoom: 1; } .ct { max-width: 1152px; margin: auto; position: relative; padding: 0 16px; *zoom: 1; }
......
handler.php
<?php <?php
## params ## params
$mailTo = 'mind.it@ya.ru'; $mailTo = 'franchising@yescenter.ru';
## fields ## fields
$name = isset($_POST['name']) ? $_POST['name'] : null; $name = isset($_POST['name']) ? $_POST['name'] : null;
$phone = isset($_POST['phone']) ? $_POST['phone'] : null; $phone = isset($_POST['phone']) ? $_POST['phone'] : null;
...@@ -36,7 +36,7 @@ class Form ...@@ -36,7 +36,7 @@ class Form
switch ($field) { switch ($field) {
case 'phone': case 'phone':
if (!preg_match("/^(8|\+7) ? ?\(?(\d{3})\)? ?(\d{3})[ -]?(\d{2})[ -]?(\d{2})/", $data)) if (!preg_match("/^(8|\+7)? ? ?\(?(\d{3})\)? ?(\d{3})[ -]?(\d{2})[ -]?(\d{2})/", $data))
die(json_encode(array('type' => 'error_phone', 'text' => 'Телефон введен неверно'))); die(json_encode(array('type' => 'error_phone', 'text' => 'Телефон введен неверно')));
return $data; return $data;
break; break;
...@@ -85,8 +85,8 @@ class callback extends Form ...@@ -85,8 +85,8 @@ class callback extends Form
$headers .= 'From: Landing_Page <testmail@test.ru>'; $headers .= 'From: Landing_Page <testmail@test.ru>';
$subject = "Заявка на франшизу"; $subject = "Заявка на франшизу";
$message = 'Телефон: ' . $this->phone . '<br>'; $message = 'Телефон: ' . $this->phone . '<br>';
$message .= 'Звонить с ' . $this->till . '<br>'; $message .= 'Звонить с ' . $this->till . ' ' ;
$message .= 'До ' . $this->from . '<br>'; $message .= 'до ' . $this->from . '<br>';
if (mail($mailTo, $subject, $message, $headers)) { if (mail($mailTo, $subject, $message, $headers)) {
echo json_encode(array('type' => 'success_send', 'text' => 'Ваша заявка успешно отправлена')); echo json_encode(array('type' => 'success_send', 'text' => 'Ваша заявка успешно отправлена'));
} }
......
index.html
...@@ -6,8 +6,8 @@ ...@@ -6,8 +6,8 @@
<!--<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>--><![endif]--> <!--<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>--><![endif]-->
<title></title> <title></title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection"/>
<link rel="stylesheet" href="css/additional.min.css" type="text/css"> <link rel="stylesheet" href="css/additional.min.css" type="text/css">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection"/>
<script type="text/javascript" src="js/app.js"></script> <script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script> <script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/moment.min.js"></script> <script type="text/javascript" src="js/moment.min.js"></script>
...@@ -84,7 +84,7 @@ ...@@ -84,7 +84,7 @@
</div> </div>
<div class="item1 j2"> <div class="item1 j2">
<div> <div>
<span>Предоставляем уже сгенерированный поток клиентов</span> <span>Предоставляем уже <span class="nowrap">сгенерированный поток клиентов</span></span>
<p>Мы создадим страницу вашей школы на нашем сайте, поможем привлечь клиентов и будем передавать <p>Мы создадим страницу вашей школы на нашем сайте, поможем привлечь клиентов и будем передавать
заявки для вашей школы из общекорпоративного call-центра. Ваша школа только откроется, а к заявки для вашей школы из общекорпоративного call-центра. Ваша школа только откроется, а к
вам уже пойдут учиться!</p> вам уже пойдут учиться!</p>
......
js/common.js
...@@ -258,7 +258,7 @@ $(document).ready(function () { ...@@ -258,7 +258,7 @@ $(document).ready(function () {
digits: true, digits: true,
required: true, required: true,
minlength: 3, minlength: 3,
maxlength: 40 maxlength: 15
} }
}, },
...@@ -266,8 +266,8 @@ $(document).ready(function () { ...@@ -266,8 +266,8 @@ $(document).ready(function () {
messages: { messages: {
phone: { phone: {
required: "Напишите номер", required: "Напишите номер",
minlength: "", minlength: "Номер слишком короткий",
maxlength: "", maxlength: "Номер слишком длинный",
digits: "Только цифры" digits: "Только цифры"
} }
} }
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!