-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio.html
117 lines (112 loc) · 5.57 KB
/
portfolio.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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<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="./css/portfolio.css">
</head>
<body>
<!--Шапка-->
<header class="page-header">
<nav>
<a href="./index.html" class="logo link-underline">Web <span class="color-logo">Studio</span></a>
<ul class="site-nav list">
<li><a href="./index.html" class="link link-underline">Студия</a></li>
<li><a href="./portfolio.html" class="link current link-underline">Портфолио</a></li>
<li><a href="" class="link link-underline">Контакты</a></li>
</ul>
</nav>
<ul class="contact-info list text">
<li><a href="mailto:info@devstudio.com" class=" link-underline text-light">info@devstudio.com</a></li>
<li><a href="tell:+380961111111" class=" link-underline text-light">+38 096 111 11 11</a></li>
</ul>
</header>
<!--Основная часть-->
<section class="section"hidden="true">
<h1 class="section-title">Контет страницы Portfolio</h1>
</section>
<!--Основной контент-->
<section class="section">
<ul class="list">
<li><button type="button" class="button-appearance">Всё</button></li>
<li><button type="button" class="button-appearance">Веб-сайты</button></li>
<li><button type="button" class="button-appearance">Приложения</button></li>
<li><button type="button" class="button-appearance">Дизайн</button></li>
<li><button type="button" class="button-appearance">Маркетинг</button></li>
</ul>
<ul class="list">
<li>
<img src="./img/team-work/work-exampels-one.jpg" width="370" alt="фото ноутбука с командой на главном экране">
<h2 class="section-title-style">Технокряк</h2>
<p class="section-title-info">Веб-сайт</p>
</li>
<li>
<img src="./img/team-work/work-exampels-two.jpg" width="370" alt="баскетбольный матч">
<h2 class="section-title-style">Постер New Orlean vs Golden Star</h2>
<p class="section-title-info">Дизайн</p>
</li>
<li>
<img src="./img/team-work/work-exampels-three.jpg" width="370" alt="фото-лого рыбы">
<h2 class="section-title-style">Ресторан Seafood</h2>
<p class="section-title-info">Приложение</p>
</li>
<li>
<img src="./img/team-work/work-exampels-four.jpg" width="370" alt="фото наушников">
<h2 class="section-title-style">Проект Prime</h2>
<p class="section-title-info">Маркетинг</p>
</li>
<li>
<img src="./img/team-work/work-exampels-five.jpg" width="370" alt="фото двух коробок">
<h2 class="section-title-style">Проект Boxes</h2>
<p class="section-title-info">Приложение</p>
</li>
<li>
<img src="./img/team-work/work-exampels-six.jpg" width="370" alt="фото манитора">
<h2 class="section-title-style">Inspiration has no Borders</h2>
<p class="section-title-info">Веб-сайт</p>
</li>
<li>
<img src="./img/team-work/work-exampels-seven.jpg" width="370" alt="фото книги в открытом виде">
<h2 class="section-title-style">Издание Limited Edition</h2>
<p class="section-title-text">Дизайн</p>
</li>
<li>
<img src="./img/team-work/work-exampels-eight.jpg" width="370" alt="фото лейбла">
<h2 class="section-title-style">Проект LAB</h2>
<p class="section-title-text">Маркетинг</p>
</li>
<li>
<img src="./img/team-work/work-exampels-ten.jpg" width="370" alt="фото ноутбука">
<h2 class="section-title-style">Growing Business</h2>
<p class="section-title-text">Приложение</p>
</li>
</ul>
</section>
<!--Подвал-->
<footer>
<a href="" class="logo link-underline">Web <span class="color-logo">Studio</span></a>
<address>
<ul class="list">
<li><a href="https://goo.gl/maps/ugacKDVcA76BD8qYA" target="_blank" class="link-underline-address" >г. Киев, пр-т Леси Украинки, 26</a></li>
</ul>
</address>
<ul class="contact-info list">
<li><a href="mailto:info@devstudio.com" class="contact-info-color link-underline">info@example.com</a></li>
<li><a href="tell:+380961111111" class="contact-info-color link-underline">+38 099 111 11 11</a></li>
</ul>
<b class="call-to-act">присоединяйтесь</b>
<ul class="list site-nav">
<li><a href="" aria-label="Ссылка на инстаграм" class="link-underline link">инстаграм</a></li>
<li><a href="" aria-label="Ссылка на твиттер" class="link-underline link">твиттер</a></li>
<li><a href="" aria-label="Ссылка на фейсбук" class="link-underline link">фейсбук</a></li>
<li><a href="" aria-label="Ссылка на линкед" class="link-underline link">линкед</a></li>
</ul>
<div>
<b>подпишись на рассылку</b>
<a href="" class="button primary link-underline">подписаться</a>
</div>
</footer>
</body>
</html>