{% extends "templates/lilcity/index.html" %} {% load static %}

{% block title %}School LIL.CITY{% endblock title %}
{% block content %}
<div class="main" style="background-image: url({% static 'img/bg-1.jpg' %});">
  <div class="main__center center">
    <div class="main__title">Первая онлайн-школа креативного мышления для детей! 5+</div>
    <a
      {% if not user.is_authenticated %}
      data-popup=".js-popup-auth"
      {% else %}
      data-popup=".js-popup-buy"
      {% endif %}
      class="main__btn btn"
      href="#"
    >КУПИТЬ ДОСТУП ОТ {{ min_school_price }}р. в мес.</a>
  </div>
</div>
{% if messages %}
<div class="section section_gray section_menu">
  <div class="section__center center center_xs">
    {% for message in messages %}
    <div class="message message_{{ message.tags }}">{{ message }}</div>
    {% endfor %}
  </div>
</div>
{% endif %}
<div class="section">
  <div class="section__center center">
    <div class="text text_lg">
      <p>Каждый день, с понедельника по пятницу в 17:00 по московскому времени мы встречаемся в прямом эфире. </p>
      <p>Пять предметов на каждый день: Персонаж, Развитие креативного мышления, Акварель, Пластилиновая живопись и История
        искусств. </p>
      <img class="text__curve text__curve_one" src="{% static 'img/curve-1.svg' %}" width="320">
    </div>
    <a id="about" name="about">
      <div class="title title_center">О школе</div></a>
    <div class="about">
      <div class="about__ava ava">
        <img class="ava__pic" src="{% static 'img/user.jpg' %}">
      </div>
      <div class="about__wrap">
        <div class="about__content">
          <p>С раннего возраста мы стремимся развить в детях креативность, умение думать и анализировать, работать в смешанных
            техниках и всевозможными материалами. Каждый урок интересный и уникальный.</p>
          <p>Для раскрытия творческого потенциала создаем благоприятные условия которые вдохновляют к развитию. Наша школа создает
            необходимую среду, в которой маленькое семечко способностей и желания рисовать вырастет в могучее дерево безграничного
            потенциала.
          </p>
          <p>Наши ученики становяться осознанными, уверенными и творческий личностями, способные решать сложные задачи благодаря
            воображению.
          </p>
        </div>
        <div class="about__ceo">- Sasha Kru, CEO и основатель
          <a href='#'>Lil.City</a>
        </div>
        <a class="about__video video" href="#">
          <img class="video__pic" src="{% static 'img/video-1.jpg' %}">
          <svg class="icon icon-play">
            <use xlink:href="{% static 'img/sprite.svg' %}#icon-play"></use>
          </svg>
        </a>
        <div class="about__more">Другие видео смотрите на нашем
          <a href='#'>канале</a>
        </div>
      </div>
    </div>
  </div>
</div>
<a class="online" href="#" style="background-image: url({% static 'img/video-1.jpg' %});">
  <div class="online__center center">
    <div class="online__type">ПРЯМОЙ ЭФИР</div>
    <div class="online__title">Каждый день в 17.00 (по Мск) </div>
    <div class="online__text text">Кроме выходных. Запись эфира доступна в&nbsp;течение 24-х&nbsp;часов.</div>
    <div class="online__action">
      <svg class="icon icon-play">
        <use xlink:href="{% static 'img/sprite.svg' %}#icon-play"></use>
      </svg>СМОТРЕТЬ ПРИМЕР ЭФИРА</div>
  </div>
