index.html

---
layout: page
---

<!-- Этот блок так же прекрасен, как балконы, пристроенные к пятиэтажкам
     в Дагестане (нет). Только тут к бутстрапу пристроены мои штуки -->
<header class="navbar navbar-expand-lg" id="top">
  <div class="container">
    <div class="navbar-brand" href="#">
      <img src="logo.svg" alt="Логотип">
      <p class="navbar-brand-name">Театр-студия<br>mART</p>
    </div>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Открыть меню">
      <span class="navbar-toggler-icon"></span>
    </button>
    <nav class="collapse navbar-collapse" id="navbarNav">
      <hr class="delimiter navbar-delimiter-top">
      <ul class="navbar-nav" role="list">

        {% include nav-item.html
          id = "gallery"
          body = "Фото"
        %}

        {% include nav-item.html
          id = "prices"
          body = "Цены"
        %}

        {% include nav-item.html
          id = "reviews"
          body = "Отзывы"
        %}
        
        {% comment %}
        {% include nav-item.html
          id = "teachers"
          body = "Преподаватели"
        %}
        {% endcomment %}

        {% include nav-item.html
          id = "faq"
          body = "Вопросы и ответы"
        %}

        {% include nav-item.html
          id = "apply"
          body = "Контакты"
        %}
        
      </ul>
      <hr class="delimiter navbar-delimiter-bottom">
    </nav>
  </div>
</header>

