Skip to content

Тимофей Семененко / shold.dev5.ashmanov.com

Go to a project
Commit 28409ac2 by Semenenko Timofey
Options

Страница контакты

1 parent a1f4a875
Pipeline #2970 for 28409ac2 skipped in 0 seconds
Inline Side-by-side
Showing 19 changed files with 378 additions and 1752 deletions
css/main.css
...@@ -6992,7 +6992,7 @@ TEXTAREA.text-input { ...@@ -6992,7 +6992,7 @@ TEXTAREA.text-input {
.project-gallery-items.mobile{ .project-gallery-items.mobile{
display: show; display: show;
} }
.contacts-map{margin-right:0;height:800px;} .contacts-map{/* margin-right:0; *//* height:800px; */}
.menu{ .menu{
font-size: 1.3rem; font-size: 1.3rem;
...@@ -7418,7 +7418,7 @@ BODY { ...@@ -7418,7 +7418,7 @@ BODY {
.container { .container {
/* min-height: 100%; */ /* min-height: 100%; */
/* margin-bottom: -70px; */ margin-bottom: -70px;
/* padding-top: 72px; */ /* padding-top: 72px; */
} }
.container._gray { .container._gray {
...@@ -10168,9 +10168,9 @@ A.people-item:hover .people-item-name { ...@@ -10168,9 +10168,9 @@ A.people-item:hover .people-item-name {
height: 100%; height: 100%;
} }
.contacts-map { .contacts-map {
height: 100%; /* height: 100%; */
position: relative; /* position: relative; */
overflow: hidden; /* overflow: hidden; */
margin-right: 500px; margin-right: 500px;
} }
.contacts-map .path { .contacts-map .path {
...@@ -10914,10 +10914,10 @@ TEXTAREA.text-input { ...@@ -10914,10 +10914,10 @@ TEXTAREA.text-input {
.form-title { .form-title {
font-size: 2rem; font-size: 2rem;
line-height: 3.2rem; line-height: 2.2rem;
color: black; color: black;
font-weight: bold; font-weight: bold;
margin-bottom: 35px; margin-bottom: 5px;
} }
.process { .process {
...@@ -13357,6 +13357,7 @@ TEXTAREA.text-input { ...@@ -13357,6 +13357,7 @@ TEXTAREA.text-input {
} }
.fancybox-outer, .fancybox-inner { .fancybox-outer, .fancybox-inner {
min-height: 800px;
position: relative; position: relative;
} }
...@@ -14284,7 +14285,7 @@ TEXTAREA.text-input { ...@@ -14284,7 +14285,7 @@ TEXTAREA.text-input {
.project-gallery-items.mobile{ .project-gallery-items.mobile{
display: show; display: show;
} }
.contacts-map{margin-right:0;height:800px;} .contacts-map{margin-right:0;height: 1010px;}
.menu{ .menu{
font-size: 1.3rem; font-size: 1.3rem;
...@@ -14591,21 +14592,21 @@ h2.resp-accordion:first-child { ...@@ -14591,21 +14592,21 @@ h2.resp-accordion:first-child {
} }
.container { .container {
min-height: 100%; min-height: 100%;
/*padding-top: 72px;*/ /* padding-top: 72px; */
} }
#modal_form { #modal_form {
width: 50%; width: 50%;
height: 500px; /* Рaзмеры дoлжны быть фиксирoвaны */ height: 500px;
border-radius: 5px; border-radius: 5px;
border: 3px #000 solid; border: 3px #000 solid;
background: #fff; background: #fff;
position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */ position: fixed;
top: 10%; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */ top: 10%;
/* margin-left: -150px; */ /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */ margin-left: -64px;
display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */ display: none;
opacity: 0; /* пoлнoстью прoзрaчнo для aнимирoвaния */ opacity: 0;
z-index: 5; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */ z-index: 5;
padding: 20px 10px; padding: 20px 10px;
} }
/* Кнoпкa зaкрыть для тех ктo в тaнке) */ /* Кнoпкa зaкрыть для тех ктo в тaнке) */
...@@ -14620,16 +14621,96 @@ h2.resp-accordion:first-child { ...@@ -14620,16 +14621,96 @@ h2.resp-accordion:first-child {
} }
/* Пoдлoжкa */ /* Пoдлoжкa */
#overlay { #overlay {
z-index:3; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */ z-index:3;
position:fixed; /* всегдa перекрывaет весь сaйт */ position:fixed;
background-color:#000; /* чернaя */ background-color:#000;
opacity:0.8; /* нo немнoгo прoзрaчнa */ opacity:0.8;
-moz-opacity:0.8; /* фикс прозрачности для старых браузеров */ -moz-opacity:0.8;
filter:alpha(opacity=80); filter:alpha(opacity=80);
width:100%; width:100%;
height:600px; /* рaзмерoм вo весь экрaн */ height: 100%;
top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */ top:0;
left:0;
cursor:pointer;
display:none;
}
#feed_form {
width: 50%;
height: 500px;
border-radius: 5px;
border: 3px #000 solid;
background: #fff;
position: fixed;
top: 10%;
margin-left: -64px;
display: none;
opacity: 0;
z-index: 5;
padding: 20px 10px;
}
/* Кнoпкa зaкрыть для тех ктo в тaнке) */
#feed_form #feed_close {
width: 21px;
height: 21px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
display: block;
}
/* Пoдлoжкa */
#overlay-feed {
z-index:3;
position:fixed;
background-color:#000;
opacity:0.8;
-moz-opacity:0.8;
filter:alpha(opacity=80);
width:100%;
height: 100%;
top:0;
left:0;
cursor:pointer;
display:none;
}
#proj_form {
width: 50%;
height: 500px;
border-radius: 5px;
border: 3px #000 solid;
background: #fff;
position: fixed;
top: 10%;
margin-left: -64px;
display: none;
opacity: 0;
z-index: 5;
padding: 20px 10px;
}
/* Кнoпкa зaкрыть для тех ктo в тaнке) */
#proj_form #proj_close {
width: 21px;
height: 21px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
display: block;
}
/* Пoдлoжкa */
#overlay-proj {
z-index:3;
position:fixed;
background-color:#000;
opacity:0.8;
-moz-opacity:0.8;
filter:alpha(opacity=80);
width:100%;
height: 100%;
top:0;
left:0; left:0;
cursor:pointer; cursor:pointer;
display:none; /* в oбычнoм сoстoянии её нет) */ display:none;
} }
\ No newline at end of file \ No newline at end of file
css/media.css
...@@ -479,20 +479,121 @@ li.additional_list_item{margin-bottom:20px;float:left;} ...@@ -479,20 +479,121 @@ li.additional_list_item{margin-bottom:20px;float:left;}
background-position: center center; background-position: center center;
} }
#modal_form { #modal_form {
width: 84%; width: 84%;
height: 500px; /* Рaзмеры дoлжны быть фиксирoвaны */ height: 1030px;
border-radius: 5px; border-radius: 5px;
border: 3px #000 solid; border: 3px #000 solid;
background: #fff; background: #fff;
position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */ position: absolute;
top: 10%; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */ top: 50px;
/* margin-left: -150px; */ /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */ bottom: 50px;
display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */ margin-left: 16px;
opacity: 0; /* пoлнoстью прoзрaчнo для aнимирoвaния */ display: none;
z-index: 5; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */ opacity: 0;
z-index: 5;
padding: 20px 10px;
}
#modal_form #modal_close {
width: 21px;
height: 21px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
display: block;
}
#overlay {
z-index:3;
position:fixed;
background-color:#000;
opacity:0.8;
-moz-opacity:0.8;
filter:alpha(opacity=80);
width:100%;
height: 100%;
top:0;
left:0;
cursor:pointer;
display:none;
}
#feed_form {
width: 84%;
height: 1030px;
border-radius: 5px;
border: 3px #000 solid;
background: #fff;
position: absolute;
top: 50px;
bottom: 50px;
margin-left: 16px;
display: none;
opacity: 0;
z-index: 5;
padding: 20px 10px;
}
#feed_form #feed_close {
width: 21px;
height: 21px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
display: block;
}
#overlay-feed {
z-index:3;
position:fixed;
background-color:#000;
opacity:0.8;
-moz-opacity:0.8;
filter:alpha(opacity=80);
width:100%;
height: 100%;
top:0;
left:0;
cursor:pointer;
display:none;
}
#proj_form {
width: 84%;
height: 1030px;
border-radius: 5px;
border: 3px #000 solid;
background: #fff;
position: absolute;
top: 50px;
bottom: 50px;
margin-left: 16px;
display: none;
opacity: 0;
z-index: 5;
padding: 20px 10px; padding: 20px 10px;
} }
#proj_form #proj_close {
width: 21px;
height: 21px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
display: block;
}
#overlay-proj {
z-index:3;
position:fixed;
background-color:#000;
opacity:0.8;
-moz-opacity:0.8;
filter:alpha(opacity=80);
width:100%;
height: 100%;
top:0;
left:0;
cursor:pointer;
display:none;
}
#result_list{position:absolute;display:none;left: -125px;width: 207px;top:0px;z-index:100;border:2px solid;border-top:none;padding-top:40px;padding-bottom:5px;border-radius: 0 20px 0 0;color:#EB9D72;-webkit-transition:ease-out 0.2s;-o-transition:ease-out 0.2s;transition:ease-out 0.2s;background:rgba(255, 255, 255, 0.91);} #result_list{position:absolute;display:none;left: -125px;width: 207px;top:0px;z-index:100;border:2px solid;border-top:none;padding-top:40px;padding-bottom:5px;border-radius: 0 20px 0 0;color:#EB9D72;-webkit-transition:ease-out 0.2s;-o-transition:ease-out 0.2s;transition:ease-out 0.2s;background:rgba(255, 255, 255, 0.91);}
} }
......
css/media0.css deleted 100644 → 0
/*----Additions----*/
/* .filter._inner-page .filter-element._parent {
display: none;
} */
.fav-link-icon {
left: 10%;
}
.header .fav-link-count, .header .fav-link-clear {
left: 14px;
}
.slimScrollDiv {
left: 0;
bottom: 0;
top: 71px;
position: absolute !important;
width: 150px !important;
padding-bottom: 71px;
z-index: 100;
}
h4.project-gallery-item-title {
height: auto !important;
left: 160px;
}
.slimScrollBar {
background: #fff !important;
}
.project-gallery-previews {
position: relative;
white-space: nowrap;
top: auto;
z-index: 2;
font-size: 0;
line-height: 0;
-webkit-transition: all 0.4s;
transition: all 0.4s;
width: 140px;
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
}
.project-galleries .project-gallery-previews-wr {
height: auto;
padding-top: 10px;
}
.project-galleries .project-gallery-previews-wr , .project-galleries .project-gallery-previews-wr * , .project-galleries .slimScrollBar , .project-galleries .project-info , .project-galleries .project-info *{
cursor: pointer !important;
}
.project-gallery-previews-item {
width: 100%;
height: auto;
}
.project-gallery-previews-wr li {
display: block;
}
._project .path , ._project .project-like{
left: 160px;
}
.project-info {
padding: 0 80px 0 160px;
}
.project-gallery-previews-wr li a {
margin: 0 0 10px;
padding: 0 10px;
}
body.previewer {
overflow: hidden;
position: fixed;
}
.project-text {
padding-top: 0;
}
.project-text > *:first-child {
padding-top: 55px;
}
.project-similar.projects-list {
margin-top: 0;
}
.project-similar-title {
padding-top: 0;
}
.active_search i {
background: #fff;
}
span#header_search_wrap i {
position: absolute;
font-size: 21px;
left: -2px;
top: -2px;
font-weight: bold;
color: #EB9D72;
border: 2px solid;
border-radius: 40px;
cursor: pointer;
width: 37px;
height: 37px;
z-index: 103;
-webkit-transition: ease-out 0.2s;
-o-transition: ease-out 0.2s;
transition: ease-out 0.2s;
}
.header._fixed span#header_search_wrap {
top: 15px;
}
span#header_search_wrap i:before {
position: absolute;
left: 6px;
top: 5px;
}
span#header_search_wrap {
position: absolute;
right: 77px;
top: 20px;
width: 37px;
height: 37px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
input#header_search {
position: absolute;
right: 100%;
color: transparent;
border: 2px solid;
border-right-color: transparent;
background: #fff;
padding: 6px 20px 7px 14px;
top: -2px;
margin-right: -13px;
/* border-radius: 21px 0 0 21px; */
-webkit-transition: ease-out 0.2s;
-o-transition: ease-out 0.2s;
transition: ease-out 0.2s;
width: 0px;
z-index: 101;
visibility: hidden;
}
#result_list li a{
display: block;
text-align: left;
padding: 5px 15px;
font-size: 15px;
/* background: rgba(255, 255, 255, 0.91); */
color: inherit;
}
#result_list li a:hover , #result_list li.active_res_item a {
background: rgba(197, 197, 197, 0.82);
text-decoration: none;
}
#result_list {
position: absolute;
display: none;
left: -172px;
width: 207px;
top: 0px;
z-index: 100;
border: 2px solid;
border-top: none;
padding-top: 40px;
padding-bottom: 5px;
border-radius: 0 15px 0 0;
color: #EB9D72;
-webkit-transition: ease-out 0.2s;
-o-transition: ease-out 0.2s;
transition: ease-out 0.2s;
background: rgba(255, 255, 255, 0.91);
}
.active_search #result_list.active_res_list {
display: block;
}
span#header_search_wrap.active_search #header_search {
color: #EB9D72;
width: 185px;
visibility: visible;
}
#header_search::-webkit-input-placeholder {color:#EB9D72;}
#header_search::-moz-placeholder {color:#EB9D72;}/* Firefox 19+ */
#header_search:-moz-placeholder {color:#EB9D72;}/* Firefox 18- */
#header_search:-ms-input-placeholder {color:#EB9D72;}
span#header_search_wrap.active_search:hover #header_search::-webkit-input-placeholder {color:#000;}
span#header_search_wrap.active_search:hover #header_search::-moz-placeholder {color:#000;}/* Firefox 19+ */
span#header_search_wrap.active_search:hover #header_search:-moz-placeholder {color:#000;}/* Firefox 18- */
span#header_search_wrap.active_search:hover #header_search:-ms-input-placeholder {color:#000;}
input:active , input:focus {
outline: none;
border: none;
}
span#header_search_wrap:hover i, span#header_search_wrap.active_search:hover #header_search , span#header_search_wrap:hover #result_list {
color: #000;
}
.previewer .header , .previewer .page-head > * {
opacity: 0;
}
.previewer .path , .previewer .project-info {
display: none;
}
.previewer #object_head_gal {
opacity: 1;
}
li.additional_list_item {
margin-bottom: 20px;
float: left;
}
.text-teaser {
display: table-cell;
height: 135px;
width: 9999px;
vertical-align: middle;
color: white;
background-position: center center;
text-align: center;
}
.teaser_text_left {
display: inline-block;
width: 50%;
text-align: left;
font-size: 16px;
line-height: 25px;
vertical-align: middle;
padding-right: 100px;
}
.teaser_text_left h2 {
font-weight: 700;
font-size: 22px;
margin-bottom: 15px;
}
.teaser_text_left_button {
text-transform: uppercase;
font-size: 1.5rem;
text-decoration: none;
font-weight: bold;
background: #f2803c;
padding: 17px 30px;
position: relative;
border: 0;
color: white;
font-family: "Open Sans", Arial, sans-serif;
cursor: pointer;
display: inline-block;
margin: 0;
vertical-align: middle;
-webkit-transition: ease-out 0.5s;
-o-transition: ease-out 0.5s;
transition: ease-out 0.5s;
}
.teaser_text_left_button:hover {
text-decoration: none;
color: #f2803c;
background: #fff;
}
.out_sub_menu {
position: absolute;
background: #f37e43;
z-index: 100;
width: 100%;
left: 0;
top: 180px;
}
.projects-list {
margin-top: 150px;
}
.filter._inner-page {
margin-left: 0;
display: block;
left: 30%;
bottom: 50px;
z-index: 50;
}
.filter._inner-page > .filter-element {
height: auto;
}
.filter._inner-page .filter-element._type .filter-type {
display: inline-block;
height: auto;
padding: 25px 40px;
}
.out_sub_menu > .filter-element {
display: table;
height: 180px;
margin: 0 auto;
text-align: center;
}
.out_sub_menu > .filter-element > div {
display: table-cell;
vertical-align: middle;
}
.out_sub_menu .filter-element._parent > .filter-element > .filter-element {
display: inline-block;
}
.out_sub_menu .filter-element._select:before {
display: none;
}
.out_sub_menu .filter-select {
display: table;
width: 100%;
}
.out_sub_menu .filter-chosable._active {
color: #322f2c;
}
.out_sub_menu .filter-chosable._active SPAN:before {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iU2hhcGVfNDNfMV8iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB3aWR0aD0iMTBweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9Ii00MTUgMjk0LjMgMTAgNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtNDE1IDI5NC4zIDEwIDc7Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMzMjJGMkM7fQ0KPC9zdHlsZT4NCjxnIGlkPSJTaGFwZV80MyI+DQoJPGc+DQoJCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iLTQwNi42LDI5NC4zIC00MTEuNCwyOTkuMSAtNDEzLjIsMjk3LjEgLTQxNC41LDI5OC40IC00MTEuNCwzMDEuMyAtNDA1LjMsMjk1LjUgCQkiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.out_sub_menu .filter-option {
font-size: 1.4rem;
line-height: 3.8rem;
padding: 0 25px;
display: inline-block;
}
.out_sub_menu .filter-element._bathhouse, .out_sub_menu .filter-element._misc {
width: auto;
background: #f37e43 !important;
}
.out_sub_menu .filter-inner-wrap {
border-left: 1px solid #B56136;
padding: 0 25px;
}
.in_filter_block {
/* position: absolute;
left: 50%;
margin-left: -1500px;
width: 3000px !important;
text-align: center;
background: #F37E43 !important;
top: 213px; */
}
.stages_slider .owl-item div {
background-size: cover;
background-position: center center;
}
.stage_item_desc {
position: absolute;
background: white;
left: 20px;
bottom: 120px;
height: auto !important;
font-size: 1.3rem;
line-height: 2rem;
padding: 12px 20px;
color: #5b5b5b;
max-width: 400px;
}
.stages_slider_wrap {
margin-bottom: -70px;
}
.stages_slider_wrap , .stages_slider_wrap * {
cursor: none !important;
}
#cursor {
position: absolute;
z-index: 140;
}
#cursor_inside {
width: 33px;
height: 54px;
background-image: url(/img/cursor.png);
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: -webkit-transform 0.4s ease-out;
-moz-transition: -moz-transform 0.4s ease-out;
-o-transition: -o-transform 0.4s ease-out;
transition: transform 0.4s ease-out;
}
#cursor_inside.right_cursor {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.project-gallery-next, .project-gallery-prev {
display: none;
}
.tiles-item-content-title > span {
display: block;
font-family: "Open Sans", Arial, sans-serif;
font-size: 18px;
line-height: 18px;
letter-spacing: 1px;
}
.owl-carousel , .owl-carousel * {
height: 100%;
}
.project_video {
min-width: 100%;
min-height: 100%;
position: absolute;
bottom: 50%;
right: 50%;
-webkit-transform: translateX(50%) translateY(50%);
transform: translateX(50%) translateY(50%);
width: auto;
height: auto;
}
.project-gallery-item {
position: absolute !important;
left: 0;
width: 100%;
top: 0;
overflow: hidden;
}
.stages_slider_wrap {
overflow: hidden;
position: relative;
}
/*----Additions End----*/
@media (min-width: 1000px) {
.project-galleries , .project-galleries * , .project-info {
cursor: none !important;
}
}
@media (min-width: 767px) {
.visible-xs {
display: none;
}
}
@media (max-width: 1300px) {
.teaser_text_left {
font-size: 14px;
line-height: 21px;
}
}
@media (max-width: 1100px) {
.filter._inner-page {
left: 25%;
}
}
@media (max-width: 1000px) {
.slimScrollDiv {
display: none;
}
.header._fixed span#header_search_wrap {
top: 20px;
}
span#header_search_wrap {
right: 103px;
}
#cursor {
display: none;
}
.fav_listing {
margin-top: -180px;
}
.header._main, .header:hover {
background-color: rgba(255, 255, 255, 0.5);
}
.noscroll-body {
overflow: hidden;
position: fixed;
height: 100%;
width: 100%;
}
.header .fav-link-icon {
position: absolute;
width: 39px;
height: 39px;
left: -10%;
top: 8px;
}
.header._fixed .fav-link {
top: 8px;
}
.header .fav-link-icon:after {
margin: -12px 0 0 -11px;
}
.header .fav-link-count, .header .fav-link-clear {
left: -12px;
}
/* projects page */
.out_sub_menu {
top : 243px;
}
.page-head._bigger + .page-content {
padding-top: 225px;
}
.projects-list {
margin-top: 0;
}
.filter._inner-page {
margin: 0;
bottom: auto;
left: 0;
width: 100%;
top: 100%;
}
.filter {
display: block;
}
.filter-element._type._active {
height: auto;
padding: 0 0 0 0 !important;
}
.filter-element._type._active > a {
display: inline-block !important;
text-align: center;
width: 24.9%;
}
.filter._inner-page .filter-element._parent {
height: 185px;
}
.filter._inner-page .filter-element._parent > .filter-element._bathhouse , .filter._inner-page .filter-element._parent > .filter-element._misc {
height: 100%;
}
.filter._inner-page .filter-element._parent > .filter-element._bathhouse .filter-option {
padding-top: 2px;
padding-bottom: 2px;
width: 50%;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.filter._inner-page .filter-element._parent > .filter-element._misc .filter-option {
padding: 0;
width: 33%;
text-align: center;
display: table-cell;
vertical-align: middle;
padding: 0 10px;
}
.filter._inner-page .filter-element._parent > .filter-element._house .filter-select-item,
.filter._inner-page .filter-element._parent > .filter-element._house .filter._inner-page-slide .filter-link,
.filter._inner-page-slide .filter._inner-page .filter-element._parent > .filter-element._house .filter-link {
padding-left: 0;
}
.filter._inner-page .filter-element._select {
min-width: 0;
}
.filter._inner-page .filter-element._parent > .filter-element._house , .filter-element._bathhouse , .filter-element._misc {
height: 100%;
display: table;
}
.filter-element._house > div {
display: table-cell;
width: 25% !important;
}
.filter._main-page .filter-element._parent > .filter-element {
border-left: none;
}
.filter-element._house .filter-select {
/* display: block; */
text-align: center;
}
.filter._main-page ._misc .filter-option {
width: 33%;
}
.filter._inner-page .filter-element._parent > .filter-element._house .filter-select {
height: 100% !important;
}
/* projects page end*/
/* projects item page*/
.project-reviews-item {
width: 100%;
height: 0;
padding-bottom: 56%;
}
._project .phone {
display: none;
}
._project .path {
top: 0;
left: 0;
width: 100%;
}
.project-like {
display: none;
}
/* projects item page end*/
figure.left {
margin: 0;
display: block;
float: none;
width: 100%;
margin-bottom: 10px;
}
figure.left img{
width: 100%;
display: block;
margin: 0 auto;
}
.header._fixed {
background-color: rgba(255, 255, 255, 0.95);
}
.static-content H1, .static-content H2, .static-content H3, .static-content H4, .static-content H5, .static-content H6, .static-content P, .static-content BLOCKQUOTE, .static-content OL, .static-content UL, .static-content .files {
margin-right: 0px;
margin-left: 0px;
}
.no-touch .container, .no-touch .footer, .no-touch .header , .centering{
min-width: 300px;
}
.header._fixed {
height: 72px;
}
._fixed .logo {
top: 14px;
}
.main-menu {
/* display: none; */
position: fixed;
width: 220px;
background: #fff;
right: -220px;
top: 0;
overflow: scroll;
height: 100%;
padding: 20px 0;
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
.header._fixed .main-menu {
background-color: rgba(255, 255, 255, 0.95);
}
ul.main-menu.opened-xs-menu {
right: 0px;
/* display: block; */
}
header.opened-menu-header {
left: -219px;
background-color: #fff !important;
}
.partners-list-item {
width: 50%;
}
.partners-filter-item A {
font-size: 1.3rem;
padding: 5px 0;
display: inline-block;
}
._fixed .main-menu {
/* top: 62px; */
}
.main-menu-sub {
position: static;
opacity: 1;
display: none;
-webkit-transition: none;
transition: none;
}
.main-menu-item-link:before, .main-menu-item-link:after {
display: none;
}
.main-menu-item {
display: block;
}
.main-menu-item-link , ._fixed .main-menu-item-link {
line-height: 45px;
}
span.mobile_menu_wrap {
width: 37px;
height: 37px;
background-image: url(/img/png/logo_y.png);
background-size: cover;
position: absolute;
right: 57px;
top: 18px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
cursor: pointer;
}
span.mobile_menu_wrap:hover {
/* background-image: url(/img/png/logo_b.png); */
}
._fixed .secret-button{
top: 18px;
}
.logo {
left: 11px;
}
.secret-button {
right: 11px;
}
.page-head {
display: block;
width: 100%;
}
._top .phone {
top: 160px;
left: 0;
width: 100%;
text-align: center;
}
.path-current {
padding: 0 5px;
}
.page-head._mp {
overflow: hidden;
}
.page-content {
padding: 20px 0 30px 0;
}
._top .path {
padding-top: 92px;
text-align: center;
margin: 0;
}
.page-head._bigger .path {
padding-top: 20px;
margin: 0;
text-align: center;
}
.page-head._bigger .phone {
bottom: 14px;
top: auto;
left: 0;
width: 100%;
}
ul.path-elements {
padding: 0 15px;
}
.phone a[href^="tel:"] {
text-shadow: 0px 0px 15px #000;
}
.mp-text {
padding: 40px 0 0;
}
.filter._main-page {
display: block;
bottom: 60px;
padding: 0 20px;
}
.filter-element {
/* height: 60px; */
width: 100% !important;
}
.filter._inner-page .filter-element {
font-size: 0;
}
.filter-element._parent {
width: 100%;
}
.filter-element._select {
min-width: 0;
width: 33%;
}
.filter-select-item {
padding-left: 0;
text-align: center;
display: block;
}
.mp-tiles-wr {
padding-top: 4rem;
}
.process-top {
padding: 0 0 0 0;
min-height: auto;
}
.process-top-image {
float: none;
position: static;
left: 0;
top: 0;
overflow: hidden;
width: 100%;
height: auto;
}
.process-top-image img{
width: 100%;
}
}
@media (max-width: 992px) {
#previewer_toggle {
position: absolute;
bottom: 45%;
left: 50%;
margin-left: -35px;
z-index: 100;
font-weight: bold;
font-size: 70px;
text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.39) , 2px 2px 5px rgba(113, 111, 111, 0.52) , -2px -2px 5px rgba(255, 255, 255, 0.52) , 1px 0px 5px rgba(255, 255, 255, 0.22);
color: rgb(255, 255, 255);
cursor: pointer !important;
/* opacity: 1; */
}
.previewer .project-gallery-item-title{
opacity: 0;
}
h4.project-gallery-item-title {
height: auto;
top: auto;
bottom: 50px;
left: 0;
width: 100%;
text-shadow: 0px 0px 10px #fff , 1px 1px 10px #fff , -1px -1px 10px #fff , -2px 0px 10px #fff;
}
.out_sub_menu .filter-element._misc .filter-option {
width: 33%;
vertical-align: middle;
}
.out_sub_menu .filter-inner-wrap {
padding: 0 10px;
}
.text-teaser {
height: auto;
padding: 20px 10px;
}
.teaser_text_left {
width: 100%;
text-align: center;
padding: 0;
margin-bottom: 20px;
}
/* Contacts page */
.contacts-map {
margin-right: 0;
height: 350px;
}
.contacts-content {
position: static;
width: 100%;
height: auto;
}
.contacts-wr .phone {
position: static;
}
.contacts-wr .phone a {
text-align: center;
}
.contacts-wr a.contacts-tabs-head-item {
margin: 5px auto 12px;
display: block;
}
.contacts-list-item:before {
display: none;
}
.contacts-list {
padding: 15px;
}
.contacts-list-item-block-title , .contacts-list-item-block-text {
padding-left: 0;
}
.contacts-list-item-block._half {
width: 100%;
float: none;
overflow: hidden;
margin-bottom: 0;
padding: 0;
}
.contacts-wr .phone a:after {
display: none;
}
.contacts-map .path {
position: static;
margin: 0;
padding: 7px;
}
.contacts-map .path-elements {
padding: 0 5px;
}
.contacts-map .path-current {
margin-top: 7px;
}
.contacts-map-zoom._in {
top: 70px;
right: 10px;
}
.contacts-map-zoom._out {
top: 110px;
right: 10px;
}
._hours .contacts-list-item-block-text SPAN:nth-child(n+2) {
display: none;
}
/* Contacts page end*/
/* items:hover */
.tiles-item-content-specs {
position: absolute;
width: 100%;
max-width: 100%;
margin: auto;
bottom: 7px;
left: 0;
right: 0;
display: block;
color: white;
border-top: none;
padding-top: 35px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(1);
transform: scale(1);
}
.tiles-item-content {
opacity: 1;
background: none;
text-shadow: 1px 1px 20px #3C3A3A , -1px -1px 20px #3C3A3A , 2px 2px 20px #3C3A3A , -2px -1px 20px #3C3A3A;
}
.tiles-item-content-specs-item._square:before {
top: -30px;
left: 11px;
width: 25px;
height: 23px;
}
.tiles-item-content-specs-item {
padding-left: 0 !important;
margin: 0 15px;
}
.tiles-item-content-specs-item._floors:before {
width: 25px;
height: 26px;
top: -32px;
left: 18px;
}
.tiles-item-content-specs-item._bedrooms:before {
top: -30px;
width: 25px;
height: 23px;
left: 25px;
}
.tiles-item-content-specs-item:before {
display: none;
}
.tiles-item-content-specs-item-unit {
font-size: 14px;
vertical-align: middle;
}
.tiles-item-content-specs-item-value {
font-size: 17px;
vertical-align: middle;
}
.tiles-item-content-title {
-webkit-transform: scale(1);
transform: scale(1);
font-size: 2.5rem;
line-height: 3rem;
padding: 0 55px;
}
.tiles-item-content-icon {
top: 16px;
-webkit-transform: scale(1);
transform: scale(1);
display: none;
}
.tiles-item-content .fav-toggle {
top: 8px;
right: 10px;
-webkit-transform: scale(1);
transform: scale(1);
display: none;
}
.tiles-item-content:hover .tiles-item-content-icon {
top : 16px;
}
.tiles-item-content:hover .fav-toggle {
top: 8px;
right: 10px;
}
.tiles-item-content:hover .tiles-item-content-specs {
bottom: 7px;
}
/* items:hover end */
.filter._main-page {
padding: 0 0;
display: none;
}
._project .path-current {
text-shadow: 0px 0px 23px #fff;
}
._project .path-elements {
opacity: 1;
}
.project-info {
padding: 0 0px;
height: auto;
text-align: center;
margin-bottom: 0;
bottom: 15px;
}
.project-info-link-wr {
float: none;
}
.project-info-link-wr {
float: none;
margin-top: 10px;
}
span.project-info-specs-item {
padding: 0 0 0 35px;
margin-right: 14px;
}
.project-info-specs {
float: none;
background-color: #fff;
padding: 23px 0 20px;
text-align: center;
}
.process .phone-teaser-text {
width: 100%;
}
.process .phone-teaser-text SPAN {
display: block;
vertical-align: middle;
text-align: center;
padding-top: 5px;
}
.process .houses {
padding-top: 45px;
margin-bottom: 0;
}
.process .phone-teaser-text .process-make-time {
position: static;
display: block;
font-family: "Open Sans", Arial, sans-serif;
line-height: 5rem;
right: 40px;
top: 50%;
margin: 10px auto;
width: 190px;
letter-spacing: 1px;
}
.text-content p {
text-align: justify;
}
.text-content IFRAME {
width: 100%;
margin: 0;
}
.static-content.text-content {
padding: 0 4px;
}
.text-content H1, .text-content H2 , .text-content P + H3{
padding: 5px 0 10px;
}
.text-content H1, .text-content H2 {
font-size: 1.8rem;
line-height: 2.4rem;
}
.text-content BLOCKQUOTE {
font-size: 1.6rem;
line-height: 2.6rem;
margin: 14px 0;
}
.phone-value {
display: block;
padding-right: 0;
text-align: center;
}
.phone-call {
display: block;
text-align: left;
color: #f37e43;
font-size: 1.3rem;
padding-right: 0;
padding-left: 0px;
margin: 5px auto 0;
width: 155px;
}
.path-current {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 1px;
margin-top: 6px;
}
.form-container {
padding-top: 0;
}
._top .page-head {
height: 235px;
}
.page-head._mp .mp-head-text._bigger {
font-size: 4rem;
}
span.phone-teaser-text {
margin: 0 0 3px;
padding: 0 10px;
width: 100%;
font-size: 16px;
}
.phone-teaser-phone {
padding: 0;
text-align: center;
display: block;
}
.phone-teaser-phone:before {
display: none;
}
.phone-teaser {
height: 120px;
}
.mp-text H3 {
font-size: 2.5rem;
line-height: 3rem;
text-align: center;
}
.text-content H4.right {
text-align: center;
}
.centering {
padding: 0 15px;
}
.project-gallery-previews-group-wr {
text-align: center;
}
._project .path-elements {
background: rgba(255, 255, 255, 0.18);
}
/*----Map projects---*/
.map-content-texts {
width: 100%;
height: auto !important;
}
.map-map {
margin-right: 0;
height: 300px;
}
.map-content {
width: 100%;
position: relative;
overflow: visible;
}
.map-content-switch {
display: none;
}
.map-content-wr {
width: 100%;
position: relative;
left: 0;
}
.map-content-projects {
width: 100%;
height: auto !important;
}
.scroll-content {
overflow: auto;
height: auto !important;
min-height: 0;
}
.map-map .contacts-map-zoom._out {
top: 55px;
right: 10px;
}
.map-map .contacts-map-zoom._in {
top: 15px;
right: 10px;
}
.map-map .path .path-elements , .map-map .path .path-current{
display: none;
}
.map-map .path A {
top: -9px;
left: -20px;
}
.project-gallery .project-gallery-item._plan {
background-size: contain;
}
/*----Map projects End---*/
}
@media (max-width: 767px) {
.logo {
width: 107px;
height: 34px;
top: 20px;
}
._fixed .logo {
top: 20px;
}
.project-galleries , .project-gallery {
overflow: visible;
}
.project-gallery-items {
overflow: hidden;
}
.main-page .container {
/* padding-top: 0; */
}
.out_sub_menu .filter-inner-wrap {
border: none;
}
.out_sub_menu .filter-element._parent > .filter-element > .filter-element:nth-child(odd) {
border-right: 1px solid #B56136;
}
.out_sub_menu .filter-element._house .filter-select {
height: 90px !important;
}
.out_sub_menu .filter-element._house > div {
width: 49% !important
}
.filter._inner-page .filter-element._type .filter-type {
padding: 25px 0;
}
.out_sub_menu .filter-select-item {
line-height: 1rem;
}
.out_sub_menu .filter-inner-wrap {
border-bottom: 1px solid #B56136;
}
.out_sub_menu .filter-element._misc .filter-option {
width: 100%;
padding: 0;
}
.project-text table * {
display: block !important;
width: 100% !important;
font-size: 14px;
line-height: 20px;
padding: 0 !important;
margin: 0 !important;
}
.project-text table tr td img {
margin: 15px 0px !important;
}
.tiles-item-content-title > span {
font-size: 14px;
}
.project-gallery-previews-toggle {
display: none;
}
.files-item {
width: 100%;
}
.contacts-wr a.contacts-tabs-head-item {
width: 170px;
}
.hidden-xs {
display: none;
}
.visible-xs {
display: block;
}
.i-gallery-images-item , .i-gallery-next, .i-gallery-prev{
height: 315px;
}
.i-gallery-previews-item {
width: 150px !important;
}
.i-gallery-images-item SPAN {
background: rgba(255, 255, 255, 0.92);
left: 0;
width: 100%;
text-align: center;
}
._active .faq-item-title .faq-item-num {
display: block;
width: 100%;
float: none;
}
.text-content UL {
margin-left: 15px;
}
.faq-item-num {
float: none;
margin: 0 0 10px 0;
}
.faq-controls .faq-ask-button {
margin-left: 28px;
max-width: auto;
min-width: auto;
width: 200px;
display: block;
margin: 15px auto 0;
}
.faq-item-text {
margin: 28px 0 45px;
padding: 0 0 0 0;
border-left: none;
}
.form-wider {
margin-right: 0;
}
.form-row-submit-hint {
display: block;
margin: 15px 0 0;
}
.project-text > *:first-child {
padding-top: 0;
}
.project {
padding-top: 70px;
}
.project-reviews {
padding: 25px 0 25px 0;
}
.project-similar-title {
font-size: 2.5rem;
line-height: 2.5rem;
padding: 10px 0 30px 0;
}
.project-info-specs-item-value {
font-size: 16px;
padding-right: 0;
}
.project-info-specs-item:before {
left: 4px;
display: none;
}
._project .path-current {
font-size: 2.2rem;
line-height: 2.5rem;
}
.project-gallery-num {
color: #fff;
}
.project-info {
bottom: auto;
top: 100%;
margin-top: -66px;
}
.project-info-specs {
background-color: rgba(255, 255, 255, 0);
}
span.project-info-specs-item {
text-shadow: 1px 1px 4px #fff , -1px -1px 4px #fff , 2px 0px 4px #fff , -2px 0px 4px #fff;
padding: 0 7px;
margin: 0 5px;
}
._project .path-elements {
padding-top: 3px;
padding-bottom: 4px;
text-align: center;
}
.path-elements-item {
float: none;
display: inline;
}
.filter-select-item, .filter._inner-page-slide .filter-link {
font-size: 1.3rem;
line-height: 3rem;
}
.filter._inner-page .filter-element._parent {
height: 145px;
}
.page-head._bigger + .page-content {
padding-top: 230px;
}
.houses-title {
font-size: 2.2rem;
line-height: 2.7rem;
text-align: center;
padding-bottom: 15px;
}
.houses-list-item {
float: none;
width: 100%;
}
.houses-list-item-content {
opacity: 0.8;
}
.houses-list-item-icon {
top: 42px;
-webkit-transform: scale(1);
transform: scale(1);
}
.houses-list-item-title {
-webkit-transform: scale(1);
transform: scale(1);
}
.houses-all-link {
position: static;
display: block;
margin: 0 0 20px;
text-align: center;
font-size: 1.7em;
line-height: 2rem;
text-decoration: underline;
}
.phone-value .hours {
display: none;
}
.process-list {
float: none;
width: 100%;
}
.process-list-item-num {
display: none;
}
._top .phone {
bottom: 14px;
top: auto;
left: 0;
}
.process-list-item-content {
position: absolute;
left: 0;
bottom: 0;
background: rgba(250, 249, 251, 0.79);
width: 270px;
height: 55px;
font-weight: 700;
padding: 15px 0 0 15px;
}
.process-list-item._title {
height: 100px;
}
.process-list-item-title:after {
content: "";
position: absolute;
right: 15px;
bottom: 4px;
left: auto;
}
.process-list-item-wr {
height: 0;
padding-bottom: 56%;
}
.process-list-item {
height: auto;
margin-bottom: 25px;
}
.path-current {
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: 1px;
margin-top: 15px;
}
.process-title {
font-size: 2rem;
line-height: 2.7rem;
margin-top: -10px;
}
.phone-call:after {
display: none;
}
.phone-call {
text-align: center;
margin-top: 13px;
}
.text-content TABLE {
margin: 10px -10px 57px -10px;
font-size: 1.2rem;
line-height: 1.4rem;
}
.partners-list-item {
width: 100%;
}
.text-content OL {
padding-left: 10px;
}
.footer {
height: auto;
padding: 10px 0;
display: block;
}
.footer > * {
display: block;
text-align: center;
width: 100%;
padding: 10px 0;
}
.awards-col.col-4 {
width: 100%;
}
.service-item {
width: 100%;
margin-bottom: 10px;
}
.service-item-bg {
opacity: 0.3
}
.mp-tiles-wr .title-regular {
padding-bottom: 5.2rem;
}
.mp-text P {
text-align: justify;
-ms-text-align-last: justify;
text-align-last: justify;
}
.page-head._mp .phone {
top: 13px;
right: auto;
left: 0;
text-align: center;
width: 100%;
}
.tiles-item {
width: 100%;
min-height: 200px;
}
.more-button-container {
padding: 23px 0 40px 0;
}
.tiles-item:nth-child(odd) .tiles-item-wr , .tiles-item:nth-child(even) .tiles-item-wr {
margin: 0;
}
.page-head._mp .mp-head-text._bigger {
font-size: 2.7rem;
padding: 0 5px;
line-height: 3.4rem;
margin-top: -15.4rem;
}
.page-head._mp .mp-head-text {
font-size: 2rem;
line-height: 2.5rem;
padding: 0 5px;
}
.mp-text BLOCKQUOTE._image IMG {
display: block;
margin: 0 auto 25px;
}
.mp-text BLOCKQUOTE._image Q {
display: block;
text-align: center;
}
.mp-text BLOCKQUOTE {
margin-top: 30px;
padding-top: 30px;
width: 100%;
}
/*---Popup Form---*/
.form-container._popup {
padding: 20px 10px ;
}
.fancybox-skin {
padding: 0 !important;
}
.form-container._wide .form-container-form {
min-width: 0;
}
.form-row._double .form-row {
display: block;
float: none !important;
padding: 0 !important;
width: 100%;
margin: 0 0 13px;
}
.form-container._popup .form-row._submit {
text-align: center;
}
/*---Pop up Form End ----*/
.container {
margin-bottom: -80px;
}
.title {
font-size: 3rem;
line-height: 4rem;
}
.map-project-content {
padding: 20px 16px 30px;
text-align: center;
}
.contacts-list-item-block-text img{
width: 100%;
}
.static-content.text-content img {
width: 100%;
}
}
@media (max-width: 400px) {
.project-info-link {
width: 100%;
margin: 0;
}
.project-info-link-wr {
margin-top: 0;
}
.project {
padding-top: 130px;
}
}
@media (orientation: landscape) and (max-width: 768px) {
#previewer_toggle {
bottom: 24%;
}
.page-head._mp , .mp-slide {
min-height: 0 !important;
}
.main-page .container {
padding-top: 0;
}
.page-head._mp .phone {
display: none;
}
.page-head._mp .mp-head-text._bigger {
margin-top: 0;
}
}
\ No newline at end of file \ No newline at end of file
js/compiled.js
This diff could not be displayed because it is too large.
local/components/cpeople/contacts/templates/.default/tab-contacts.php
...@@ -4,39 +4,39 @@ ...@@ -4,39 +4,39 @@
/** @var \Sh\Entities\Office $item */ /** @var \Sh\Entities\Office $item */
?> ?>
<? foreach($arResult['CONTACT_SECTIONS'] as $section) { ?> <? foreach($arResult['CONTACT_SECTIONS'] as $section) { ?>
<div class="contacts-tabs-item js-tab" data-id="<?= $section->ID ?>"> <div class="contacts-tabs-item js-tab" data-id="<?= $section->ID ?>">
<ul class="contacts-list js-list-container"> <ul class="contacts-list js-list-container">
<? foreach($section->items as $contact) { ?> <? foreach($section->items as $contact) { ?>
<li class="contacts-list-item"> <li class="contacts-list-item">
<a href="#!" class="contacts-list-item-title js-collapsable-toggle"><?= $contact->getName() ?></a> <a href="#!" class="contacts-list-item-title js-collapsable-toggle"><?= $contact->getName() ?></a>
<div class="js-collapsable-content contacts-list-item-content"> <div class="js-collapsable-content contacts-list-item-content">
<? if($text = $contact->getText()) { ?> <? if($text = $contact->getText()) { ?>
<section class="contacts-list-item-block"> <section class="contacts-list-item-block">
<h6 class="contacts-list-item-block-title">Область ответственности:</h6> <h6 class="contacts-list-item-block-title">Область ответственности:</h6>
<article class="contacts-list-item-block-text"> <article class="contacts-list-item-block-text">
<?= $text ?> <?= $text ?>
</article> </article>
</section> </section>
<? } ?> <? } ?>
<? if($phone = $contact->getPhones()) { ?> <? if($phone = $contact->getPhones()) { ?>
<section class="contacts-list-item-block _phones"> <section class="contacts-list-item-block _phones">
<h6 class="contacts-list-item-block-title">Телефоны:</h6> <h6 class="contacts-list-item-block-title">Телефоны:</h6>
<article class="contacts-list-item-block-text"> <article class="contacts-list-item-block-text">
<span><?= $phone ?></span></article> <span><?= $phone ?></span></article>
</section> </section>
<? } ?> <? } ?>
<? if($email = $contact->getEmail()) { ?> <? if($email = $contact->getEmail()) { ?>
<section class="contacts-list-item-block _email"> <section class="contacts-list-item-block _email">
<h6 class="contacts-list-item-block-title">Эл. почта:</h6> <h6 class="contacts-list-item-block-title">Эл. почта:</h6>
<article class="contacts-list-item-block-text"> <article class="contacts-list-item-block-text">
<a href="mailto:<?= $email ?>"><?= $email ?></a> <a href="mailto:<?= $email ?>"><?= $email ?></a>
</article> </article>
</section> </section>
<? } ?> <? } ?>
</div>
</li>
<? } ?>
</ul>
</div> </div>
</li>
<? } ?>
</ul>
</div>
<? } ?> <? } ?>
\ No newline at end of file \ No newline at end of file
local/components/cpeople/contacts/templates/.default/tab-office.php
...@@ -3,63 +3,77 @@ ...@@ -3,63 +3,77 @@
/** @var \Sh\Entities\Contact $contact */ /** @var \Sh\Entities\Contact $contact */
/** @var \Sh\Entities\Office $item */ /** @var \Sh\Entities\Office $item */
?> ?>
<div class="contacts-tabs-item _active js-tab" data-id="1"> <div class="contacts-tabs-item _active js-tab" data-id="1">
<ul class="contacts-list js-list-container"> <ul class="contacts-list js-list-container">
<? foreach($arResult['OFFICES'] as $i => $item) { ?> <? foreach ($arResult['OFFICES'] as $i => $item) { ?>
<li class="contacts-list-item _collapsable js-collapsable<? if(!$i) { ?> <? } ?>" itemscope itemtype="http://schema.org/Organization">
<span style="display:none" itemprop="name">Stroy House<? if($subtitle = $item->getSubtitle()) { ?> (<?= $subtitle ?>)<? } ?></span> <span style="display:none"
<a href="#!" class="contacts-list-item-title js-collapsable-toggle js-office" data-id="<?= $item->ID ?>"> itemprop="name">Stroy House<? if ($subtitle = $item->getSubtitle()) { ?> (<?= $subtitle ?>)<? } ?></span>
<b><?= $item->getName() ?></b> <li class="contacts-list-item-title" data-id="<?= $item->ID ?>">
<? if($subtitle = $item->getSubtitle()) { ?> <b><?= $item->getName() ?></b>
<span>(<?= $subtitle ?>)</span> <? if ($subtitle = $item->getSubtitle()) { ?>
<? } ?> <span>(<?= $subtitle ?>)</span>
</a> <? } ?>
<div class="js-collapsable-content contacts-list-item-content"> </li>
<? if($address = $item->getAddress()) { ?>
<section class="contacts-list-item-block"> <? if ($address = $item->getAddress()) { ?>
<h6 class="contacts-list-item-block-title">Адрес:</h6> <section class="contacts-list-item-block">
<article class="contacts-list-item-block-text" itemprop="address"><?= $address ?></article> <h6 class="contacts-list-item-block-title">Адрес:</h6>
</section> <article class="contacts-list-item-block-text" itemprop="address"><?= $address ?></article>
<? } ?> </section>
<? if($phones = $item->getPhones()) { ?> <? } ?>
<section class="contacts-list-item-block _half _phones"> <li class="contacts-list-item _collapsable js-collapsable<? if (!$i) { ?> <? } ?>" itemscope
<h6 class="contacts-list-item-block-title">Телефоны:</h6> itemtype="http://schema.org/Organization">
<article class="contacts-list-item-block-text "> <a href="#!" class="contacts-tabs-head-item js-collapsable-toggle js-office"
<? foreach($phones as $phone) { ?> data-id="<?= $item->ID ?>">
<span><a href="tel:<?= $phone ?>" itemprop="telephone"><?= $phone ?></a></span> <b>Подробно...</b>
<? } ?> </a>
</article>
</section> <div class="js-collapsable-content contacts-list-item-content">
<? } ?> <? if ($phones = $item->getPhones()) { ?>
<? if($times = $item->getTime()) { ?> <section class="contacts-list-item-block _half _phones">
<section class="contacts-list-item-block _half _hours"> <h6 class="contacts-list-item-block-title">Телефоны:</h6>
<h6 class="contacts-list-item-block-title">График работы:</h6> <article class="contacts-list-item-block-text ">
<article class="contacts-list-item-block-text"> <? foreach ($phones as $phone) { ?>
<? foreach($times as $time) { ?> <span><a href="tel:<?= $phone ?>" itemprop="telephone"><?= $phone ?></a></span>
<span><?= $time ?></span> <? } ?>
<? } ?> </article>
</article> </section>
</section> <? } ?>
<? } ?> <? if ($times = $item->getTime()) { ?>
<? if($email = $item->getEmail()) { ?> <section class="contacts-list-item-block _half _hours">
<section class="contacts-list-item-block _email"> <h6 class="contacts-list-item-block-title">График работы:</h6>
<h6 class="contacts-list-item-block-title">Эл. почта:</h6> <article class="contacts-list-item-block-text">
<article class="contacts-list-item-block-text"> <? foreach ($times as $time) { ?>
<a href="mailto:<?= $email ?>" itemprop="email"><?= $email?></a> <span><?= $time ?></span>
</article> <? } ?>
</section> </article>
<? } ?> </section>
<? if($text = $item->getText()) { ?> <? } ?>
<section class="contacts-list-item-block _path"> <? if ($email = $item->getEmail()) { ?>
<h6 class="contacts-list-item-block-title">Как проехать?</h6> <section class="contacts-list-item-block _email">
<article class="contacts-list-item-block-text"> <h6 class="contacts-list-item-block-title">Эл. почта:</h6>
<?= $text ?> <article class="contacts-list-item-block-text">
<a href="mailto:<?= $email ?>" itemprop="email"><?= $email ?></a>
</article>
</section>
<? } ?>
<? if ($text = $item->getText()) { ?>
<section class="contacts-list-item-block _path">
<h6 class="contacts-list-item-block-title">Как проехать?</h6>
<article class="contacts-list-item-block-text">
<?= $text ?>
</article>
</section>
<? } ?>
</div>
</li>
<? } ?>
</ul>
</div>
</article>
</section>
<? } ?>
</div>
</li>
<? } ?>
</ul>
</div>
local/components/cpeople/contacts/templates/.default/template.php
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<!-- <?= getBreadCrumbsHtml() ?> --> <!-- <?= getBreadCrumbsHtml() ?> -->
<a href="#!" class="contacts-map-zoom _in js-zoom-in"></a> <a href="#!" class="contacts-map-zoom _in js-zoom-in"></a>
<a href="#!" class="contacts-map-zoom _out js-zoom-out"></a> <a href="#!" class="contacts-map-zoom _out js-zoom-out"></a>
<div class="contacts-map-container" id="map"></div> <div class="contacts-map-container" id="map"></div>
</div> </div>
<div class="contacts-content"> <div class="contacts-content">
<div class="contacts-content-wr"> <div class="contacts-content-wr">
......
local/components/cpeople/faq/templates/.default/template.php
...@@ -22,7 +22,8 @@ if(empty($arResult['ITEMS'])) return; ...@@ -22,7 +22,8 @@ if(empty($arResult['ITEMS'])) return;
<div class="faq-controls"> <div class="faq-controls">
Не нашли ответ? Не нашли ответ?
<a href="/feedback/" class="more-button faq-ask-button">Напишите нам</a> <a href="#feedback" class='more-button faq-ask-button js-order-project'>Напишите нам</a>
<?$APPLICATION->IncludeComponent('cpeople:form', 'feedback')?>
</div> </div>
</div> </div>
\ No newline at end of file \ No newline at end of file
local/components/cpeople/form/component.php
...@@ -51,4 +51,4 @@ if (!empty($arParams['IS_HANDLER']) && !empty($arParams['IS_AJAX'])) { ...@@ -51,4 +51,4 @@ if (!empty($arParams['IS_HANDLER']) && !empty($arParams['IS_AJAX'])) {
$APPLICATION->RestartBuffer(); $APPLICATION->RestartBuffer();
header('Content-Type: application/json'); header('Content-Type: application/json');
echo json_encode($result); echo json_encode($result);
}
\ No newline at end of file \ No newline at end of file
}
local/components/cpeople/form/templates/calc/template.php
...@@ -223,7 +223,7 @@ ...@@ -223,7 +223,7 @@
</div> </div>
<label> <label>
<input type="checkbox" id="subscribeNews" name="subscribe" value="newsletter"> <input type="checkbox" id="subscribeNews" name="subscribe" value="newsletter">
<span style="font-size: 11px;">Я соглашаюсь с<a href="#soglasie" class='js-order-project'>условиями на обработку персональных данных</a></span> <span style="font-size: 11px;">Я соглашаюсь с<a href="#soglasie" id="go" class='js-order-project'>условиями на обработку персональных данных</a></span>
<?$APPLICATION->IncludeComponent('cpeople:form', 'soglasie')?> <?$APPLICATION->IncludeComponent('cpeople:form', 'soglasie')?>
</label> </label>
......
local/components/cpeople/form/templates/callback/template.php
...@@ -30,9 +30,9 @@ ...@@ -30,9 +30,9 @@
</label> </label>
<label> <label>
<input type="checkbox" checked="checked" id="subscribeNews" name="subscribe" value="newsletter"> <input type="checkbox" checked="checked" id="subscribeNews" name="subscribe" value="newsletter">
<span style="font-size: 11px;">Я соглашаюсь с <a href="" id="go" class='js-soglasie'> условиями на обработку персональных данных</a></span> <span style="font-size: 11px;">Я соглашаюсь с <a href="" id="go" class='js-soglasie'> условиями на обработку персональных данных</a>
<?$APPLICATION->IncludeComponent('cpeople:form', 'soglasie');?>
<?$APPLICATION->IncludeComponent('cpeople:form', 'soglasie')?> </span>
</label> </label>
<div class="form-row _submit"> <div class="form-row _submit">
<button type="submit" class="big-button">Отправить</button> <button type="submit" class="big-button">Отправить</button>
......
local/components/cpeople/form/templates/feedback/template.php
...@@ -35,9 +35,8 @@ ...@@ -35,9 +35,8 @@
</label> </label>
<label> <label>
<input type="checkbox" checked="checked" id="subscribeNews" name="subscribe" value="newsletter"> <input type="checkbox" checked="checked" id="subscribeNews" name="subscribe" value="newsletter">
<span style="font-size: 11px;">Я соглашаюсь с <a href="" id="go" class='js-soglasie'> условиями на обработку персональных данных</a></span> <span style="font-size: 11px;">Я соглашаюсь с <a href="" id="feed" class='js-soglasie'> условиями на обработку персональных данных</a></span>
<?$APPLICATION->IncludeComponent('cpeople:form', 'soglasie-feed');?>
</label> </label>
<div class="form-row _submit"> <div class="form-row _submit">
<button type="submit" class="big-button">Отправить</button> <button type="submit" class="big-button">Отправить</button>
......
local/components/cpeople/form/templates/feedback_credit_popup/template.php
...@@ -39,9 +39,9 @@ ...@@ -39,9 +39,9 @@
</label> </label>
<label> <label>
<input type="checkbox" checked="checked" id="subscribeNews" name="subscribe" value="newsletter"> <input type="checkbox" checked="checked" id="subscribeNews" name="subscribe" value="newsletter">
<span style="font-size: 11px;">Я соглашаюсь с <a href="" id="go" class='js-soglasie'> условиями на обработку персональных данных</a></span> <span style="font-size: 11px;">Я соглашаюсь с <a href="" id="proj" class='js-soglasie'> условиями на обработку персональных данных</a></span>
<?$APPLICATION->IncludeComponent('cpeople:form', 'soglasie-proj');?>
</label> </label>
<div class="form-row _submit"> <div class="form-row _submit">
<button type="submit" class="big-button">Отправить</button> <button type="submit" class="big-button">Отправить</button>
......
local/components/cpeople/form/templates/feedback_project_popup/template.php
...@@ -40,8 +40,8 @@ ...@@ -40,8 +40,8 @@
</label> </label>
<label> <label>
<input type="checkbox" checked="checked" id="subscribeNews" name="subscribe" value="newsletter"> <input type="checkbox" checked="checked" id="subscribeNews" name="subscribe" value="newsletter">
<span style="font-size: 11px;">Я соглашаюсь с <a href="" id="go" class='js-soglasie'> условиями на обработку персональных данных</a></span> <span style="font-size: 11px;">Я соглашаюсь с <a href="" id="proj" class='js-soglasie'> условиями на обработку персональных данных</a></span>
<?$APPLICATION->IncludeComponent('cpeople:form', 'soglasie-proj');?>
</label> </label>
<div class="form-row _submit"> <div class="form-row _submit">
<button type="submit" class="big-button">Отправить</button> <button type="submit" class="big-button">Отправить</button>
......
local/components/cpeople/form/templates/feedback_project_popup_order/template.php
...@@ -40,8 +40,8 @@ ...@@ -40,8 +40,8 @@
</label> </label>
<label> <label>
<input type="checkbox" checked="checked" id="subscribeNews" name="subscribe" value="newsletter"> <input type="checkbox" checked="checked" id="subscribeNews" name="subscribe" value="newsletter">
<span style="font-size: 11px;">Я соглашаюсь с <a href="" id="go" class='js-soglasie'> условиями на обработку персональных данных</a></span> <span style="font-size: 11px;">Я соглашаюсь с <a href="" id="proj" class='js-soglasie'> условиями на обработку персональных данных</a></span>
<?$APPLICATION->IncludeComponent('cpeople:form', 'soglasie-proj');?>
</label> </label>
<div class="form-row _submit"> <div class="form-row _submit">
<button type="submit" class="big-button">Отправить</button> <button type="submit" class="big-button">Отправить</button>
......
local/components/cpeople/form/templates/feedback_project_popup_start/template.php
...@@ -40,8 +40,8 @@ ...@@ -40,8 +40,8 @@
</label> </label>
<label> <label>
<input type="checkbox" checked="checked" id="subscribeNews" name="subscribe" value="newsletter"> <input type="checkbox" checked="checked" id="subscribeNews" name="subscribe" value="newsletter">
<span style="font-size: 11px;">Я соглашаюсь с <a href="" id="go" class='js-soglasie'> условиями на обработку персональных данных</a></span> <span style="font-size: 11px;">Я соглашаюсь с <a href="" id="proj" class='js-soglasie'> условиями на обработку персональных данных</a></span>
<?$APPLICATION->IncludeComponent('cpeople:form', 'soglasie-proj');?>
</label> </label>
<div class="form-row _submit"> <div class="form-row _submit">
<button type="submit" class="big-button">Отправить</button> <button type="submit" class="big-button">Отправить</button>
......
local/components/cpeople/form/templates/soglasie-feed/template.php 0 → 100644
<div id="feed_form"><!-- Сaмo oкнo -->
<span id="feed_close">X</span> <!-- Кнoпкa зaкрыть -->
<p class="form-title" style="text-align: center;">Согласие на обработку персональных данных</p>
<p>Настоящим я, далее – «Субъект Персональных Данных», во исполнение требований Федерального закона от 27.07.2006 г. № 152-ФЗ «О персональных данных» (с изменениями и дополнениями) свободно, своей волей и в своем интересе даю свое согласие ООО «Строй Хауз», ОГРН 1147746946126 (далее – «Общество») на обработку своих персональных данных, указанных при регистрации путем заполнения веб-формы на сайте www.s-h.ru и его поддоменов (далее – «Сайт»), направляемой (заполненной) с использованием Сайта.</p>
<p>Под персональными данными я понимаю любую информацию, относящуюся ко мне как к Субъекту Персональных Данных, в том числе мои фамилию, имя, отчество, адрес, образование, профессию, контактные данные (телефон, факс, электронная почта, почтовый адрес), иную другую информацию. Под обработкой персональных данных я понимаю сбор, систематизацию, накопление, уточнение, обновление, изменение, использование, распространение, передачу, в том числе трансграничную, обезличивание, блокирование, уничтожение, бессрочное хранение), и любые другие действия (операции) с персональными данными.</p>
<p>Обработка персональных данных Субъекта Персональных Данных осуществляется исключительно в целях регистрации Субъекта Персональных Данных на Сайте с возможным последующим направлением Субъекту Персональных Данных почтовых сообщений и\или смс-уведомлений, в том числе рекламного содержания, от Общества, информационных и новостных рассылок, приглашений на мероприятия Общества и другой информации рекламно-новостного содержания, а также с целью подтверждения личности Субъекта Персональных Данных при посещении мероприятий Общества.</p>
<p>Датой выдачи согласия на обработку персональных данных Субъекта Персональных Данных является дата отправки регистрационной веб-формы с Сайта Общества.</p>
<p>Обработка персональных данных Субъекта Персональных Данных может осуществляться с помощью средств автоматизации и/или без использования средств автоматизации в соответствии с действующим законодательством РФ и внутренними положениями Общества.</p>
<p>Общество принимает необходимые правовые, организационные и технические меры или обеспечивает их принятие для защиты персональных данных от неправомерного или случайного доступа к ним, уничтожения, изменения, блокирования, копирования, предоставления, распространения персональных данных, а также от иных неправомерных действий в отношении персональных данных, а также принимает на себя обязательство сохранения конфиденциальности персональных данных Субъекта Персональных Данных. Общество вправе привлекать для обработки персональных данных Субъекта Персональных Данных субподрядчиков, а также вправе передавать персональные данные для обработки своим аффилированным лицам, обеспечивая при этом принятие такими субподрядчиками и аффилированными лицами соответствующих обязательств в части конфиденциальности персональных данных.</p>
<p>Я ознакомлен(а), что:<p>
<li>1. настоящее согласие на обработку моих персональных данных, указанных при регистрации на Сайте Общества, направляемых (заполненных) с использованием Cайта, действует в течение 20 (двадцати) лет с момента регистрации на Cайте Общества;</li>
<li>2. согласие может быть отозвано мною на основании письменного заявления в произвольной форме;</li>
<li>3. предоставление персональных данных третьих лиц без их согласия влечет ответственность в соответствии с действующим законодательством Российской Федерации.</li></p>
</div>
<div id="overlay-feed"></div><!-- Пoдлoжкa -->
local/components/cpeople/form/templates/soglasie-proj/template.php 0 → 100644
<div id="proj_form"><!-- Сaмo oкнo -->
<span id="proj_close">X</span> <!-- Кнoпкa зaкрыть -->
<p class="form-title" style="text-align: center;">Согласие на обработку персональных данных</p>
<p>Настоящим я, далее – «Субъект Персональных Данных», во исполнение требований Федерального закона от 27.07.2006 г. № 152-ФЗ «О персональных данных» (с изменениями и дополнениями) свободно, своей волей и в своем интересе даю свое согласие ООО «Строй Хауз», ОГРН 1147746946126 (далее – «Общество») на обработку своих персональных данных, указанных при регистрации путем заполнения веб-формы на сайте www.s-h.ru и его поддоменов (далее – «Сайт»), направляемой (заполненной) с использованием Сайта.</p>
<p>Под персональными данными я понимаю любую информацию, относящуюся ко мне как к Субъекту Персональных Данных, в том числе мои фамилию, имя, отчество, адрес, образование, профессию, контактные данные (телефон, факс, электронная почта, почтовый адрес), иную другую информацию. Под обработкой персональных данных я понимаю сбор, систематизацию, накопление, уточнение, обновление, изменение, использование, распространение, передачу, в том числе трансграничную, обезличивание, блокирование, уничтожение, бессрочное хранение), и любые другие действия (операции) с персональными данными.</p>
<p>Обработка персональных данных Субъекта Персональных Данных осуществляется исключительно в целях регистрации Субъекта Персональных Данных на Сайте с возможным последующим направлением Субъекту Персональных Данных почтовых сообщений и\или смс-уведомлений, в том числе рекламного содержания, от Общества, информационных и новостных рассылок, приглашений на мероприятия Общества и другой информации рекламно-новостного содержания, а также с целью подтверждения личности Субъекта Персональных Данных при посещении мероприятий Общества.</p>
<p>Датой выдачи согласия на обработку персональных данных Субъекта Персональных Данных является дата отправки регистрационной веб-формы с Сайта Общества.</p>
<p>Обработка персональных данных Субъекта Персональных Данных может осуществляться с помощью средств автоматизации и/или без использования средств автоматизации в соответствии с действующим законодательством РФ и внутренними положениями Общества.</p>
<p>Общество принимает необходимые правовые, организационные и технические меры или обеспечивает их принятие для защиты персональных данных от неправомерного или случайного доступа к ним, уничтожения, изменения, блокирования, копирования, предоставления, распространения персональных данных, а также от иных неправомерных действий в отношении персональных данных, а также принимает на себя обязательство сохранения конфиденциальности персональных данных Субъекта Персональных Данных. Общество вправе привлекать для обработки персональных данных Субъекта Персональных Данных субподрядчиков, а также вправе передавать персональные данные для обработки своим аффилированным лицам, обеспечивая при этом принятие такими субподрядчиками и аффилированными лицами соответствующих обязательств в части конфиденциальности персональных данных.</p>
<p>Я ознакомлен(а), что:<p>
<li>1. настоящее согласие на обработку моих персональных данных, указанных при регистрации на Сайте Общества, направляемых (заполненных) с использованием Cайта, действует в течение 20 (двадцати) лет с момента регистрации на Cайте Общества;</li>
<li>2. согласие может быть отозвано мною на основании письменного заявления в произвольной форме;</li>
<li>3. предоставление персональных данных третьих лиц без их согласия влечет ответственность в соответствии с действующим законодательством Российской Федерации.</li></p>
</div>
<div id="overlay-proj"></div><!-- Пoдлoжкa -->
local/templates/main/header.php
...@@ -224,9 +224,12 @@ if ($APPLICATION->GetCurPage() == '/projects/online/') echo '<meta name="robots" ...@@ -224,9 +224,12 @@ if ($APPLICATION->GetCurPage() == '/projects/online/') echo '<meta name="robots"
<?$APPLICATION->AddBufferContent(function() { <?$APPLICATION->AddBufferContent(function() {
global $APPLICATION; global $APPLICATION;
$result = ''; $result = '';
if(!$APPLICATION->GetProperty('HIDE_PAGE_CONTENT') && ($_SERVER['REQUEST_URI'] == '/contacts/') ){ if(!$APPLICATION->GetProperty('HIDE_PAGE_CONTENT') && ($_SERVER['REQUEST_URI'] == '/contacts/')){
$result .= '<div class="page-contents">'; $result .= '<div class="page-contents">';
}else{ }elseif($_SERVER['REQUEST_URI'] == '/'){
}
else{
$result .= '<div class="page-content">'; $result .= '<div class="page-content">';
} }
if(!$APPLICATION->GetProperty('HIDE_CENTRING_WRAP') && ($_SERVER['REQUEST_URI'] !== '/contacts/')) $result .= '<div class="centering">'; if(!$APPLICATION->GetProperty('HIDE_CENTRING_WRAP') && ($_SERVER['REQUEST_URI'] !== '/contacts/')) $result .= '<div class="centering">';
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!