about.html

<main class="gaps-3 container about">
  
  <header class="h1">
    Театр основали Пётр <span style="white-space: nowrap">Вяткин <a href="/pyotr-vyatkin"><img class="about__founder-img" src="media/about/vyatkin.jpg" alt="Пётр Вяткин"></a></span><br>
    и Виталий <span style="white-space: nowrap">Таныгин <a href="/vitaly-tanygin"><img class="about__founder-img" src="media/about/tanygin.jpg" alt="Виталий Таныгин"></a></span><br>
    в 2015 году.
  </header>
  <p class="paragraph">
    Они назвали его в честь известного европейского маэстро, таинственного режиссёра, безумца и просто непонятного мужика —
  </p>
  <div class="alehandro">
    <span class="h1 alehandro__name">
      Алехандро<br>Валенсио
    </span>
    <aside class="alehandro__mistakes">
      Частые ошибки:
      <ul class="ul">
        <li class="alehandro__li">Александр Валенсия</li>
        <li class="alehandro__li">Александро Валенчио</li>
        <li class="alehandro__li">Алессандро Валенсо</li>
        <li class="alehandro__li">Алехандр Валенсиага</li>
      </ul>
    </aside>
  </div>
  <p class="paragraph">
    Писать о маэстро не будем, в интернете полно информации о нём. Давайте про нас лучше расскажем.
  </p>

  <article class="about-block">
    <header class="about-block__header">
      <h2 class="h1">Мы — независимый театр из Москвы</h2>
    </header>
    <img class="about-block__img" src="media/about/1.jpg" alt="" loading="lazy">
    <p class="about-block__text paragraph">То есть негосударственный. У нас нет собственной сцены, поэтому играем на разных площадках.<br>
      Мы театр не в смысле здание, а в смысле команда.
    </p>
  </article>

  <article class="about-block">
    <header class="about-block__header">
      <h3 class="h1">Мы любим эксперименты</h3>
    </header>
    <img class="about-block__img" src="media/about/2.jpg" alt="" loading="lazy">
    <div class="gaps-4 about-block__text paragraph">
      <div>
        У нас два типа спектаклей:
        <ul class="ul">
          <li>забористый треш с матом и вызывающим юмором («<a href="https://4fats.valensio.com" target="_blank">Четыре жирных УЁ...</a>», «<a href="https://gorilla.valensio.com" target="_blank">Горилла разорвала чувака...</a>»);</li>
          <li>спокойные, скромные эксперименты, без вот этого всего.</li>
        </ul>
      </div>
      Разница в том, что на первый тип мы стесняемся звать своих родителей. На остальные нет.
    </div>
  </article>

  <article class="about-block">
    <header class="about-block__header">
      <h3 class="h1">Мы понятнее</h3>
    </header>
    <img class="about-block__img" src="media/about/3.jpg" alt="" loading="lazy">
    <p class="about-block__text paragraph">
      Чтобы вам у нас понравилось, необязательно годами ходить по театрам и погружаться на километровую глубину за смыслами. К нам приходят и опытные театралы, и те, кто в театре последний раз был в 9 классе на «Вишнёвом саде».
    </p>
  </article>
  <article class="about-block">
    <header class="about-block__header">
      <h3 class="h1">Мы занимаемся театром ради кайфа</h3>
    </header>
    <img class="about-block__img" src="media/about/4.jpg" alt="" loading="lazy">
    <p class="about-block__text paragraph">
      Прежде всего, мы сами получаем удовольствие от своих спектаклей. Только когда нам самим кайфово, мы зовём зрителей, чтобы они кайфанули вместе с нами. Если спект перестал радовать, его не играем.
    </p>
  </article>

</main>