</a>
<div class="section">
  <div class="section__center center">
    <a id="advantages" name="advantages">
      <div class="title title_center">Преимущества</div>
    </a>
    <div class="text">
      <p>Если цените время и стремитесь быть продуктивными, то онлайн-образование это выбор прогрессивного человека для достижения
        необходимых результатов.</p>
      <img class="text__curve text__curve_two" src="{% static 'img/curve-2.svg' %}" width="211">
    </div>
    <div class="benefits">
      <div class="benefits__item">
        <div class="benefits__preview">
          <svg class="icon icon-thumb">
            <use xlink:href="{% static 'img/sprite.svg' %}#icon-thumb"></use>
          </svg>
        </div>
        <div class="benefits__title">Доступность</div>
        <div class="benefits__content">Учитесь, не выходя из дома. С&nbsp;активной жизнью в больших городах, времени для образование остается не много.
          Маленьким городам, наоборот, не хватает разнообразия мегаполисов.</div>
      </div>
      <div class="benefits__item">
        <div class="benefits__preview">
          <svg class="icon icon-wallet">
            <use xlink:href="{% static 'img/sprite.svg' %}#icon-wallet"></use>
          </svg>
        </div>
        <div class="benefits__title">Стоимость</div>
        <div class="benefits__content">Онлайн-образование дешевле. Здесь не требуется аренда помещения, нет коммунальных платежей.</div>
      </div>
      <div class="benefits__item">
        <div class="benefits__preview">
          <svg class="icon icon-location">
            <use xlink:href="{% static 'img/sprite.svg' %}#icon-location"></use>
          </svg>
        </div>
        <div class="benefits__title">Свобода перемещений</div>
        <div class="benefits__content">Это важный критерий для родителей. С онлайн-образованием собирать, одевать и стоять в бесконечных пробках теперь
          не нужно.</div>
      </div>
      <div class="benefits__item">
        <div class="benefits__preview">
          <svg class="icon icon-searching">
            <use xlink:href="{% static 'img/sprite.svg' %}#icon-searching"></use>
          </svg>
        </div>
        <div class="benefits__title">Выбор преподавателя </div>
        <div class="benefits__content">Личные аккаунты Инстаграм также доступны, чтобы узнать о творчестве, мыслях и интересах. Принять решение у какого
          преподавателя учиться теперь просто.</div>
      </div>
    </div>
    <div class="text text_mb0">
      <p>И, наконец, учиться онлайн можете в пижаме, без макияжа и с огурцами на лице!</p>
    </div>
  </div>
