-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
119 lines (104 loc) · 6.25 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
<!DOCTYPE html>
<html lang="ru">
<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>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!-- link href="https://fonts.googleapis.com/css2?family=Raleway:wght@700&family=Roboto:wght@400;500;700;900&display=swap"rel="stylesheet" -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/modern-normalize/1.1.0/modern-normalize.min.css" integrity="sha512-wpPYUAdjBVSE4KJnH1VR1HeZfpl1ub8YT/NKx4PuQ5NmX2tKuGu6U/JRp5y+Y8XG2tV+wKQpNHVUX03MfMFn9Q==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="./css/style.css">
</head>
<body class="body">
<header class="header" >
<nav class="navigation">
<a class="logo link" href="index.html" aria-label="логотип сайта">
<p><span class="logo-web">Web</span><span class="logo-studio">Studio</span></p>
</a>
<ul class="nav-list list">
<li class="nav-list-item">
<a class="nav-list-link link active-page" href="">Студия</a></li>
<li class="nav-list-item">
<a class="nav-list-link link " href="./portfolio.html">Портфолио</a></li>
<li class="nav-list-item">
<a class="nav-list-link link" href="">Контакты</a></li>
</ul>
</nav>
<a class="contact-mailto link" href="mailto:[email protected]">[email protected]</a>
<a class="contact-number link" href="tel:+380961111111">+38 096 111 11 11</a>
</header>
<main>
<!-- HERO -->
<section class="hero">
<h1 class="main-title" lang="ru">Эффективные решения <br> для вашего бизнеса </h1>
<button class="mobal-btn" type="button" >Заказать услугу</button>
</section>
<!-- ABOUT -->
<section class="about">
<h2 hidden>Особенности работы</h2>
<!-- Особенности работы -->
<ul class="specifics">
<li class="specifics-one">
<h3 class="specifics-theme" >Внимание к деталям</h3>
<p class="specifics-description">Идейные соображения, а также начало повседневной работы по формированию позиции.</p></li>
<li class="specifics-two">
<h3 class="specifics-theme">Пунктуальность</h3>
<p class="specifics-description">Задача организации, в особенности же рамки и место обучения кадров влечет за собой.</p></li>
<li class="specifics-three">
<h3 class="specifics-theme">Планирование</h3>
<p class="specifics-description">Равным образом консультация с широким активом в значительной степени обуславливает.</p></li>
<li class="specifics-four">
<h3 class="specifics-theme">Современные технологии</h3>
<p class="specifics-description">Значимость этих проблем настолько очевидна, что реализация плановых заданий.</p></li>
</ul>
</section>
<!-- Чем мы занимаемся -->
<section class="what-we-do">
<h2 class="title-img">Чем мы занимаемся</h2>
<ul class="list-img-work">
<li class="img-work">
<img src="./images/img11.jpg" alt="работа програмиста" width="370" height="294" ></li>
<li class="img-work">
<img src="./images/img22.jpg" alt="для смартфонов" width="370" height="294" ></li>
<li class="img-work">
<img src="./images/img33.jpg" alt="для графических планшетов" width="370" height="294"></li>
</ul>
</section>
<!-- TEAM -->
<section class="section-our-team">
<h2 class="title-img">Наша команда</h2>
<ul class="list-img-team">
<li class="bloc-img-team">
<img class="img-team" src="./images/img44.jpg" alt="" width="270" height="260">
<h3 class="img-name-team">Игорь Демьяненко</h3>
<p class="img-position-team">Designer</p></li>
<li class="bloc-img-team">
<img src="./images/img55.jpg" alt="" width="270" height="260">
<h3 class="img-name-team">Ольга Репина</h3>
<p class="img-position-team">Frontend Developer</p></li>
<li class="bloc-img-team">
<img src="./images/img66.jpg" alt="" width="270" height="260">
<h3 class="img-name-team">Николай Тарасов</h3>
<p class="img-position-team">Marketing</p></li>
<li class="bloc-img-team">
<img src="./images/img77.jpg" alt="" width="270" height="260">
<h3 class="img-name-team">Михаил Ермаков</h3>
<p class="img-position-team">UI Designer</p></li>
</ul>
</section>
</main>
<footer class="footer">
<a class="logo link" href="index.html" aria-label="логотип сайта">
<p><span class="logo-web">Web</span><span class="footer-logo-studio">Studio</span></p>
</a>
<address class="footer-address list">
<ul>
<li class="address-houce"> г. Киев, пр-т Леси Украинки, 26 ></li>
<li class="address-mailto-phone"> [email protected] <br> +38 099 111 11 11 </li>
</ul>
</address>
</footer>
</body>
</html>