{% load static %}

<div class="courses__item"><a class="courses__preview" href="#"><img class="courses__pic" src="{% get_media_prefix %}{{ course.background }}"/>
  <div class="courses__view">Подробнее</div>
  {% if course.is_highlighted %}
    <div class="courses__label courses__label_fav"></div>
  {% endif %}
  {% if course.is_deferred_start %}
    <div class="courses__soon">
      <div class="courses__left">До запуска курса осталось:</div>
      <div class="courses__time">16 часов 13 минут</div>
    </div>
    <div class="courses__label courses__label_clock"></div>
  {% endif %}
</a>
  <div class="courses__details"><a class="courses__theme theme {{ theme_color }}" href="#">АНИМАЦИЯ</a>
    {% if not course.is_free %}<div class="courses__price">{{ course.price|floatformat:"-2" }}$</div>{% endif %}
  </div>
  <a class="courses__title" href="#">{{ course.title }}</a>
  <div class="courses__content">{{ course.short_description }}
  </div>
  <div class="courses__user user">
    <div class="user__ava ava"><img class="ava__pic" src={% static "img/user.jpg" %}/></div>
    <div class="user__info">
      <div class="user__name">Александра Неимоверноумная</div>
      <div class="user__meta">
        <div class="user__date">SEPT 12, 2017</div>
        <a class="user__likes likes" href="#">
          <div class="likes__counter">253</div>
          <div class="likes__icon">
            <svg class="icon icon-like">
              <use xlink:href="{% get_static_prefix %}img/sprite.svg#icon-like"></use>
            </svg>
            <svg class="icon icon-like-fill">
              <use xlink:href="{% get_static_prefix %}img/sprite.svg#icon-like-fill"></use>
            </svg>
          </div>
        </a>
      </div>
    </div>
  </div>
</div>