-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbreef.html
183 lines (161 loc) · 8.14 KB
/
breef.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Медиа студия "Тасма"</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" href="assets/css/reset.css">
<!-- Link Swiper's CSS -->
<link rel="stylesheet" href="assets/css/swiper.min.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/controls.css">
<link rel="shortcut icon" href="assets/images/favicon-32.png" type="image/png">
</head>
<body>
<div class="header__logo"></div>
<div class="sidemenu-switcher" sm-state="1">
<div class="con">
<div class="bar top"></div>
<div class="bar middle"></div>
<div class="bar bottom"></div>
</div>
</div>
<div class="sidemenu" style="-webkit-overflow-scrolling: touch;">
<ul class="sidemenu__content">
<li class="sidemenu__content__item" id="mn"><a id="goto-main" href="index.html#main" data-i18n="sidemenu.links.main">Главная</a></li>
<li class="sidemenu__content__item"><a href="portfolio.html" data-i18n="sidemenu.links.portfolio">Портфолио</a></li>
<li class="sidemenu__content__item"><a href="clients.html" data-i18n="sidemenu.links.about">О нас</a></li>
<li class="sidemenu__content__item" id="cts"><a id="goto-contacts" href="index.html#contacts" data-i18n="sidemenu.links.contacts">Контакты</a></li>
</ul>
<div class="sidemenu__footer">
<div class="lng-switch">
<div switchLang="ru" class="lng-switch__item">ru</div>
<div switchLang="en" class="lng-switch__item">en</div>
<div class="lng-switch__bound"></div>
</div>
</div>
</div>
<div class="container">
<div class="container__item container__items_downed container">
<h3 class="header header_h3 header_white header_bold">Заполните бриф</h3>
<div class="container__item-content-half container__elem_s_100">
<p class="header header_p header_white-t">Оставьте заявку и наш менеджер свяжится с вами в ближайшее время
или позвоните нам сами: <a class="link" href="tel:+7(843)226-55-57">+7(843)226-55-57</a></p>
</div>
</div>
<div class="container__item container">
<h4 class="header header_h4 header_white header_bold">Тип проекта</h4>
<div class="container__item-content container_block">
<span class="btn btn_grey btn_small">Презентационный</span>
<span class="btn btn_grey btn_small">Имиджевый</span>
<span class="btn btn_grey btn_small">Видеоинсталляция</span>
<span class="btn btn_grey btn_small">Анимация</span>
<span class="btn btn_grey btn_small btn_last">Рекламный</span>
</div>
</div>
<div class="container__item container">
<h4 class="header header_h4 header_white header_bold">Бюджет</h4>
<div class="container__item-content container_block">
<span class="btn btn_grey btn_small">1-5 млн</span>
<span class="btn btn_grey btn_small">5-10 млн</span>
<span class="btn btn_grey btn_small">10-25 млн</span>
<span class="btn btn_grey btn_small">Более 25 млн</span>
</div>
</div>
<div class="container__item container__items_downed container">
<h4 class="header header_h4 header_white header_bold">Подробная информация</h4>
<div class="container__item-content-half container__elem_s_100">
<input type="text" class="inpt" placeholder="Опишите задачу"/>
</div>
<div class="container__item container container__elem container_row">
<span class="btn btn_default">Прикрепить файл</span>
</div>
</div>
<div class="container__item container__items_downed container">
<h4 class="header header_h4 header_white header_bold">Подробная информация</h4>
<div class="container__item-content-half container__elem_s_100 container container_row mbl_not_padded container_mbl_col container__items_semi-downed">
<input type="text" class="inpt container__elem_50 container__elem_s_100 inpt_mbl" placeholder="Опишите задачу"/>
<input type="text" class="inpt container__elem_50 container__elem_s_100 inpt_mbl" placeholder="Компания"/>
</div>
<div class="container__item-content-half container__elem_s_100 container container_row container_mbl_col container_clear container__items_semi-downed">
<input type="text" class="inpt container__elem_50 container__elem_s_100 inpt_mbl" placeholder="Электронная почта"/>
<input type="text" class="inpt container__elem_50 container__elem_s_100 inpt_mbl" placeholder="Телефон"/>
</div>
</div>
<div class="container__item container container_row container_mbl_col-rev">
<span class="btn btn_red">Отправить заявку</span>
<div class="container__elem_50 container__elem_s_100">
<p class="header header_s header_white-t">Эта страница защищена функцией reCAPTCHA и попадает под <a class="link" href="">Политику конфедициальности</a>
и <a class="link" href="">Условия использования Google</a>
</p>
</div>
</div>
</div>
<!-- Swiper JS -->
<script src="assets/js/swiper.min.js"></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.vide.js"></script>
<script src="assets/js/jquery.cookie.js"></script>
<script src="assets/js/i18next.js"></script>
<script src="assets/js/datastorage.js"></script>
<script src="assets/js/bootstrap.js"></script>
<!-- Initialize Swiper -->
<script>
$(function () {
$('.btn_grey').on('click', function(event){
event.preventDefault();
$(event.target).toggleClass('btn_active');
});
window.footerView = function() {
var text = '<a href="portfolio.html" data-i18n="footer.portfolio"></a>';
if (window.location.hash == '#main' || window.location.hash == '') {
text = '<a class="our-works" data-i18n="footer.works" onclick="nextSlide()">НАШИ РАБОТЫ</a>';
$('.footer').removeClass('footer--showed').removeClass('footer--hidden');
}else if(window.location.hash == '#contacts') {
$('.footer').addClass('footer--hidden').removeClass('footer--showed');
}else{
$('.footer').removeClass('footer--hidden').addClass('footer--showed');
}
$('.footer span').html(text);
$('body').i18n();
};
var swiper = new Swiper('.swiper-container', {
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
spaceBetween: 30,
hashnav: true,
keyboardControl: true,
onSlideChangeEnd: function (swiperObj) {
footerView();
}
});
footerView();
$(window).on('hashchange', function(e){
footerView();
});
$('#goto-contacts').on('click touchstart', function () {
swiper.slideTo(13, 100);
$('.sidemenu-switcher').trigger('click');
});
$('#goto-main').on('click touchstart', function () {
swiper.slideTo(0, 100);
$('.sidemenu-switcher').trigger('click');
});
window.nextSlide = function () {
swiper.slideTo(1,100);
};
$('.sidemenu__header').each(function () {
this.onclick = function () {
swiper.slideTo(0, 100);
$('.sidemenu-switcher').trigger('click');
};
});
$('.sidemenu__vertical-logo').each(function () {
this.onclick = function () {
swiper.slideTo(0, 100);
};
});
});
</script>
</body>
</html>