-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontacts.html
157 lines (137 loc) · 6.53 KB
/
contacts.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
<!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="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 sidemenu__content__item--fst" id="mn"><a id="goto-main" href="index.html#main" data-i18n="sidemenu.links.about">Главная</a></li>
<li class="sidemenu__content__item sidemenu__content__item--sec"><a href="portfolio.html" data-i18n="sidemenu.links.portfolio">Портфолио</a></li>
<li class="sidemenu__content__item sidemenu__content__item--thr" 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 class="lng-switch lng-switch--sticked">
<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 class="container">
<div class="container__item container__items_downed container">
<h3 class="header header_h3 header_white header_bold">Свяжитесь с нами</h3>
</div>
<div class="container__item container container_row container_mbl_col">
<div class="container container__item-content container__elem_25 container__elem_s_50 container__elem_s_100">
<span class="header header_s header_red-3">Телефон</span>
<h4 class="header header_h4 header_white header_bold container__item-content">+7(843)226-55-57</h4>
</div>
<div class="container container__item-content container__elem_25 container__elem_s_50 container__elem_s_100">
<span class="header header_s header_red-3">Дополнительно</span>
<a href="" class="link_iconed header header_bold container__item-content">Скачать презентацию</a>
</div>
</div>
<div class="container__item container container_row container_mbl_col">
<div class="container container__item-content container__elem_25 container__elem_s_50 container__elem_s_100">
<span class="header header_s header_red-3">Почта</span>
<h4 class="header header_h4 header_white header_bold container__item-content">[email protected]</h4>
</div>
<div class="container container__item-content container__elem_25 container__elem_s_50">
<span class="header header_s header_red-3">Социальные сети</span>
<div class="container container__item-content container_row container__elem_50 container__sb container__elem_s_100">
<a href="" class="social__link"><span class="icons instagram"></span></a>
<a href="" class="social__link"><span class="icons vk"></span></a>
<a href="" class="social__link"><span class="icons vimeo"></span></a>
<a href="" class="social__link"><span class="icons facebook"></span></a>
</div>
</div>
</div>
<div class="container__item container container_row ">
<a href="breef.html" class="btn btn_red">Запонить бриф</a>
</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 () {
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>