-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
238 lines (225 loc) · 17.7 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
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
<!DOCTYPE html>
<html>
<head>
<title>Главная - UiKit</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/uikit.min.css" />
<link rel="stylesheet" href="css/main.css">
<script src="js/uikit.min.js"></script>
<script src="js/uikit-icons.min.js"></script>
</head>
<body>
<header>
<nav class="uk-navbar-container upper" uk-navbar>
<div class="uk-navbar-left">
<a href="./" class="uk-navbar-item uk-logo">Hobot</a>
</div>
<div class="uk-navbar-center uk-background-default">
Москва
</div>
<div class="uk-navbar-right uk-background-default">
</nav>
<div>
<nav class="uk-navbar-container main" uk-navbar>
<div class="uk-navbar-left uk-width-3-4">
<ul class="uk-navbar-nav">
<li class="uk-active"><a href="">Каталог</a></li>
<li class="uk-parent"><a href="">Информация</a>
<div class="uk-navbar-dropdown">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li class="uk-active"><a href="#">Инструкции</a></li>
<li><a href="#">Сертификаты</a></li>
<li><a href="#">Сравнение моделей</a></li>
<li><a href="#">О роботах</a></li>
<li><a href="#">Доставка</a></li>
<li><a href="#">Оплата</a></li>
</ul>
</div>
</li>
<li><a href="">О нас</a></li>
<li><a href="">Контакты</a></li>
</ul>
</div>
<div class="uk-navbar-right uk-width-1-4">
<form class="uk-search" action="javascript:void(0)" >
<input class="uk-input uk-form-width-medium" type="search" placeholder="Поиск">
</form>
<a class="uk-navbar-item uk-link-muted tm-navbar-button" href="cart.html" uk-toggle="target: #cart-offcanvas" onclick="return false">
<span uk-icon="cart" class="cart-icon"></span></a>
<div id="cart-offcanvas" uk-offcanvas="flip: true; overlay: true">
<div class="uk-offcanvas-bar">
<button class="uk-offcanvas-close" type="button" uk-close></button>
<h3>Ваша корзина</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
</div>
</div>
</nav>
</header>
<main>
<div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1" uk-slideshow="animation: push">
<ul class="uk-slideshow-items">
<li>
<img src="image/banner/hobot_home_top-banner_1.jpg" alt="" uk-cover width="100%">
<div class="uk-position-center uk-position-small uk-text-center">
<h2 uk-slideshow-parallax="x: 100,-100">Heading</h2>
<p uk-slideshow-parallax="x: 200,-200">Lorem ipsum dolor sit amet.</p>
</div>
</li>
<li>
<img src="image/banner/hobot_home_top-banner_2.jpg" alt="" uk-cover width="100%">
<div class="uk-position-center uk-position-small uk-text-center">
<h2 uk-slideshow-parallax="x: 100,-100">Heading</h2>
<p uk-slideshow-parallax="x: 200,-200">Lorem ipsum dolor sit amet.</p>
</div>
</li>
<li>
<img src="image/banner/hobot_home_top-banner_3.jpg" alt="" uk-cover width="100%">
<div class="uk-position-center uk-position-small uk-text-center">
<h2 uk-slideshow-parallax="y: -50,0,0; opacity: 1,1,0">Heading</h2>
<p uk-slideshow-parallax="y: 50,0,0; opacity: 1,1,0">Lorem ipsum dolor sit amet.</p>
</div>
</li>
</ul>
<a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a>
<a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slideshow-item="next"></a>
</div>
<div class="uk-section">
<div class="uk-child-width-expand@s uk-text-center uk-grid-match" uk-grid>
<div class="uk-card uk-card-default uk-card-body">
<div class="uk-text-center">
<div class="uk-inline-clip uk-transition-toggle" tabindex="0">
<img src="image/categories/categories_1.jpg" alt="">
<div class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-default">
<p class="uk-h4 uk-margin-remove">Hobot</p>
</div>
</div>
<p class="uk-margin-small-top">Для окон</p>
</div>
</div>
<div class="uk-card uk-card-default uk-card-body">
<div class="uk-text-center">
<div class="uk-inline-clip uk-transition-toggle" tabindex="0">
<img src="image/categories/categories_2.jpg" alt="">
<div class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-default">
<p class="uk-h4 uk-margin-remove">Hobot</p>
</div>
</div>
<p class="uk-margin-small-top">Для пола</p>
</div>
</div>
<div class="uk-card uk-card-default uk-card-body">
<div class="uk-text-center">
<div class="uk-inline-clip uk-transition-toggle" tabindex="0">
<img src="image/categories/categories_3.jpg" alt="">
<div class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-default">
<p class="uk-h4 uk-margin-remove">Hobot</p>
</div>
</div>
<p class="uk-margin-small-top">Аксессуары</p>
</div>
</div>
</div>
</div>
<div class="uk-section upper-promo">
<div class="uk-container">
<h1 class="uk-text-center uk-text-middle">Официальный интернет-магазин HOBOT</h1>
</div>
</div>
<div class="uk-section">
<div class="uk-container">
<h2 class="uk-text-center">О роботах Hobot</h2>
<p class="uk-text-justify uk-padiing">Компания HOBOT Technology Inc., Тайвань, была основана в
июне 2010 года и специализируется в настоящий момент на разработке автоматических роботов по
очистке стекол. Первым поколением роботов разработанных компанией был продукт WINBOT-68,
развившись впоследствии до роботов второго поколения HOBOT-168 и HOBOT-188. Продукты данной
линейки получили высокое признание во множестве стран по всему миру, что позволило завоевать
золотую медаль на IENA в Нюрнберге, немецкой выставке изобретений.</p>
<p class="uk-text-justify uk-padiing">Благодаря позитивным откликам от своих партнеров,
конечных пользователей, превосходной надежности продукта, роботы HOBOT, в связи с
ростом спроса на автоматизированные приборы, получили широкое распространение по всему
миру и продаются более чем в 20 странах. Принцип работы чистящих роботов основан на
использовании свободно вращающихся колес с влажными салфетками из микрофибы, что позволяет
роботам перемещаться по поверхности стекла и гарантированно удалять даже застарелую грязь.
Благодаря вакуумным присоскам, обеспечивающим силу сцепления с поверхностью в 7 кг, устройство
может удерживаться даже на потолке! Использование искусственного интеллекта позволяет процессору
роботов Hobot вычислить идеальный маршрут движения, что обеспечивает очистку всей площади
поверхности.</p>
</div>
</div>
<div class="uk-section middle-promo">
<div class="uk-container">
<h1 class="uk-text-center uk-text-middle">HOBOT - это порядок и уют в вашем доме</h1>
</div>
</div>
<div class="uk-section">
<div class="uk-container">
<h2 class="uk-text-center">О нас</h2>
<p class="uk-text-justify"> Официальный интернет-магазин HOBOT представляет вашему вниманию
моющие пылесосы и мойщики окон одного из ведущих производителей бытовой техники тайваньской компании
HOBOT Technology Inc. Бренд HOBOT представляет собой целую группу производителей различных современных
высокотехнологичных устройств: приводов для оптических дисков, носителей данных, DVD-плееров, цифровых
камер и других приборов, включая работающие на таких операционных системах, как Windows и Linux.</p>
<p class="uk-text-justify">Роботизированные платформы для уборки дома и мойки окон -
это еще одно направление передовых разработок компании HOBOT и результат ее усилий в развитии
новых технологий в области механики, электроники и оптики. Домашние роботы в ассортименте
высокотехнологичной продукции компании появились с самого начала ее основания, в 2010 году. Первым
коммерчески успешным проектом стал робот Winbot-68, который появился в том же 2010 году. Через два
года появилась еще одна модель - робот для мойки окон HOBOT-168 с двойными щетками, который также
оказался крайне востребованным на международном рынке бытовых приборов.</p>
<p class="uk-text-justify">В последующем компания выпускала новые модели своих роботов-мойщиков
и пылесосов почти с немецкой методичностью через 1-2 года: HOBOT-188 (2014), HOBOT-268 (2015),
HOBOT-198 (2016), HOBOT-288 (2017) и так далее вплоть до появления моделей HOBOT 368 и 388. Хотя у
компании Hobot имеется немало конкурентов на рынке роботов-мойщиков и пылесосов, изделия тайваньского
бренда неизменно входили и входят в число наиболее популярных и самых производительных бытовых приборов
подобного рода. Продуманный современный дизайн, надежная и удобная конструкция, высокая производительность
и многофункциональность устройств от HOBOT делают их желанным помощником дома и в офисе. Более того,
мойщики и пылесосы бренда уже становятся не только привычной частью стандартного набора бытовой техники,
но и даже героями различных кинофильмов и мультипликационных фильмов. Если в вашем доме или офисе
еще нет устройства от компании HOBOT, то вы всегда можете приобрести любую из понравившихся вам
моделей в интернет-магазине HOBOT. С помощью наших роботизированных платформ вы сэкономите массу
полезного времени и сил, чтобы иметь возможность потратить их на другие важные дела.</p>
</div>
</div>
</main>
<footer>
<div class="uk-section uk-section-large uk-section-default uk-padding footer-block">
<div class="uk-container">
<div uk-grid class="uk-child-width-expand@m uk-child-width-1-2@s uk-grid">
<div class="uk-first-column">
<h4 class="uk-text-center uk-text-uppercase">О Hrobots.ru</h4>
<p>Want to use UIkit in your WordPress or Joomla website? YOOtheme Pro
integrates it into everything – from menus and widgets to pages.</p>
</div>
<div>
<h4 class="uk-text-center uk-text-uppercase">Информация</h4>
<ul class="uk-list uk-text-center uk-list-collapse">
<li><a class="uk-link" href="#">Инструкции</a></li>
<li><a class="uk-link" href="#">Сертификаты</a></li>
<li><a class="uk-link" href="#">Сравнение моделей</a></li>
<li><a class="uk-link" href="#">Доставка</a></li>
<li><a class="uk-link" href="#">Оплата</a></li>
</ul>
</div>
<div>
<h4 class="uk-text-center uk-text-uppercase">Безопасность</h4>
<p class="uk-text-center"><a class="uk-link" href="#">Пользовательское соглашение</a></p>
<p class="uk-text-center"><a class="uk-link" href="#">Политика конфиденциальности</a></p>
</div>
<div>
<h4 class="uk-text-center uk-text-uppercase">Контакты</h4>
<ul class="uk-list uk-text-center uk-list-collapse">
<li>Москва, Каширский проезд, д.17<li>
<li>8 495 565-34-26 (многоканальный)</li>
<li>Санкт-Петербург, ул. Савушкина д. 17</li>
<li>8 812 643-21-24 (многоканальный)</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>