-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
152 lines (148 loc) · 7.84 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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!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">
<meta name="keywords" content="artist, musician, harpist, singer">
<title>Diana</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class="info card">
<img src="img harpist diana.png" class="avatar" alt="Диана Успенская">
<div class="info-box">
<h1 id="title" >Диана Успенская</h1>
<p class="text">Я професиоальный музыкант окончивший <strong> РАМ им Гнесиных</strong> по специальности концертное исполнительство, арфа.
<br>
Я выступаю в <em> клубах </em>и <em> концертных залах</em> <strong>Москвы</strong> и других регионов, а так же
участвую в записи для различных проектов. </p>
<div class="links">
<p>Социальные сети:</p>
<a href="https://Instagram.com/diana_uspenskaya" class="links"target="_blank">Instagram</a>
|
<a href="https://t.me/dianisseya" class="links" target="_blank">Telegram</a>
|
<a href="https://www.youtube.com/@dianisseya" class="links" target="_blank">YouTube</a>
</div>
</div>
</div>
<div class="tasks card">
<h3 id="title2">Вы можете обратиться ко мне по следующим запросам:</h3>
<ul>
<li>Выступление на мероприятии
<ul> <li>классика и джаз</li>
<li>инди и неоклассика</li>
<li>поп и лаундж</li>
</ul> </li>
<li>Выступление с концертной программой
<ul> <li>"Арфа в джазе"</li>
<li>"Японская музыка"</li>
<li>"Импрессионисты"</li>
</ul> </li>
</li>
<li>Запись для вышего проекта</li>
<li>Уроки по арфе</li>
<li>Аренда/прокат инструмента</li>
</ul>
</div>
<div class="card projects">
<h3 id="title3">Проекты</h3>
<table class="table">
<thead>
<tr class="tablenames">
<td>Название</td>
<td>Год </td>
<td>Задача</td>
</tr>
</thead>
<tbody>
<tr>
<td> Фестиваль <strong> Sound Up</strong> <br> <em>Christmas songs с Игорем Яковенко и Ольгой Синяевой.</em> </td>
<td>2022</td>
<td>Исполнение джазовых рождествнских песен в обработке Игоря Яковенко в большом джазовом ансамбле.</td>
</tr>
<tr>
<td> Альбом <strong> Альтернатива II</strong> Сюзанны Багировой.
<br> </td>
<td>2022</td>
<td>Запись импровизации чистым звуком и различными современными приемами игры на электроарфе Camac для дальнейшего использования в создании некоторых треков.</td>
</tr>
<tr>
<td>Премия <strong> "Знание"</strong> <em>Церемония награждения в кремлевском дворце.</em></td>
<td>2022</td>
<td>Запись отрывка "Время вперед" Г.Свиридова на арфе в собственной аранжировке на основе поставленных сценарием премии выразительных задач.</td>
</tr>
<tr>
<td> Альбом <strong> Sati Ethnica</strong> Сати Казановой.</td>
<td>2022</td>
<td>Live-запись на студии.</td>
</tr>
<tr>
<td>Space Jazz in <strong> Lumier hall</strong></td>
<td>2022-сейчас</td>
<td>Вытупление в коллективе Марии Арт.</td>
</tr>
<tr>
<td>Концерты в <strong> 16 тонн Арбат</strong></td>
<td>2021-сейчас</td>
<td>Музыкальные эксперементы с арфой соло и в ансамблях.</td>
</tr>
<tr>
<td> <strong> 354 restorant group</strong></td>
<td>2020-2022</td>
<td>Выступление в ресторанах <strong>"Birds"</strong> и <strong>"Ruski"</strong>.
<br> Подготовка тематических сетов для "Birds" под вечера "Great Gatsby", "Disco", "Glam Rock".</td>
</tr>
<tr>
<td> <strong> Perform buro</strong>
<br> <em>Вечер для фонда <strong>"Друзья"</strong> </em> </td>
<td>2022</td>
<td>Актёр Perform buro. Встреча гостей в качестве арфиста и модели представляющей коллекцию <strong>Agent Provocateur</strong>.</td>
</tr>
<tr>
<td><strong> Perform buro</strong> <br> <em> иммерсивное шоу-квест<strong>"Темные феи"</strong> </em> </td>
<td>2021</td>
<td>Актёр Perform buro. роль: Русалка-арфист. локация: грот.</td>
</tr>
</tbody>
</thead>
</table>
</div>
<div class="card promo">
<h3 id="title4">Промо</h3>
<ul>
<li><a href="">Jazz</a> </li>
<li><a href=""> Harp&DJ</a></li>
<li><a href="">Harp band</a></li>
<li><a href="">Celtic</a></li>
<li><a href="">Classic</a></li>
</ul>
</div>
<div class="card">
<form class="form">
<h4>Связаться со мной</h4>
<div class="form-row">
<div class="form-group">
<label for="name">Ваше имя:</label>
<input type="text" id="name" placeholder="Ваше имя">
</div>
<div class="form-group">
<label for="email" >Ваш email:</label>
<input type="email" id="email" placeholder="Введите email">
</div>
</div>
<div class="form-group">
<label for="message">Ваше сообщение:</label>
<textarea name="message" id="message" placeholder="Введите сообщение..."></textarea>
</div>
<div class="btn-center">
<button type="reset" class="btn">очистить форму</button>
<button type="submit" class="btn">отправить</button>
</div>
</form>
</div>
</div>
</body>
</html>