-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathadvantage.html
197 lines (191 loc) · 15.3 KB
/
advantage.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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sirin</title>
<link rel="stylesheet" href="test.css">
<link rel="stylesheet" href="adv.css">
</head>
<body>
<div class="wrapper">
<div class="header__container">
<svg onclick="Open()" class="ipad hamburger" xmlns="http://www.w3.org/2000/svg" width="28" height="16" viewBox="0 0 28 16" fill="none">
<rect width="27.1005" height="2" rx="1" fill="#1D88E6"/>
<rect id="ham2" y="7" width="27" height="2" rx="1" fill="#1D88E6"/>
<rect id="ham3" y="14" width="27" height="2" rx="1" fill="#1D88E6"/>
</svg>
<div class="ipad flex-col">
<img class="ipad" src="img/mobile/sirin.svg"/>
<span class="header__subtitle">ОБРАЗЦОВЫЙ ХОРЕОГРАФИЧЕСКИЙ АНСАБЛЬ</span>
</div>
<img class="ipad" src="img/mobile/mobile-logo.png"/>
<img class="header__logo" src="img/FIRM.svg" />
</div>
<div class="mobile__menu__wrapper__wp">
<nav class="mobile__menu__wrapper">
<ul class="mobile__menu__list">
<li data-value="1 "class="mobile__menu__item"><a class="mobile__menu__link" href="index.html">Новости</a></li>
<li data-value="2" class="mobile__menu__item"><a class="mobile__menu__link" href="teachers.html">Преподаватели</a></li>
<li data-value="3" class="mobile__menu__item"><a class="mobile__menu__link" href="advantage.html">Напрваления</a></li>
<li data-value="4" class="mobile__menu__item"><a class="mobile__menu__link" href="#">Достижения</a></li>
<li data-value="5" class="mobile__menu__item"><a class="mobile__menu__link" target="_blank" href="https://docs.google.com/spreadsheets/d/19EQ1S-SoZ9tk2GAKtlyb60SiH9m6mh8YlRj-iQBg8kc/edit#gid=0">Расписание</a></li>
<li data-value="6" class="mobile__menu__item" onclick="scrl('contacts')"><a class="mobile__menu__link" href="#">Контакты</a></li>
<li data-value="7" class="mobile__menu__item" onclick="scrl('about')"><a class="mobile__menu__link" href="#">О нас</a></li>
</ul>
</nav>
</div>
<div class="header__menu">
<ul class="header__menu__list">
<li class="header__menu__item">
<a class="header__item__link" href="index.html">Новости</a>
</li>
<li class="header__menu__item">
<a class="header__item__link" href="teachers.html" >Преподаватели</a>
</li>
<li class="header__menu__item" >
<a class="header__item__link" href="advantage.html" >Направления</a>
</li>
<li class="header__menu__item" >
<a class="header__item__link" href="#">Достижения</a>
</li>
<li class="header__menu__item">
<a class="header__item__link" target="_blank" href="https://docs.google.com/spreadsheets/d/19EQ1S-SoZ9tk2GAKtlyb60SiH9m6mh8YlRj-iQBg8kc/edit#gid=0">Расписание</a>
</li>
<li class="header__menu__item" onclick="scrl('contacts')">
<a class="header__item__link">Контакты</a>
</li>
<li class="header__menu__item" onclick="scrl('about')">
<a class="header__item__link">О нас</a>
</li>
</ul>
</div>
<div class="blue__line">
</div>
<div id="socials" class="fixed__socials">
<div class="fixed__socials__wrapper">
<div class="socials__flex">
<div class="fixed__socials__flex">
<a class="socials__img__item" target="_blank" href="https://vk.com/sirin.moscow"><img src="img/icons/vk-logo.svg"></a>
<a class="socials__img__item" target="_blank" href="https://www.facebook.com/groups/320398285093190/about/"><img src="img/icons/fb-logo.svg"></a>
<a class="socials__img__item" target="_blank" href="https://t.me/we_are_sirin"><img src="img/icons/tg-logo.svg"></a>
<a class="socials__img__item" target="_blank" href="https://www.instagram.com/we_are_sirin/?hl=ru"><img src="img/icons/inst-logo.svg"></a>
<a class="socials__img__item" target="_blank" href="https://www.youtube.com/channel/UCjUK3OsSzJivb8LNTNFvYKQ"><img src="img/icons/yt-logo.svg"></a>
</div>
</div>
</div>
</div>
<div class="advantage">
<h1 class="advantage__title">НАПРАВЛЕНИЯ ОБУЧЕНИЯ</h1>
<ul class="advantage__list">
<li class="advantage__item">
<div class="advantage__wrapper">
<div class="our__teaches__title__img">
<img src="img/1.png" class="advantage__img">
</div>
<div class="advantage__content">
<div class="advantage__content__title">Основы классического танца</div>
<div class="adv_ctx_txt">
<div class="advantage__content__text"><span>Классический танец — это основа хореографии, великая гармония сочетания движений с классической музыкой.</span></div>
<div class="advantage__content__text margin20">Практика показывает, что взрослые люди, благодаря осмысленному подходу к предлагаемому материалу, делают поразительные успехи в довольно короткий срок.</div>
<div class="advantage__content__text margin20">Занятия классикой очень полезны для детей, т.к. развивается правильная осанка, музыкальность и пластика, координация, постепенно исправляются различные случаи искривления позвоночника.</div>
</div>
</div>
</div>
</li>
<li class="advantage__item">
<div class="advantage__wrapper">
<div class="our__teaches__title__img">
<img src="img/2.png" class="advantage__img">
</div>
<div class="advantage__content">
<div class="advantage__content__title">Народно-сценический танец</div>
<div class="advantage__content__text">Народно-сценический танец является одним из основных предметов специального цикла хореографических дисциплин, неотъемлемой частью начального образования.</div>
<div class="advantage__content__text margin20">
Народный танец является одним из наиболее распространенных и древних видов народного творчества. Он неотделим от народной музыки и песни, которая всегда была явлением массовым и неотъемлемым от жизни народа. Песня накладывает отпечаток на характер и стиль танца, определяя особенности манеры исполнения, наполняя танец содержательностью и сюжетностью, эмоциональной выразительностью и певучей пластикой.
</div>
</div>
</div>
</li>
<li class="advantage__item">
<div class="advantage__wrapper">
<div class="our__teaches__title__img">
<img src="img/3.png" class="advantage__img">
</div>
<div class="advantage__content">
<div class="advantage__content__title">Партерная гимнастика</div>
<div class="advantage__content__text">Партерная гимнастика — это специальный комплекс упражнений для детальной проработки мышц ног, пресса и спины, включающий как силовые элементы, так и элементы растяжки.</div>
<div class="advantage__content__text margin20">Партер наилучшим образом помогает подготовить тело для балетного класса, с него рекомендуется начинать знакомство с балетом. В то же время это еще и урок классического танца (экзерсис), но только выполняемый на полу, то есть без лишней нагрузки на позвоночник.</div>
<div class="advantage__content__text margin20"></div>
</div>
</div>
</li>
<li class="advantage__item">
<div class="advantage__wrapper">
<div class="our__teaches__title__img">
<img src="img/4.png" class="advantage__img">
</div>
<div class="advantage__content">
<div class="advantage__content__title">Эстрадный танец</div>
<div class="advantage__content__text">Народный эстрадный танец - это народный танец в эстрадной, несколько осовремененной обработке, с современными элементами, которые отражаются не только на технике но и на костюмах.</div>
<div class="advantage__content__text margin20"> Если говорить о форме в которой заниматься на тренировках с эстрадной хореографии то особых требований нет, это зависит только от определенного, точного направления эстрадного танца, если народный - это должны быть специальные туфли, а у ребят сапоги, если эстрадный (бальный) - то это также специализированные туфли как для мужчин так и для женщин и для спортивных - чаще всего это джазовки.</div>
<div class="advantage__content__text margin20"> На концертах под каждый танцевальный номер готовится соответствующий костюм.</div>
</div>
</div>
</li>
<li class="advantage__item">
<div class="advantage__wrapper">
<div class="our__teaches__title__img">
<img src="img/5.png" class="advantage__img">
</div>
<div class="advantage__content">
<div class="advantage__content__title">Акробатика</div>
<div class="advantage__content__text"> Акробатика – это разновидность гимнастики, включающая в себя упражнения на ловкость, гибкость, прыгучесть, силу и балансировку.</div>
<div class="advantage__content__text margin20">Как правило, начинают заниматься акробатикой в раннем детстве. Навыки, полученные в период занятий акробатикой, невозможно сохранить на долгое время без постоянных тренировок.</div>
<div class="advantage__content__text margin20">Если человек научился плавать и кататься на велосипеде в детстве, то даже после тридцатилетнего перерыва он сможет плавать и ездить на велосипеде. А вот с акробатикой уже так не получится. Даже небольшой перерыв в тренировочном процессе значительно снижает уровень подготовки спортсмена.</div>
</div>
</div>
</li>
<li class="advantage__item">
<div class="advantage__wrapper">
<div class="our__teaches__title__img">
<img src="img/6.png" class="advantage__img">
</div>
<div class="advantage__content">
<div class="advantage__content__title">Ритмика</div>
<div class="advantage__content__text">Ритмика — это практические занятия, в ходе которых музыкальные образы передаются при помощи движений.</div>
<div class="advantage__content__text margin20">В процессе выполнения специальных упражнений дети учатся воспринимать музыку и выражать полученные эмоции телом. Музыкальное сопровождение (аккомпанемент и фонограмма) – это важнейший компонент занятий ритмикой.
</div>
<div class="advantage__content__text margin20">Педагог специально подбирает различные по жанру, темпу, ритму и характеру мелодии, чтобы малыши могли познакомиться с музыкой во всем ее многообразии. Танцевальные движения помогают более глубоко прочувствовать музыкальный материал и являются вспомогательными средствами выразительности.
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="footer ">
<div class="footer__container footer__sirin">
<div class="copyright">
<span>© All rights reserved </span>
</div>
<div class="footer__left">
<div class="socials">
<div class="socials__list">
<a id="vk" class="socials__img__item" target="_blank" href="https://vk.com/sirin.moscow">
<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5 0C5.1489 0 0 5.1489 0 11.5C0 17.8511 5.1489 23 11.5 23C17.8511 23 23 17.8511 23 11.5C23 5.1489 17.8511 0 11.5 0ZM16.0659 16.3654C15.5268 14.6828 14.183 13.3811 12.4058 13.2042V16.3654H12.1316C7.29631 16.3654 4.53808 13.0445 4.42308 7.51923H6.8456C6.92521 11.5747 8.71081 13.2927 10.1253 13.647V7.51923H12.4063V11.017C13.8031 10.8666 15.2707 9.27254 15.7656 7.51923H18.0466C17.6667 9.6799 16.0752 11.2735 14.9434 11.929C16.0748 12.4602 17.8874 13.8504 18.5769 16.3654H16.0659Z" fill="black"/>
</svg>
</a>
<a class="socials__img__item" target="_blank" href="https://www.facebook.com/groups/320398285093190/about/"><img src="img/fb-footer.svg"></a>
<a class="socials__img__item" target="_blank" href="https://www.youtube.com/channel/UCjUK3OsSzJivb8LNTNFvYKQ"><img src="img/yt-footer.svg"></a>
<a class="socials__img__item" target="_blank" href="https://www.instagram.com/we_are_sirin/?hl=ru"><img src="img/insta-footer.svg"></a>
<a class="socials__img__item" target="_blank" href="#"><img src="img/tt-footer.svg"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="./scripts/scroll.js"></script>
<script src="./scripts/handleMenu.js"></script>
</body>
</html>