-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
98 lines (91 loc) · 3.87 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WebStudio</title>
</head>
<body>
<!-- Шапка навигация -->
<header>
<a href=""><p><span>Web</span>Studio</p></a>
<nav>
<ul>
<li><a href="">Студия</a></li>
<li><a href="">Портфолио</a></li>
<li><a href="">Контакты</a></li>
</ul>
</nav>
<a href="mailto:[email protected]">[email protected]</a>
<a href="tel:+380961111111">+38 096 111 11 11</a>
</header>
<main>
<!-- Банер герой -->
<section>
<h1><b>Эффективные решения <br> для вашего бизнеса</b></h1>
<button type="button" >Заказать услугу</button>
</section>
<section>
<h2>Особенности работы</h2>
<!-- Особенности работы -->
<ul>
<li>
<h3>Внимание к деталям</h3>
<p>Идейные соображения, а также начало повседневной работы по формированию позиции.</p>
</li>
<li>
<h3>Пунктуальность</h3>
<p>Задача организации, в особенности же рамки и место обучения кадров влечет за собой.</p>
</li>
<li>
<h3>Планирование</h3>
<p>Равным образом консультация с широким активом в значительной степени обуславливает.</p>
</li>
<li>
<h3>Современные технологии</h3>
<p>Значимость этих проблем настолько очевидна, что реализация плановых заданий.</p>
</li>
</ul>
</section>
<!-- Чем мы занимаемся -->
<section>
<h2>Чем мы занимаемся</h2>
<ul>
<li>
<img src="./images/img11.jpg" alt="работа програмиста" width="370" height="294" >
</li>
<li>
<img src="./images/img22.jpg" alt="для смартфонов" width="370" height="294" >
</li>
<li>
<img src="./images/img33.jpg" alt="для графических планшетов" width="370" height="294">
</li>
</ul>
</section>
<!-- Команда -->
<section>
<h2>Наша команда</h2>
<ul>
<li>
<img src="./images/img44.jpg" alt="" width="270" height="260">
<h3>Игорь Демьяненко</h3> Product Designer</li>
<li>
<img src="./images/img55.jpg" alt="" width="270" height="260">
<h3>Ольга Репина</h3> Frontend Developer</li>
<li>
<img src="./images/img66.jpg" alt="" width="270" height="260">
<h3>Николай Тарасов</h3> Marketing</li>
<li><img src="./images/img77.jpg" alt="" width="270" height="260">
<h3>Михаил Ермаков</h3> UI Designer</li>
</ul>
</section>
</main>
<footer>
<a href=""><p><span>Web</span>Studio</p></a>
<address> г. Киев, пр-т Леси Украинки, 26 <br>
[email protected] <br>
+38 099 111 11 11 </address>
</footer>
</body>
</html>