https://teatr17.ru/shows.html

1<!DOCTYPE html>
2<html lang="ru">
3
4<head>
5    <!-- Global site tag (gtag.js) - Google Analytics -->

5
6    <script async src="https://www.googletagmanager.com/gtag/js?id=

6UA-154655380-1

6"></script>
7    

7<script>
8        

8window.dataLayer = window.dataLayer || [];
9
10        function gtag() {
11            dataLayer.push(arguments);
12        }
13        gtag('js', new Date());
14
15        gtag('config', '

15UA-154655380-1

15');
16
17    

17</script>

17
18
19    <!-- Иконки и фавиконки -->
20    <link rel="apple-touch-icon" sizes="180x180" href="img/icons/favicon/apple-touch-icon.png">
21    <link rel="icon" type="image/png" sizes="32x32" href="img/icons/favicon/favicon-32x32.png">
22    <link rel="icon" type="image/png" sizes="16x16" href="img/icons/favicon/favicon-16x16.png">
23    <link rel="manifest" href="img/icons/favicon/site.webmanifest">
24    <link rel="mask-icon" href="img/icons/favicon/safari-pinned-tab.svg" color="#5bbad5">
25    <meta name="msapplication-TileColor" content="#ffffff">
26    <meta name="theme-color" content="#ffffff">
27
28    <!-- Мета-теги -->
29    <meta charset="UTF-8">
30    <meta name="viewport" content="width=device-width,initial-scale=1">
31    <title>Репертуар - Театральная 17</title>
32    <meta name="description" content="Прошлые и текущие постановки участников Театральная 17">
33
34    <!-- Стили -->
35    <link rel="stylesheet" href="css/style.css?v131">
36    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
37</head>
38
39<body>
40
41    <!-- Шапка сайта -->
42    <header>
43        <div class="header__content">
44            <!-- Логотип -->
45            <div class="header__logo">
46                <a href="index.html"><img class="header__logo-image" src="img/logo.jpg" alt="Логотип"></a>
47            </div>
48            <!-- Правая часть шапки: контакты и навигация -->
49            <div class="header__right-section">
50                <div class="header__contact-address">
51                    <p>
52                        <br><a href="mailto:[email protected]">[email protected]</a>
53                    </p>
54                </div>
55                <!-- Главная навигация -->
56                <nav>
57                    <div class="header__navigation" id="mTopnav">
58                        <a href="about.html">О студии</a>
59                        <a href="shows.html" class="active">Репертуар</a>
60                        <a href="gallery.html">Галерея</a>
61                        <a href="awards.html">Награды</a>
62                        <a href="festivals.html">Фестивали</a>
63                        <a href="smi.html">СМИ о нас</a>
64                    </div>
65                </nav>
66            </div>
67        </div>
68    </header>
69
70    <main>
71        <!-- Сетка спектаклей -->
72        <div class="shows-grid">
73            <!-- Спектакль: Ежулька и все все все! -->
74            <a href="shows/hedgehug.html" class="show-card">
75                <div class="show-card__image show-card__image--vertical">
76                    <img src="img/shows/hedgehug/hedgehug0.jpg" alt="Ежулька и все все все!">
77                </div>
78            </a>
79
80            <!-- Спектакль: Василисса -->
81            <a href="shows/vasilissa.html" class="show-card">
82                <div class="show-card__image show-card__image--vertical">
83                    <img src="img/shows/vasilissa/vasilissa0.jpeg" alt="Василисса">
84                </div>
85            </a>
86
87        </div>
88
89        <!-- Разделитель -->
90        <div class="shows-divider"><hr></div>
91
92        <!-- Сетка спектаклей (продолжение) -->
93        <div class="shows-grid">
94            <!-- Спектакль: Пер Гюнт -->
95            <a href="shows/peerGynt.html" class="show-card">
96                <div class="show-card__image show-card__image--vertical">
97                    <img src="img/shows/peerGynt/peerGynt0.jpg" alt="Пер Гюнт">
98                </div>
99            </a>
100
101            <!-- Спектакль: Ювенильное море -->
102            <a href="shows/sea.html" class="show-card">
103                <div class="show-card__image show-card__image--vertical">
104                    <img src="img/shows/sea/sea0.jpg" alt="Ювенильное море">
105                </div>
106            </a>
107
108            <!-- Спектакль: Небо над НЕБОМ -->
109            <a href="shows/sky.html" class="show-card">
110                <div class="show-card__image show-card__image--vertical">
111                    <img src="img/shows/sky/sky0.jpg" alt="Небо над НЕБОМ">
112                </div>
113            </a>
114
115            <!-- Спектакль: Новый год в июне (горизонтальное) -->
116            <a href="shows/newYear.html" class="show-card">
117                <div class="show-card__image show-card__image--horizontal">

118                    <img src="img/shows/newYear/newYear0.jpg" alt="Новый год в июне">
119                </div>
120            </a>
121
122            <!-- Спектакль: Снежная Королева (горизонтальное) -->
123            <a href="shows/snowQeen.html" class="show-card">
124                <div class="show-card__image show-card__image--horizontal">
125                    <img src="img/shows/snowQeen/snowQeen0.jpg" alt="Снежная Королева">
126                </div>
127            </a>
128
129            <!-- Спектакль: Белый лист -->
130            <a href="shows/whiteList.html" class="show-card">
131                <div class="show-card__image show-card__image--vertical">
132                    <img src="img/shows/whiteList/whiteList0.jpg" alt="Белый лист">
133                </div>
134            </a>
135
136            <!-- Спектакль: Бежин луг -->
137            <a href="shows/meadow.html" class="show-card">
138                <div class="show-card__image show-card__image--vertical">
139                    <img src="img/shows/meadow/meadow0.jpg" alt="Бежин луг">
140                </div>
141            </a>
142
143            <!-- Спектакль: Ёжик в Зазеркалье -->
144            <a href="shows/hedgehog.html" class="show-card">
145                <div class="show-card__image show-card__image--vertical">
146                    <img src="img/shows/hedgehog/hedgehog0.jpg" alt="Ёжик в Зазеркалье">
147                </div>
148            </a>
149
150        </div>
151    </main>
152
153    <!-- Градиентный разделитель перед футером -->
154    <div class="footer-divider"><hr></div>
155
156    <!-- Подвал сайта -->
157    <footer>
158        <div class="footer__content">
159            <!-- Информация о студии -->
160            <div class="footer__studio-info">
161                <h3>Художественный руководитель - Александр Новиков</h3>
162                <p>
163                    2011-2026г. театральная СТУДИЯ 17
164                </p>
165            </div>
166            <!-- Партнёры (скрыто) -->
167            <div class="footer__partners">
168            </div>
169            <!-- Иконки соцсетей (скрыто) -->
170            <div class="footer__social-links">
171                <br><a href="mailto:[email protected]">[email protected]</a>
172            </div>
173        </div>
174    </footer>
175
176    <!-- jQuery -->
177    

177<script src="https://yastatic.net/jquery/2.1.3/jquery.min.js"></script>

177
178
179</body>
180
181</html>