</div>
<div class="section section_review">
  <div class="section__center center center_md">
    <a id="reviews" name="reviews">
      <div class="title title_center">Отзывы</div>
    </a>
    <div class="text">Мы получаем сотни тёплых отзывов от довольных родителей. Их можно почитать
      <a href="#">здесь;)</a>
    </div>
    <div class="reviews">
      <div class="reviews__item">
        <div class="reviews__ava ava">
          <img class="ava__pic" src="{% static 'img/user.jpg' %}">
        </div>
        <div class="reviews__wrap">
          <div class="reviews__name">@redanna333</div>
          <div class="reviews__content">Мой ребёнок зарисовал!!! Хотя, я и не ставила таких глобальных целей, участвуя в этом лагере, просто занять дитё
            чем-то творческим хоть иногда, но он реально рисует, сам, и не надо приглашать и уговаривать, просто берёт и
            рисует) Спасибо, Саша, от всей души) Надеемся на встречу в школе)</div>
        </div>
      </div>
      <div class="reviews__item">
        <div class="reviews__ava ava">
          <img class="ava__pic" src="{% static 'img/user.jpg' %}">
        </div>
        <div class="reviews__wrap">
          <div class="reviews__name">@redanna333</div>
          <div class="reviews__content">Саша, огромное спасибо за ещё одну возможность погружения в удивительный мир Ваших уроков! С начала первого летнего
            лагеря и до сегодняшнего дня, был запущен творческий круговорот разных идей, по заданиям и просто так)). На самом
            деле, удивительная способность, находясь далеко, по другую сторону экрана, создавать уникальный контакт присутствия
            рядом, будто в одной комнате и давно знакомы). И ещё одно важное качество- быть на стороне ребёнка в непростом
            творческом процессе- моя дочь, слушая Ваше задание, расправляет "крылья", не боясь оценочного мнения , а сосредоточившись
            на задаче)). P.S В школу идём без сомнений!</div>
        </div>
      </div>
      <div class="reviews__item">
        <div class="reviews__ava ava">
          <img class="ava__pic" src="{% static 'img/user.jpg' %}">
        </div>
        <div class="reviews__wrap">
          <div class="reviews__name">@redanna333</div>
          <div class="reviews__content">Саша, 👋 Вы потрясающе четко и качественно можете объяснить задание урока! Дети настолько увлекаются процессом,
            что взрослые и сами включаются в эту интересную игру ТВОРЧЕСТВО! Спасибо Вам за Вдохновение, Любовь и желание
            творить Чудеса! Темыч теперь легко может начать рисовать "трудные" картинки, потому что тетя Саша сказала: "все
            состоит из простых форм!" Теперь это наш девиз) главное ушёл страх, что не выйдет ПРАВИЛЬНО, потому что нет ограничений
            и правил в творчестве😜🙌надеемся на скорую встречу!!!</div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="section">
  <div class="section__center center">
    <a id="gallery" name="gallery">
      <div class="title title_center">Галерея</div></a>
    <div class="text">
      <p>Тысячи шедевров уже созданы благодаря Lil City School. Более 10000 работ можно
        <a href='{{ config.INSTAGRAM_PROFILE_URL }}'>увидеть</a> в Инстаграм</p>
      <img class="text__curve text__curve_three" src="{% static 'img/curve-3.svg' %}">
    </div>
    <div class="gallery">
      <div class="gallery__grid">
        <div class="gallery__item gallery__item_lg">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/0.jpg" onerror="this.style.display='none'">
        </div>
        <div class="gallery__item">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/1.jpg" onerror="this.style.display='none'">
        </div>
        <div class="gallery__item">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/2.jpg" onerror="this.style.display='none'">
        </div>
        <div class="gallery__item">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/3.jpg" onerror="this.style.display='none'">
        </div>
        <div class="gallery__item">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/4.jpg" onerror="this.style.display='none'">
        </div>
        <div class="gallery__item">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/5.jpg" onerror="this.style.display='none'">
        </div>
      </div>
      <div class="gallery__grid">
        <div class="gallery__item">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/6.jpg" onerror="this.style.display='none'">
        </div>
        <div class="gallery__item">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/7.jpg" onerror="this.style.display='none'">
        </div>
        <div class="gallery__item">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/8.jpg" onerror="this.style.display='none'">
        </div>
        <div class="gallery__item gallery__item_lg">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/9.jpg" onerror="this.style.display='none'">
        </div>
        <div class="gallery__item">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/10.jpg" onerror="this.style.display='none'">
        </div>
        <div class="gallery__item">
          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/11.jpg" onerror="this.style.display='none'">
        </div>
      </div>
    </div>
  </div>
</div>
<div class="app">
  <div class="app__center center">
    <div class="app__col">
      <div class="app__theme">ПРИЛОЖЕНИЯ LIL CITY</div>
      <div class="app__title">Лучшие работы попадают в приложение Lil World</div>
      <div class="app__content">Lil World – это арт-фото редактор многократно отмеченный AppStore по всему миру как лучшее приложение с огромной коллекцией
        иллюстраций стикеров. Украшайте ваши фото и превращайте их в волшебные миры.</div>
      <div class="app__links">
        <a class="app__link" href="#">
          <img class="app__pic" src="{% static 'img/app-store.svg' %}">
        </a>
        <a class="app__link" href="#">
          <img class="app__pic" src="{% static 'img/google-play.svg' %}">
        </a>
      </div>
    </div>
    <div class="app__col">
      <div class="app__preview">
        <img class="app__pic" src="{% static 'img/screens.png' %}">
      </div>
    </div>
  </div>
