-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
192 lines (192 loc) · 17.5 KB
/
index.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
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<html lang="ru-Ru">
<head>
<meta charset="utf-8">
<title> Главная страница
</title>
<meta name="description" content="описание главной страницы">
<meta name="keywords" content="ключи главной страницы">
<meta name="robots" content="index,follow">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="shortcut icon" href="static/img/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="static/css/main.css">
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
</head>
<body>
<header data-aos="fade-down">
<div class="wrapper">
<div class="header-container"><a class="logo" href="/"><img src="static/img/logo.png"></a>
<nav class="menu">
<ul class="menu-list">
<li class="menu-list__item"><a class="menu-list__link" href="#works">Работы</a></li>
<li class="menu-list__item"><a class="menu-list__link" href="#contact">Контакты</a></li>
<li class="menu-list__item"><a class="menu-list__link" href="#contactUs">Напишите нам</a></li>
</ul>
</nav><span class="partner"><img src="static/img/1c.png"><span>Официальный партнер 1С и 1С-Bitrix</span></span><a class="phone" href="tel:88001003406">8 800 100 34 06</a>
<div class="hamburger"><span class="hamburger__line"></span><span class="hamburger__line"></span><span class="hamburger__line"></span></div>
<div class="mobile-menu">
<ul class="menu-list menu-list--mobile">
<li class="menu-list__item"><a class="menu-list__link" href="#">Работы</a></li>
<li class="menu-list__item"><a class="menu-list__link" href="#">Контакты</a></li>
<li class="menu-list__item"><a class="menu-list__link menu-list__link--active" href="#">Напишите нам</a></li>
</ul>
</div>
</div>
</div>
</header>
<main>
<section class="hero">
<video class="hero-video" autoplay muted loop>
<source src="static/img/cdo.mp4" type="video/mp4">
</video>
<div class="wrapper wrapper--relative" data-aos="fade-up">
<div class="content-hero"><span class="hero-subtitle">Цифровой интегратор</span>
<h1 class="hero-title">IT для госсектора <br>и корпораций</h1><span class="hero-legend">ООО «ЦДО» - отечественная компания по разработке и внедрению IT-продуктов.<br> С 2009 года более 100 организаций по всей России воспользовались нашими услугами.</span><a class="action anchorJS_link" href="#contacntUs"><span class="action__text">Скачать<br>презентацию</span></a><span class="develop-mark">Сайт находится на стадии <br>разработки.</span>
</div>
</div>
</section>
<section class="main-slider">
<div class="wrapper wrapper-slider-pattern" id="works"><img class="ptrn ptrn_1" src="static/img/ptrn1.png"><img class="ptrn ptrn_2" src="static/img/ptrn2.png"><img class="ptrn ptrn_3" src="static/img/ptrn3.png"><img class="ptrn ptrn_4" src="static/img/ptrn4.png">
<div class="slider-row" data-aos="fade-up">
<div class="slider-wrapper">
<div class="slider-container">
<div class="slide_item">
<div class="slide_wrapper"><img class="slide_img" src="static/img/caseImg.png">
<div class="slide_info"><span class="slide_name">ИС управление приемной компанией и настройке ЛК</span><span class="slide_clientname">РГПУ им. А. И. Герцена</span><span class="slide_descr">Внедрение автоматизированной системы управления Приемной кампанией и настройка Личного кабинета абитуриента</span><a class="link" href="#">Подробнее</a></div>
</div>
</div>
<div class="slide_item">
<div class="slide_wrapper"><img class="slide_img" src="static/img/caseImg.png">
<div class="slide_info"><span class="slide_name">ИС управление приемной компанией и настройке ЛК</span><span class="slide_clientname">РГПУ им. А. И. Герцена</span><span class="slide_descr">Внедрение автоматизированной системы управления Приемной кампанией и настройка Личного кабинета абитуриента</span><a class="link" href="#">Подробнее</a></div>
</div>
</div>
<div class="slide_item">
<div class="slide_wrapper"><img class="slide_img" src="static/img/caseImg.png">
<div class="slide_info"><span class="slide_name">ИС управление приемной компанией и настройке ЛК</span><span class="slide_clientname">РГПУ им. А. И. Герцена</span><span class="slide_descr">Внедрение автоматизированной системы управления Приемной кампанией и настройка Личного кабинета абитуриента</span><a class="link" href="#">Подробнее</a></div>
</div>
</div>
<div class="slide_item">
<div class="slide_wrapper"><img class="slide_img" src="static/img/caseImg.png">
<div class="slide_info"><span class="slide_name">ИС управление приемной компанией и настройке ЛК</span><span class="slide_clientname">РГПУ им. А. И. Герцена</span><span class="slide_descr">Внедрение автоматизированной системы управления Приемной кампанией и настройка Личного кабинета абитуриента</span><a class="link" href="#">Подробнее</a></div>
</div>
</div>
<div class="slide_item">
<div class="slide_wrapper"><img class="slide_img" src="static/img/caseImg.png">
<div class="slide_info"><span class="slide_name">ИС управление приемной компанией и настройке ЛК</span><span class="slide_clientname">РГПУ им. А. И. Герцена</span><span class="slide_descr">Внедрение автоматизированной системы управления Приемной кампанией и настройка Личного кабинета абитуриента</span><a class="link" href="#">Подробнее</a></div>
</div>
</div>
</div>
<div class="slider_controls">
<div class="slider_controls-spacer"></div>
<div class="slider_controls-arrows">
<div class="arrow-container arrow-prev">
<div class="arrow arrow-corner--left"></div>
</div>
<div class="arrow-container arrow-next">
<div class="arrow arrow-corner--right"></div>
</div>
</div>
<div class="slider_controls-counter"><span class="slider-counter-current">1</span>
<div class="slider_controls-separator"></div><span class="slider-counter-all">6</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="contacts-section" id="contact">
<div class="wrapper">
<div class="contacts-content">
<div class="contacts-info" data-aos="fade-up">
<h2 class="contacts-title">Контакты</h2>
<div class="contacts_block"><span class="contacts_block-name">Москва</span>
<div class="contacts_block-item"><a class="link" href="tel:+74957773793">+7(495) 777 37 93</a>,<a class="link" href="tel:88001003406">8 800 100 34 06</a></div>
<div class="contacts_block-item"><a class="link" href="mailto:[email protected]">[email protected]</a></div>
<div class="contacts_block-item">119019, г. Москва, ул. Новый Арбат, д.11, стр.1, офис. 23</div>
<div class="contacts_block-action arrow-wrapper--active" id="moscow"><span>Смотреть на карте</span>
<div class="arrow-wrapper">
<div class="arrow arrow-corner--right"></div>
</div>
</div>
</div>
<div class="contacts_block"><span class="contacts_block-name">Рязань</span>
<div class="contacts_block-item"><a class="link" href="tel:88001003406">8 800 100 34 06</a></div>
<div class="contacts_block-item"><a class="link" href="mailto:[email protected]">[email protected]</a></div>
<div class="contacts_block-item">390000, г. Рязань, ул. Право-Лыбедская, д. 40, оф. 32</div>
<div class="contacts_block-action" id="ryazan"><span>Смотреть на карте</span>
<div class="arrow-wrapper">
<div class="arrow arrow-corner--right"></div>
</div>
</div>
</div>
</div>
<div id="map"></div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="wrapper" data-aos="fade-up" id="contactUs">
<h2 class="footer-title">напишите нам</h2>
<form class="prefooter">
<div class="fields-wrapper">
<div class="fields">
<div class="fields-item fields-item-w100">
<div class="form-group">
<input type="text" required name="name">
<label>Имя</label>
</div>
</div>
<div class="fields-item fields-item-w50">
<div class="form-group">
<input type="text" required name="email">
<label>Email</label>
</div>
</div>
<div class="fields-item fields-item-w50">
<div class="form-group">
<input type="text" required name="phone">
<label>Телефон</label>
</div>
</div>
<div class="fields-item fields-item-w100 privacy"><svg width="12" height="16" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.2353 6.58811V4.70575C10.2353 2.35281 8.35297 0.470459 6.00003 0.470459C3.64708 0.470459 1.76473 2.35281 1.76473 4.70575V6.58811C0.964731 6.58811 0.352966 7.19987 0.352966 7.99987V14.1175C0.352966 14.8705 0.964731 15.5293 1.76473 15.5293H10.2353C11.0353 15.5293 11.6471 14.8705 11.6471 14.1175V7.99987C11.6471 7.19987 11.0353 6.58811 10.2353 6.58811ZM2.70591 4.70575C2.70591 2.87046 4.16473 1.41164 6.00003 1.41164C7.83532 1.41164 9.29414 2.87046 9.29414 4.70575V6.58811H2.70591V4.70575ZM6.47061 11.6705V12.7058C6.47061 12.9881 6.28238 13.1763 6.00003 13.1763C5.71767 13.1763 5.52944 12.9881 5.52944 12.7058V11.6705C4.96473 11.4822 4.58826 10.9646 4.58826 10.3528C4.58826 9.55281 5.20003 8.94105 6.00003 8.94105C6.80002 8.94105 7.41179 9.55281 7.41179 10.3528C7.41179 10.9646 7.03532 11.4822 6.47061 11.6705Z" fill="#262F1D"/>
</svg><span>Мы безопасно храним данные и никому их не передаём, вот <a href="#">условия</a>.</span>
</div>
</div>
</div>
<button class="action action--white" type="submit"><span class="action__text">Отправить запрос</span></button>
</form>
<div class="subfooter">
<div class="copyright">
© ООО "ЦДО" 2001-2021 <br>
ИНН: 6234131916 <br>
ОГРН: 1146234006753 <br>
</div>
<ul class="socials">
<li class="socials-item"><a href="#" target="_blank"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.625 11.8128C23.625 5.28929 18.3367 0.000244141 11.8125 0.000244141C5.28831 0.000244141 0 5.28929 0 11.8128C0 18.3369 5.28823 23.6252 11.8125 23.6252C18.3367 23.6252 23.625 18.337 23.625 11.8128ZM14.8751 7.58195H13.3007C12.8769 7.58195 12.5792 7.94182 12.5792 8.3905V9.09408H14.8277L14.4636 11.3779H12.5784V17.4998H10.2771V11.3779H8.75011V9.09408H10.2771V7.92954H10.2817C10.3223 6.60193 10.7819 5.3379 13.0244 5.25826V5.24985H14.8751V7.58195Z" fill="#262F1D"/>
</svg></a></li>
<li class="socials-item"><a href="#" target="_blank"><svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.6484 13.7456C16.6756 12.8149 16.6061 12.8149 17.4399 11.7411C18.4822 10.381 19.8718 8.66292 18.6212 8.66292H16.3282C15.9113 8.66292 15.8418 8.94927 15.7029 9.3072C15.147 10.6673 14.0353 12.457 13.6184 12.1707C13.2015 11.8843 13.4099 10.8105 13.4099 9.09244C13.4794 8.87768 13.4099 8.66292 13.2709 8.51975C13.132 8.37658 12.9235 8.23341 12.7151 8.23341C12.3677 8.16182 12.0202 8.09023 11.6728 8.09023C10.3526 8.09023 9.44937 8.66292 9.93575 8.73451C10.839 8.87768 10.7695 10.8821 10.5611 11.7411C10.2137 13.2445 8.82402 10.5958 8.19867 9.23562C8.12919 8.87768 7.85125 8.66292 7.50384 8.66292H5.69727C5.41934 8.66292 5.21089 8.73451 5.21089 8.94927C5.21089 9.3072 6.94797 12.8149 8.54609 14.6046C10.1442 16.3227 11.7423 16.1795 12.854 16.1795C12.993 16.1795 13.132 16.1079 13.2015 16.0363C13.2709 15.9647 13.3404 15.8216 13.3404 15.6784C13.3404 14.533 13.7573 13.9603 14.5216 14.7478C15.3554 15.6068 15.5639 16.1795 16.6061 16.1795H18.4822C18.9686 16.1795 19.1075 16.0363 19.1075 15.8216C19.177 15.3205 18.3432 14.3898 17.6484 13.7456ZM12.7151 0.000961219C19.177 0.144134 24.3188 5.51312 24.2493 12.0275C24.1798 18.5419 18.8296 23.6961 12.3677 23.6245C5.83624 23.5529 0.625 18.3271 0.625 11.8127C0.694483 5.22677 6.11417 -0.0706253 12.7151 0.000961219Z" fill="#262F1D"/>
</svg></a></li>
<li class="socials-item"><a href="#" target="_blank"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0625 23.6252C18.5864 23.6252 23.875 18.3366 23.875 11.8127C23.875 5.28888 18.5864 0.000244141 12.0625 0.000244141C5.53863 0.000244141 0.25 5.28888 0.25 11.8127C0.25 18.3366 5.53863 23.6252 12.0625 23.6252ZM17.0788 8.16749C17.6234 8.10268 18.1418 7.95751 18.6248 7.74345C18.2648 8.28312 17.8071 8.75717 17.2782 9.13447L17.2872 9.48303C17.2872 13.0409 14.5798 17.1433 9.6269 17.1433C8.10633 17.1433 6.69156 16.6971 5.49986 15.9319C5.71063 15.9557 5.92471 15.9688 6.14204 15.9688C7.40344 15.9688 8.56478 15.5399 9.48583 14.8181C8.30807 14.7968 7.31403 14.0185 6.97121 12.9482C7.13607 12.981 7.30421 12.9982 7.47807 12.9982C7.72412 12.9982 7.96196 12.9646 8.18751 12.9039C6.95646 12.6562 6.02804 11.5678 6.02804 10.2638V10.2302C6.39135 10.4319 6.80636 10.5533 7.24761 10.5681C6.52586 10.0858 6.05017 9.26158 6.05017 8.32741C6.05017 7.83366 6.18221 7.37111 6.41432 6.97414C7.74216 8.60299 9.72611 9.67493 11.9635 9.7873C11.9176 9.59045 11.8938 9.38459 11.8938 9.17382C11.8938 7.68769 13.0994 6.48206 14.5863 6.48206C15.3614 6.48206 16.0602 6.80849 16.5515 7.33257C17.1649 7.21118 17.7407 6.98727 18.2623 6.67889C18.0606 7.30632 17.6349 7.83449 17.0788 8.16749Z" fill="#262F1D"/>
</svg></a></li>
<li class="socials-item"><a href="#" target="_blank"><svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.4993 12.0275C24.5688 5.51312 19.427 0.144134 12.9651 0.000961219C6.36417 -0.0706253 0.944483 5.22677 0.875 11.8127C0.875 18.3271 6.08624 23.5529 12.6177 23.6245C19.0796 23.6961 24.4298 18.5419 24.4993 12.0275ZM10.2713 5.36956H15.1037C17.3274 5.36956 19.1307 7.17284 19.1307 9.39655V14.2289C19.1307 16.4526 17.3274 18.2559 15.1037 18.2559H10.2713C8.0476 18.2559 6.24432 16.4526 6.24432 14.2289V9.39655C6.24432 7.17284 8.0476 5.36956 10.2713 5.36956Z" fill="#262F1D"/>
<path d="M15.9091 11.8127C15.9091 13.592 14.4667 15.0343 12.6875 15.0343C10.9083 15.0343 9.46591 13.592 9.46591 11.8127C9.46591 10.0335 10.9083 8.59115 12.6875 8.59115C14.4667 8.59115 15.9091 10.0335 15.9091 11.8127Z" fill="#262F1D"/>
<path d="M16.9829 8.05422C16.9829 8.35076 16.7426 8.59115 16.446 8.59115C16.1495 8.59115 15.9091 8.35076 15.9091 8.05422C15.9091 7.75768 16.1495 7.51729 16.446 7.51729C16.7426 7.51729 16.9829 7.75768 16.9829 8.05422Z" fill="#262F1D"/>
</svg></a></li>
</ul><a class="link privacy-link" href="#">Политика конфиденциальности</a>
</div>
</div>
</footer>
<script src="https://api-maps.yandex.ru/2.1/?apikey=32bb77f5-929d-4cbe-84cc-0857ad5aca76&lang=ru_RU"></script>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script src="static/js/libs.min.js"></script>
<script src="static/js/main.js"></script>
</body>
</html>