{% load static %}
<div class="section section_main section_flex section_video">
  <div class="section__center center">
    <div class="section__column section__column_text">
      <div class="title">Попробуйте бесплатно<img class="emoji" src="{% static 'img/emoji-cat.png' %}" /></div>
      <div class="text text_left">
        <p>Тысячи видео-уроков на разные темы для развития творческого мышления уже ждут вас. Учитесь, не выходя из дома!</p>
      </div>
      <div class="section__buttons mobile-hide">
        <a href="#" class="btn btn_white js-video-modal" style="width: auto;"
        data-video-url="{{ config.MAIN_PAGE_VIDEO_URL|safe }}" data-trial-lesson="1">Смотреть бесплатный урок
        <img class="emoji" src="{% static 'img/emoji-present.png' %}" /></a>
      </div>
    </div>
    <div class="section__column section__column_img">
      {% if config.MAIN_PAGE_VIDEO_PREVIEW_IMG %}
      <img class="main-video-preview js-video-modal" data-video-url="{{ config.MAIN_PAGE_VIDEO_URL|safe|default:'' }}"
           data-trial-lesson="1" src="{{ config.MAIN_PAGE_VIDEO_PREVIEW_IMG.url }}"/>
      {% endif %}
      <div class="section__buttons mobile-show">
        <a href="#" class="btn btn_white js-video-modal"
        data-video-url="{{ config.MAIN_PAGE_VIDEO_URL|safe|default:'' }}" data-trial-lesson="1">Смотреть бесплатный урок
        <img class="emoji" src="{% static 'img/emoji-present.png' %}" /></a>
      </div>
    </div>
  </div>
</div>