-
Notifications
You must be signed in to change notification settings - Fork 0
/
services.html
137 lines (127 loc) · 5.98 KB
/
services.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
<!-- Объявление формата документа -->
<!DOCTYPE html>
<html lang="ru" dir="ltr">
<!-- Техническая информация о документе -->
<head>
<!-- Определяем кодировку символов документа -->
<meta charset="utf-8">
<!-- Задаем заголовок документа -->
<title>Веб-страница</title>
<!-- Подключаем внешнюю таблицу стилей -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/fonts.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap&subset=cyrilic" rel="stylesheet">
<!-- Подключаем сценарии -->
<script src="js/script.js"></script>
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/slider.js"></script>
<meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<!-- Основная часть документа -->
<body>
<!-- заголовок страницы -->
<header>
<!-- меню страницы -->
<nav id="myTopnav">
<img src="img/007-twitter.png" alt="Логотип сайта">
<ul class="menu">
<li><a href="index.html" class="menu-element" title="На главную">Главная</a></li>
<!--<li><a href="#services" class="menu-element" data-link="services" title="Общая информация">Общее</a></li>-->
<li><a href="#portfolio" class="menu-element" data-link="portfolio" title="К галерее">Галерея</a></li>
<li><a href="#contact" class="menu-element" data-link="contact" title="К контактам">Контакты</a></li>
<li><a href="services.html" class="menu-element" title="Услуги">Услуги</a></li>
<li><a href="blog.html" class="menu-element" title="Блог сайта">Блог</a></li>
<li><a href="location.html" class="menu-element" title="Контакты компании">Найти</a></li>
<li><a href="shop.html" class="menu-element" title="Магазин">Магазин</a></li>
</ul>
<div id="hamburger" class="icon">☰</div>
</nav>
</header>
<!-- основной контент -->
<main>
<section id="top">
<img class="top-image top-image-sub" src="img/01.jpg" alt="Обложка сайта">
</section>
<section id="services">
<h1 class="main-title">Наши услуги</h1>
<div class="delimiter"></div>
<p class="main-title-description">Перечень всех возможностей и услуг нашей компании</p>
<div class="slider-container">
<div class="slider-arrow left"></div>
<div class="slider-arrow right"></div>
<div class="slider-image"></div>
</div>
</section>
<div class="service-grid">
<div class="service-item">
<div class="service-cover purple"></div>
<h2>Lorem dolorre im</h2>
<p>Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
</div>
<div class="service-item">
<div class="service-cover cyan"></div>
<h2>Excepteur sint occaecat</h2>
<p>Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
</div>
<div class="service-item">
<div class="service-cover orange"></div>
<h2>Lecalum dolos mecorta</h2>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur.</p>
</div>
<div class="service-item">
<div class="service-cover pink"></div>
<h2>Eta aderilum enimit</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed <!DOCTYPE html>
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>
</main>
<!-- подвал страницы -->
<footer>
<nav id="myTopnav">
<ul class="menu">
<li><a href="index.html" class="menu-element" title="На главную">Главная</a></li>
<!--<li><a href="#services" class="menu-element" data-link="services" title="Общая информация">Общее</a></li>-->
<li><a href="#portfolio" class="menu-element" data-link="portfolio" title="Фотогалерея">Галерея</a></li>
<li><a href="#contact" class="menu-element" data-link="contact" title="Контактная информация">Контакты</a></li>
<li><a href="services.html" class="menu-element" title="Услуги">Услуги</a></li>
<li><a href="blog.html" class="menu-element" title="Блог сайта">Блог</a></li>
<li><a href="location.html" class="menu-element" title="Контакты компании">Найти</a></li>
<li><a href="shop.html" class="menu-element" title="Магазин">Магазин</a></li>
</ul>
</nav>
<div class="brand">
<img src="img/007-twitter.png" alt="Логотип сайта">
<span>AWESOME</span>
</div>
<div class="social">
<a href="#" title="Facebook" target="_blank">
<img class="social-img" src="img/001-facebook.png" alt="Facebook">
</a>
<a href="#" title="LinkedIn" target="_blank">
<img class="social-img" src="img/004-linkedin.png" alt="LinkedIn">
</a>
<a href="#" title="Instagram" target="_blank">
<img class="social-img" src="img/005-instagram.png" alt="Instagram">
</a>
<a href="#" title="Twitter" target="_blank">
<img class="social-img" src="img/007-twitter.png" alt="Twitter">
</a>
<a href="#" title="Tumblr" target="_blank">
<img class="social-img" src="img/010-tumblr.png" alt="Tumblr">
</a>
</div>
<div class="copyright">© Very First Page 2020</div>
</footer>
</body>
</html>