This repository has been archived by the owner on Jan 12, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
service.html
136 lines (120 loc) · 5.33 KB
/
service.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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="assets/css/base.css">
<link rel="stylesheet" href="assets/css/service.css">
<link rel="stylesheet" media="only screen and (min-width: 1024px)" href="assets/css/desktop.css">
<title>Сервисное обслуживание</title>
</head>
<body>
<header data-include="header.html">
<div class="breadcrumbs">
<div class="container">
<a href="#">Главная</a>
<a href="#" class="active">Сервисное обслуживание</a>
</div>
</div>
</header>
<main>
<section class="top">
<h2>Сервисное обслуживание</h2>
</section>
<section class="grid-section">
<div class="grid-item">
<div class="img">
<img src="assets/images/jpg/service.jpg" alt="">
<div class="title">
<p>Сервисное обслуживание</p>
</div>
</div>
</div>
<div class="d-flex m-auto"><a class="btn btn-orange"><img src="assets/images/download.png" alt="">Скачать
каталог</a></div>
<div class="grid-item d-flex">
<div class="function">
<img src="assets/images/service-a.png" alt="">
<p>Квалифицированные инжинеры</p>
</div>
<div class="function">
<img src="assets/images/service-b.png" alt="">
<p>Современное оборудование</p>
</div>
<div class="function">
<img src="assets/images/service-c.png" alt="">
<p>Площадь сервиса 500м2</p>
</div>
</div>
</section>
<div class="grid-item-full">
<div class="fon">
<div class="form">
<form>
<input class="input-k" type="text" placeholder="Ваше имя">
<input class="input-k" type="tel" placeholder="Ваш телефон">
<input class="button-k" type="submit" value="Записаться на сервис">
</form>
</div>
</div>
</div>
<section class="grid-section">
<div class="grid-item d-flex">
<div class="function">
<img src="assets/images/service-d.png" alt="">
<p>Выездные бригады</p>
</div>
<div class="function">
<img src="assets/images/service-e.png" alt="">
<p>Гарантийное обслуживание</p>
</div>
<div class="function">
<img src="assets/images/service-f.png" alt="">
<p>Предпродажная подготовка</p>
</div>
</div>
<div class="grid-title">
<p>Наши мастера:</p>
</div>
<div class="person-block">
<div class="grid-item">
<div class="img">
<img src="assets/images/jpg/service-team.jpg" alt="">
</div>
<div class="text-title">
<p>Иванов Иван Иванович</p>
</div>
</div>
<div class="grid-item">
<div class="img">
<img src="assets/images/jpg/service-team.jpg" alt="">
</div>
<div class="text-title">
<p>Петров Петр Петрович</p>
</div>
</div>
<div class="grid-item">
<div class="img">
<img src="assets/images/jpg/service-team.jpg" alt="">
</div>
<div class="text-title">
<p>Васильев Василий Васильевич</p>
</div>
</div>
</div>
<div class="grid-item grid-item-text">
<div class="text">
<h3>Надежный сервис - гарантия успеха в Вашем бизнесе!</h3>
<p>С другой стороны сложившаяся структура организации требуют определения и уточнения форм развития. Не
следует, однако забывать, что начало повседневной работы по формированию позиции обеспечивает
широкому кругу (специалистов) участие в формировании позиций, занимаемых участниками в отношении
поставленных задач. Задача организации, в особенности же постоянный количественный рост и сфера
нашей активности играет важную роль в формировании форм развития.</p>
</div>
</div>
</section>
</main>
<footer data-include="footer.html"></footer>
<script src="assets/js/base.js"></script>
</body>
</html>