{% load static %}
<div class="section">
  <div class="section__center center">
    <a id="gallery" name="gallery">
      <div class="title title_center">Галерея</div>
    </a>
    <div class="text">
      <p>Тысячи шедевров уже&nbsp;созданы благодаря Lil&nbsp;School. Более 10000&nbsp;работ можно
        <a target="_blank" href='{{ config.SERVICE_INSTAGRAM_URL }}'>увидеть</a> в&nbsp;Инстаграм</p>
    </div>
    <div class="gallery">
      <div class="gallery__grid">
        <a href="{% get_media_prefix %}instagram/results/0.jpg"
        class="gallery__item gallery__item_lg">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/0.jpg" onerror="this.style.display='none'">
        </a>
        <a href="{% get_media_prefix %}instagram/results/1.jpg"
        class="gallery__item">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/1.jpg" onerror="this.style.display='none'">
        </a>
        <a href="{% get_media_prefix %}instagram/results/2.jpg"
        class="gallery__item">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/2.jpg" onerror="this.style.display='none'">
        </a>
        <a href="{% get_media_prefix %}instagram/results/3.jpg"
        class="gallery__item">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/3.jpg" onerror="this.style.display='none'">
        </a>
        <a href="{% get_media_prefix %}instagram/results/4.jpg"
        class="gallery__item">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/4.jpg" onerror="this.style.display='none'">
        </a>
        <a href="{% get_media_prefix %}instagram/results/5.jpg"
        class="gallery__item">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/5.jpg" onerror="this.style.display='none'">
        </a>
      </div>
      <div class="gallery__grid">
        <a href="{% get_media_prefix %}instagram/results/6.jpg"
        class="gallery__item">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/6.jpg" onerror="this.style.display='none'">
        </a>
        <a href="{% get_media_prefix %}instagram/results/7.jpg"
        class="gallery__item">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/7.jpg" onerror="this.style.display='none'">
        </a>
        <a href="{% get_media_prefix %}instagram/results/8.jpg"
        class="gallery__item">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/8.jpg" onerror="this.style.display='none'">
        </a>
        <a href="{% get_media_prefix %}instagram/results/9.jpg"
        class="gallery__item gallery__item_lg">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/9.jpg" onerror="this.style.display='none'">
        </a>
        <a href="{% get_media_prefix %}instagram/results/10.jpg"
        class="gallery__item">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/10.jpg" onerror="this.style.display='none'">
        </a>
        <a href="{% get_media_prefix %}instagram/results/11.jpg"
        class="gallery__item">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/11.jpg" onerror="this.style.display='none'">
        </a>
      </div>
    </div>
  </div>
</div>