<main class="main">

  <header class="container header header__self">
    <div class="header__heading">
      <h1 class="h2">Детская театральная студия «mART»</h1>
      <p class="header__tagline">метро Медведково и ВДНХ</p>
    </div>
    <img class="header__img" src="header__img.jpg" alt="Ученики студии «Март»">
    <div class="header__bottom">
      <p class="header__perk">От 450 рублей за занятие,<br>а пробный урок — бесплатно</p>
      <a class="button header__button" href="/#apply">Записаться</a>
    </div>
  </header>
  
  <div class="container welcome">
    <img class="welcome__img" src="AnastasiyaKrukova.jpg" alt="">
    <hr class="delimiter welcome__delimiter">
    <p class="welcome__body">
      Меня зовут Анастасия Крюкова, я актриса и режиссёр.
      Преподаю актёрское мастерство детям уже 8 лет, а в 2017 году открыла свою небольшую студию.
    </p>
  </div>
  
  <section class="container">
    <h2 class="h1">Две самые главные<br>вещи у нас:</h2>
    <div class="things things__self">

      {% include things__item.html
        img = "things__learning.jpg"
        heading = "1. Учёба"
        body = "Изучаем актёрское мастерство, готовим спектакли, играем их на фестивалях, ездим на гастроли."
      %}

      {% include things__item.html
        img = "things__friendship.jpg"
        heading = "2. Дружба"
        body = "В свободное время устраиваем посиделки с пиццей и мафией, едим торт на день рождения студии, ходим в театры.
        Детям важно общаться не только во время занятий, тем более что здесь нас связывает общее увлечение."
      %}
      
    </div>
  </section>

  <section class="container">
    <h2 class="h1">Чем мы<br>занимаемся</h2>
    <div class="cards cards__self">

      {% include cards__item.html
        img = "occupation-1.jpg"
        heading = "Участвуем в конкурсах"
        body = "В 2023 году наши ученики успели выиграть на театральных конкурсах «Трубадур», «Арт-взлет», «Яркие МЫ», «Звучащая лира», «Театральная смена»."
      %}

      {% include cards__item.html
        img = "occupation-2.jpg"
        heading = "Проводим открытые уроки и отчётные концерты"
        body = "Практика на зрителе очень важна: именно так недели репетиций превращаются в настоящие навыки."
      %}

      {% include cards__item.html
        img = "occupation-3.jpg"
        heading = "Ездим на гастроли и фестивали"
        body = "Уже побывали в Смоленске, Сочи, выступали на сцене театра Рюминой, театра Российской армии и множестве сцен поменьше."
      %}

      {% include cards__item.html
        img = "occupation-4.jpg"
        heading = "И просто получаем удовольствие"
        body = "Например, на фестивале «Белая дверь» в Сочи, купались в бассейне в ноябре-месяце, объедались на шведском столе, ну и конечно же играли спектакли в Зимнем театре."
      %}

    </div>
  </section>

  <section id="gallery">
    <div class="container">
      <h2 class="h1">Фото</h2>
    </div>
    <div class="gallery gallery__self drag-to-scroll">
      {% include gallery__item.html src="gallery/1.webp" %}
      {% include gallery__item.html src="gallery/2.webp" %}
      {% include gallery__item.html src="gallery/3.webp" %}
      {% include gallery__item.html src="gallery/4.webp" %}
      {% include gallery__item.html src="gallery/5.webp" %}
      {% include gallery__item.html src="gallery/6.jpg" %}
      {% include gallery__item.html src="gallery/7.jpg" %}
      {% include gallery__item.html src="gallery/8.webp" %}
      </div>
  </section>

  <section id="reviews">
    <div class="container">
      <h2 class="h1">Отзывы</h2>
    </div>
    <div class="reviews reviews__self drag-to-scroll">

      {% include reviews__item.html
        body = "Мы с вами чуть меньше года, и нас очень удивил ваш подход. На втором занятии нам уже дали текст с ролью, да и не какой-нибудь, а одной из главных. Это очень здорово! ❤️"
        author="@smashka1"
      %}

      {% include reviews__item.html
        body = "Прекрасная студия и правильный подход. 👏 Все задействованы, никто не остаётся без ролей. Дочь ходит 7 год в театральную студию. Это хороший показатель мастерства педагогов и интереса ребёнка! 👏"
        author="@svetlana_razzina"
      %}

      {% include reviews__item.html
        body = "На мой вопрос дочке: «На какие допы продолжим ходить в этом году?» я получила быстрый ответ — «театралка!». И это не удивительно, помню как горели её глаза, когда моя тихая девочка громко прочитала свою роль и получила свои первые цветы от зрителя! 👏 @theatre.mart не просто театральная студия — это студия с сердцем ❤️"
        author="@anna_psycoach"
      %}

      {% include reviews__item.html
        body = "Моя дочка занимается в студии 5-ый учебный год! И мы очень рады, что такая студия с таким талантливым режиссёром и прекрасными профессиональными педагогами оказалась в нашем районе! Мы и на настоящие гастроли ездили, и на конкурсы, и даже ходили на экскурсию в закулисье известного театра в центре Москвы. Дети принимали участие в спектаклях с профессиональными актерами, это невероятный опыт. Одни положительные эмоции (и у детей, и у родителей), рекомендую всем! Всё, что написано — всё так и есть. 💯"
        author="@alexandra_kabina"
      %}

    </div>
  </section>

  <div class="gum">
    <div class="container facts">
      
      {% include facts__item.html
        heading = "Ведём четкий план обучения по каждому"
        body = "Я слежу, чтобы у всех была роль и у всех было равное количество выступлений. После каждого выступления даю индивидуальную обратную связь по каждому ребенку."
      %}
      
      {% include facts__item.html
        heading = "Учим не мыслить категориями «плохой — хороший»"
        body = "Мы намеренно уходим от шоу и переигрывания в угоду зрителю. Дети учатся изучать источник любых эмоций, анализировать поведение персонажей, не мыслить плоскими категориями «плохой — хороший», а видеть 3D-картинку в характере любого человека."
      %}

      {% include facts__item.html
        heading = "У нас нет второстепенных ролей"
        body = "Лучше поставить несколько мини-сказок, где у каждого будет значимая роль, а не спектакль на двоих и с массовкой. Ребенок может и не стать актёром, но как приятно будет вспомнить, что в детстве ты играл не просто снежинку, а целую роль со словами!"
      %}

    </div>
  </div>

  {% comment %}
  <section class="container" id="teachers">
    <h2 class="h1">Наши<br>педагоги</h2>
    <div class="cards cards_teacher cards__self-teacher">

      {% include cards__item_teacher.html
        img = "AnastasiyaKrukova.jpg"
        img-shape="round"
        heading = "Анастасия Крюкова"
        body = "Здесь можно описать, почему ты крутая и тебе можно доверять своих детей: образование, опыт, регалии, наличие фотки с Безруковым (шутка. Не надо про фотку с Безруковым)."
      %}

      {% include cards__item_teacher.html
        img = "AnastasiyaKrukova.jpg"
        img-shape="round"
        heading = "Анастасия Крюкова"
        body = "Здесь можно описать, почему ты крутая и тебе можно доверять своих детей: образование, опыт, регалии, наличие фотки с Безруковым (шутка. Не надо про фотку с Безруковым)."
      %}

      {% include cards__item_teacher.html
        img = "AnastasiyaKrukova.jpg"
        img-shape="round"
        heading = "Анастасия Крюкова"
        body = "Здесь можно описать, почему ты крутая и тебе можно доверять своих детей: образование, опыт, регалии, наличие фотки с Безруковым (шутка. Не надо про фотку с Безруковым)."
      %}

    </div>
  </section>
  {% endcomment %}

  <section class="container" id="prices">
    <h2 class="h1">Цены<br>и расписание</h2>
    <div class="cards prices prices__self">
      <section class="cards__item">
        <h3 class="h3 cards__heading">Группа 7–9 лет</h3>
        <hr class="delimiter cards__delimiter">
        <div class="cards__body">
          <p style="margin: 0 0 .3rem 0"><strong>3600 ₽</strong> за 8 занятий.<br>
            Занятия проходят 2 раза в неделю:</p>
          <ul class="prices__list">
            <li>Пн 15:00–16:00</li>
            <li>Ср 15:00–16:00</li>
          </ul>
        </div>
      </section>
      <section class="cards__item">
        <h3 class="h3 cards__heading">Группа 10–16 лет</h3>
        <hr class="delimiter cards__delimiter">
        <div class="cards__body">
          <p style="margin: 0 0 .5rem 0"><strong>6000 ₽</strong> за 8 занятий. Занятия проходят 2 раза в неделю.</p>
          Первая подгруппа:
          <ul class="prices__list" style="margin-bottom: .5rem">
            <li>Пн 16:00–17:00</li>
            <li>Ср 16:00–18:00</li>
          </ul>
          Вторая подгруппа:
          <ul class="prices__list">
            <li>Пн 17:15–18:30</li>
            <li>Ср 17:00–18:30</li>
          </ul>
        </div>
      </section>
    </div>
    <p class="prices__text">Если вам не подходит время, всё равно свяжитесь с нами: мы набираем новые подгруппы и подстраиваем расписание под учеников.</p>
  </section>

  <div id="apply"></div>
  {% include apply.html %}

  <div class="container facts-2">
      
    {% include facts-2__item.html
      heading = "Присоединиться можно в любой момент"
      body = "Уделяем внимание каждому независимо от того, когда ученик начал посещать кружок."
    %}
    
    {% include facts-2__item.html
      heading = "Выделяем время на знакомство с новеньким"
      body = "Не репетируем старый материал, чтобы новенький не чувствовал себя лишним."
    %}

  </div>

  <section class="container" id="faq">
    <h2 class="h1">Вопросы<br>и ответы</h2>
    <div class="accordion accordion__self">

      {% include accordion-item.html
        heading = "Для какого это возраста?"
        body = "Есть три группы: 5–8 лет, 9–15 лет и 16+.<br>Группы делятся не столько по возрасту, сколько по опыту. Если ребенок занимается долго и ему скучно в младшей группе, смело переводим в старшую. А опытных ребят из старшей группы подключаем в более серьезные проекты с профессиональными артистами."
      %}

      {% comment %}
      {% include accordion-item.html
        heading = "Какое расписание занятий?"
        body = "Занятия проходят дважды в неделю. Посещать можно оба либо только одно. Пропущенное занятие можно заменить занятием онлайн."
      %}
      {% endcomment %}

      {% include accordion-item.html
        heading = "А если мы присоединились не сначала?"
        body = "Присоединиться можно в любой момент. Мы выделяем время на знакомство с новеньким и помогаем влиться в процесс на любом этапе."
      %}

      {% include accordion-item.html
        heading = "Сколько человек в группе?"
        body = "Не более 10, чтобы в течение урока уделить внимание каждому."
      %}

      {% include accordion-item.html
        heading = "Сколько длится урок?"
        body = "Час, плюс-минус несколько минут."
      %}
    
      {% include accordion-item.html
        heading = "Можно ли родителям присутствовать на занятии?"
        body = "Можно, но только на открытых уроках, которые мы периодически проводим."
      %}

      {% include accordion-item.html
        heading = "Нужна ли форма?"
        body = "Сменная обувь и любая удобная одежда. Подробнее преподаватель сообщит перед занятием."
      %}
    
      {% include accordion-item.html
        heading = "Будут ли дополнительные траты?"
        body = "Только по согласованию, например, на костюмы для спектакля. Но обычно обходимся тем, что уже есть, и часто подбираем одежду из личных вещей."
      %}

    </div>
  </section>

  {% include apply.html %}

  <a class="container top-arrow" href="/#top">
    <img src="top-arrow__img.svg" alt="">
    <p class="h3">Вернуться наверх</p>
  </a>

</main>

<footer class="gum gum_flat-bottom footer footer__self">
  <p class="footer__p">Благодарность фотографу
    <a class="footer__link" href="https://fotomt.ru">Татьяне Макотре</a>.
  </p>
  <p class="footer__p">Сайт сделан
    <a class="footer__link" href="https://vk.com/max1640">Максом</a>.
  </p>
</footer>