</div>
<div class="section">
  <div class="section__center center center_md">
    <a id="teachers" name="teachers">
      <div class="title title_center">Преподаватели</div>
    </a>
    <div class="text">
      <p>Преподаватели Lil City School имеют большой опыт, поэтому с первых минут детям будет интересно с нами.</p>
      <img class="text__curve text__curve_three" src="{% static 'img/curve-3.svg' %}">
    </div>
    <div class="teachers">
      {% for author in authors %}
      <div class="teachers__item">
        <div class="teachers__ava ava">
          {% if author.photo %}
          <img class="ava__pic" src="{{ author.photo.url }}">
          {% else %}
          <img class="ava__pic" src="{% static 'img/user.jpg' %}">
          {% endif %}
        </div>
        <div class="teachers__wrap">
          <div class="teachers__title">{{ author.get_full_name }},
            <a href='#'>#lil_персонаж</a>
          </div>
          {% if author.instagram %}
          <div class="teachers__name">{{ author.instagram }}</div>
          {% endif %}
          {% if author.about %}
          <div class="teachers__content">
            {{ author.about }}
          </div>
          {% endif %}
        </div>
      </div>
      {% endfor %}
    </div>
    <div class="text text_mb0">Если хотите к нам в команду, то отправьте нам заявку</div>
  </div>
</div>
<div class="section section_gray">
  <div class="section__center center center_md">
    <a id="schedule" name="schedule">
      <div class="title title_center">Расписание</div>
    </a>
    <div class="schedule">
      {% for school_schedule in school_schedules %}
      <div class="schedule__item">
        <div class="schedule__day">{{ school_schedule }}</div>
        <div class="schedule__wrap">
          <div class="schedule__title">{{ school_schedule.title }}</div>
          <div class="schedule__content">{{ school_schedule.description }}</div>
          <div class="schedule__toggle toggle">
            <button class="toggle__head js-toggle-head">Материалы
              <svg class="icon icon-arrow-down">
                <use xlink:href="{% static 'img/sprite.svg' %}#icon-arrow-down"></use>
              </svg>
            </button>
            <div class="toggle__body">{{ school_schedule.materials }}</div>
          </div>
        </div>
      </div>
      {% endfor %}
    </div>
    <div class="text text_mb0">
      <a target="_blank" href="{% url 'school_schedules' %}">Распечатать расписание</a> чтобы не забыть</div>
  </div>
</div>
{% if course_items %}
<div class="section">
  <div class="section__center center">
    <div class="title title_center">Онлайн-курсы</div>
    <div class="text">Помимо онлайн-школы Lil City у нас есть отдельные
      <a href='{% url 'courses' %}'>курсы в записи</a>. Учитесь и развивайте креативное мышление когда вам удобно.
    </div>
    <div class="courses">
      <div class="courses__list">
        {% include "course/course_items.html" %}
      </div>
      <div class="courses__more more">
        <a class="more__btn btn btn_light" href="{% url 'courses' %}">УЗНАТЬ ПОДРОБНЕЕ</a>
      </div>
    </div>
  </div>
</div>
{% endif %}
<div class="game">
  <div class="game__center center">
    <div class="game__wrap">
      <div class="game__theme">LILCITY</div>
      <div class="game__title">Приложения, развивающие игры и интерактивные книги от Lil City.</div>
      <a class="game__btn btn btn_dark" href="#">УЗНАТЬ БОЛЬШЕ</a>
    </div>
  </div>
  <div class="game__preview">
    <img class="game__pic" src="{% static 'img/icons.png' %}">
  </div>
</div>
<div class="section">
  <div class="section__center center">
    <a id="partners" name="partners">
      <div class="title title_center">Наши партнеры</div>
    </a>
    <div class="partners">
      <a class="partners__item" href="#">
        <img class="partners__pic" src="{% static 'img/box.jpg' %}">
      </a>
      <a class="partners__item" href="#">
        <img class="partners__pic" src="{% static 'img/box.jpg' %}">
      </a>
      <a class="partners__item" href="#">
        <img class="partners__pic" src="{% static 'img/box.jpg' %}">
      </a>
      <a class="partners__item" href="#">
        <img class="partners__pic" src="{% static 'img/box.jpg' %}">
      </a>
      <a class="partners__item" href="#">
        <img class="partners__pic" src="{% static 'img/box.jpg' %}">
      </a>
      <a class="partners__item" href="#">
        <img class="partners__pic" src="{% static 'img/box.jpg' %}">
      </a>
    </div>
  </div>
</div>
{% endblock content %}