Skip to content

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

Go to a project
Commit d97ac680 by Ruha
Options

final

1 parent 4286c408
Pipeline #2618 for d97ac680 skipped in 0 seconds
Expand all
Inline Side-by-side
Showing 11 changed files with 10 additions and 14 deletions
css/additional.css
......@@ -191,7 +191,7 @@ fieldset {
label.error {
position: relative;
height: 0;
top: -84px;
top: -86px;
left: 148px;
display: inline-block;
width: 55%;
......
css/additional.min.css 0 → 100644
#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}}
img/w3.jpg 0 → 100644
img/w3.jpg

102 KB
img/w4.jpg 0 → 100644
img/w4.jpg

175 KB
index.html
......@@ -7,9 +7,9 @@
<title></title>
<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.css" type="text/css">
<link rel="stylesheet" href="css/additional.min.css" type="text/css">
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/moment.min.js"></script>
</head>
......@@ -161,8 +161,8 @@
<div class="ct">
<div class="t1">Яркий и узнаваемый бренд</div>
<div class="ov1">
<div class="ll1"><img src="img/w1.jpg" alt=""><span>Офис-франчайзи в Санкт-Петербурге</span></div>
<div class="ll1"><img src="img/w2.jpg" alt=""><span>Офис-франчайзи в Туле</span></div>
<div class="ll1"><img src="img/w4.jpg" alt=""><span></span></div>
<div class="ll1"><img src="img/w3.jpg" alt=""><span></span></div>
<div class="sl3">
<div>
<div class="ll1"><img src="img/w1.jpg" alt=""><span>Офис-франчайзи в Санкт-Петербурге</span>
......@@ -189,7 +189,7 @@
</div>
<div class="rr1">
<div class="ov-play">
<div id="player" dt="A3PDXmYoF5U"></div>
<div id="player" dt="yKXRL2kZudM"></div>
</div>
</div>
</div>
......@@ -289,7 +289,7 @@
<fieldset>
<input type="hidden" name="type" value="callback">
<label for="phone">&nbsp;</label>
<input type="text" name="phone" id="phone" class="input" placeholder="925 809-00-85">
<input type="text" name="phone" id="phone" class="input" >
</fieldset>
<fieldset class="time tm">
<label for="from">&nbsp;</label>
......@@ -526,6 +526,6 @@
;
ymaps.ready(init);
</script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/common.min.js"></script>
</body>
</html>
\ No newline at end of file
js/common.js
......@@ -130,12 +130,6 @@ $('.play1 span').click(function (e) {
});
var overlay = $('#overlay');
$(overlay).click(function () {
closemodal('callback');
closemodal('bid');
closemodal('success');
});
$('.ord1').click(function (e) {
e.preventDefault();
callmodal('callback');
......
js/common.min.js 0 → 100644
function onYouTubeIframeAPIReady(){player=new YT.Player("player",{height:"100%",width:"100%",videoId:$("#player").attr("dt"),events:{onReady:function(){player.playVideo(),player.stopVideo()}}})}function callmodal(e){overlay.css({display:"flex"}),$("#"+e).removeClass("hidden")}function closemodal(e){overlay.css({display:"none"}),$("#"+e).addClass("hidden")}function time(e,t){var a="25.06.2014 "+e.toString(),i=a.replace(/^(\d+)\.(\d+)\./,"$2/$1/"),l=new Date;return l.setTime(Date.parse(i)),l="down"==t?moment(l).add(-30,"minutes").format("HH:mm"):moment(l).add(30,"minutes").format("HH:mm")}function send(e){$.ajax({url:"/handler.php",type:"POST",dataType:"json",data:$("#"+e).serialize(),success:function(t){"success_send"==t.type&&(closemodal("callback"),closemodal("bid"),closemodal("success"),$("#"+e).find(".button").prop("disabled",!0),callmodal("success")),t.type,"error_email"==t.type&&alert("Почта не соответствует шаблону"),t.type}})}$(window).resize(),$(document).ready(function(){function e(){$(".sl-con").width($(".ct").width()+30),$(window).width()<651?$(".sl-con").width($(".ct").width()+16):$(window).width()<961&&$(".sl-con").width($(".ct").width()+24)}$(".mask").length>0&&$(".mask").mask("8 (999) 999-99-99");var t;$("input[type=text]").focus(function(){$(this).attr("data-place")==$(this).val()&&$(this).val(""),$(this).addClass("ac")}),$("input[type=text]").blur(function(){""==$(this).val()&&$(this).val($(this).attr("data-place")),$(this).removeClass("ac")}),$("textarea").focus(function(){$(this).attr("data-place")==$(this).val()&&$(this).val(""),$(this).addClass("ac")}),$("textarea").blur(function(){t=$(this).attr("data-place"),0==$(this).val().length&&$(this).val(t),$(this).removeClass("ac")}),e(),$(window).resize(function(){e()}),$(window).load(function(){e()}),$(window).load(function(){$("input[type=text]").each(function(){$(this).attr("data-place",$(this).val())}),$("textarea").each(function(){$(this).attr("data-place",$(this).val())})}),$(".sl1").slick({arrows:!1,slidesToShow:4,draggable:!1,responsive:[{breakpoint:652,settings:{slidesToShow:2,slidesToScroll:2,draggable:!0,dots:!0,adaptiveHeight:!0}}]}),$(".sl2").slick({arrows:!1,dots:!0,adaptiveHeight:!0}),$(".sl3").slick({arrows:!1,dots:!0,adaptiveHeight:!0}),$(".sl-con .item-poss a").fancybox({helpers:{overlay:{locked:!1},media:{},buttons:{}}}),function(){!!navigator.platform.match(/(Mac|iPhone|iPod|iPad)/i)&&$(".ord1,.ord2,.ord3,.form1 input[type=submit]").addClass("ac")}()});var tag=document.createElement("script");tag.src="https://www.youtube.com/iframe_api";var firstScriptTag=document.getElementsByTagName("script")[0];firstScriptTag.parentNode.insertBefore(tag,firstScriptTag);var player;$(".play1 span").click(function(e){e.preventDefault(),$(this).parent().fadeOut(200),player.playVideo()});var overlay=$("#overlay");$(".ord1").click(function(e){e.preventDefault(),callmodal("callback")}),$(".ord2, .ord3, .ord2-1").click(function(e){e.preventDefault(),callmodal("bid")}),$(".modal-close-xray").click(function(){closemodal($(this).parents(".modal").attr("id"))}),$(".arrow-up").click(function(){var e=$(this).siblings("input"),t=$(e).val();t=time(t,"up"),$(e).val(t)}),$(".arrow-down").click(function(){var e=$(this).siblings("input"),t=$(e).val();t=time(t,"down"),$(e).val(t)}),$("#callback-form").submit(function(e){e.preventDefault(),send("callback-form")}),$("#order-form").submit(function(e){e.preventDefault(),send("order-form")}),$("#footer-form").submit(function(e){e.preventDefault(),send("footer-form")}),$(document).ready(function(){$("#order-form").validate({rules:{name:{required:!0,minlength:3,maxlength:40},email:{email:!0,required:!0,minlength:2,maxlength:50}},messages:{name:{required:"Напишите имя",minlength:"",maxlength:""},email:{email:" Некорректный адрес",required:"Введите email",minlength:"Введите email"}}}),$("#callback-form").validate({rules:{phone:{digits:!0,required:!0,minlength:3,maxlength:40}},messages:{phone:{required:"Напишите номер",minlength:"",maxlength:"",digits:"Только цифры"}}}),$("#footer-form").validate({rules:{name:{required:!0,minlength:3,maxlength:40},email:{email:!0,required:!0,minlength:2,maxlength:50}},messages:{name:{required:"Напишите имя",minlength:"",maxlength:""},email:{email:"Некорректный адрес",required:"Введите email",minlength:"Введите email"}}})});
\ No newline at end of file
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!