|
|
|
|
@ -2,7 +2,7 @@ |
|
|
|
|
{% load static %} |
|
|
|
|
|
|
|
|
|
{% block content %} |
|
|
|
|
<div class="main" style="background-image: url({% static "img/bg-1.jpg" %});"> |
|
|
|
|
<div class="main" style="background-image: url({% get_static_prefix %}img/bg-1.jpg);"> |
|
|
|
|
<div class="main__center center"> |
|
|
|
|
<div class="main__title">Онлайн-курсы LilCity</div> |
|
|
|
|
</div> |
|
|
|
|
@ -12,7 +12,7 @@ |
|
|
|
|
<div class="text text_lg"> |
|
|
|
|
<p>Учите и развивайте креативное мышление когда и где угодно. Если вам не совсем удобно заниматься с нами в прямом эфире каждый день как в |
|
|
|
|
нашей онлайн-школе, специально для вас мы делаем отдельные уроки в записи, которые вы можете проходить |
|
|
|
|
когда вам будем удобно.</p><img class="text__curve text__curve_four" src={% static "img/curve-4.svg" %} width="155"></div> |
|
|
|
|
когда вам будем удобно.</p><img class="text__curve text__curve_four" src="{% get_static_prefix %}img/curve-4.svg" %} width="155"></div> |
|
|
|
|
<div class="head"> |
|
|
|
|
<div class="head__title title title_center">Курсы</div> |
|
|
|
|
<div class="head__right"> |
|
|
|
|
@ -60,194 +60,6 @@ |
|
|
|
|
{% cycle '' 'theme_green' 'theme_violet' as theme_color silent %} |
|
|
|
|
{% include "templates/lilcity/_courses_item.html" %} |
|
|
|
|
{% endfor %} |
|
|
|
|
|
|
|
|
|
<div class="courses__item"><a class="courses__preview" href="#"><img class="courses__pic" src={% static "img/pic-1.jpg" %}/> |
|
|
|
|
<div class="courses__view">Подробнее</div> |
|
|
|
|
<div class="courses__label courses__label_fav"></div> |
|
|
|
|
</a> |
|
|
|
|
<div class="courses__details"><a class="courses__theme theme" href="#">АНИМАЦИЯ</a> |
|
|
|
|
<div class="courses__price">30$</div> |
|
|
|
|
</div> |
|
|
|
|
<a class="courses__title" href="#">Базовый курс для детей по основам иллюстрации</a> |
|
|
|
|
<div class="courses__content">Этот курс поможет детям узнать о том как из простых форм создавать веселый и харизматичных персонажей. |
|
|
|
|
</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={% static "img/sprite.svg#icon-like" %}></use> |
|
|
|
|
</svg> |
|
|
|
|
<svg class="icon icon-like-fill"> |
|
|
|
|
<use xlink:href={% static "img/sprite.svg#icon-like-fill" %}></use> |
|
|
|
|
</svg> |
|
|
|
|
</div> |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="courses__item"><a class="courses__preview" href="#"><img class="courses__pic" src={% static "img/pic-1.jpg" %}/> |
|
|
|
|
<div class="courses__view">Подробнее</div> |
|
|
|
|
<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> |
|
|
|
|
</a> |
|
|
|
|
<div |
|
|
|
|
class="courses__details"><a class="courses__theme theme theme_green" href="#">АНИМАЦИЯ</a> |
|
|
|
|
<div class="courses__price">30$</div> |
|
|
|
|
</div> |
|
|
|
|
<a class="courses__title" href="#">Базовый курс для детей по основам иллюстрации</a> |
|
|
|
|
<div class="courses__content">Этот курс поможет детям узнать о том как из простых форм создавать веселый и харизматичных персонажей. |
|
|
|
|
</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="img/sprite.svg#icon-like"></use> |
|
|
|
|
</svg> |
|
|
|
|
<svg class="icon icon-like-fill"> |
|
|
|
|
<use xlink:href="img/sprite.svg#icon-like-fill"></use> |
|
|
|
|
</svg> |
|
|
|
|
</div> |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="courses__item"><a class="courses__preview" href="#"><img class="courses__pic" src={% static "img/pic-1.jpg" %}/> |
|
|
|
|
<div class="courses__view">Подробнее</div> |
|
|
|
|
</a> |
|
|
|
|
<div class="courses__details"><a class="courses__theme theme theme_violet" href="#">АНИМАЦИЯ</a> |
|
|
|
|
<div class="courses__price">30$</div> |
|
|
|
|
</div> |
|
|
|
|
<a class="courses__title" href="#">Базовый курс для детей по основам иллюстрации</a> |
|
|
|
|
<div class="courses__content">Этот курс поможет детям узнать о том как из простых форм создавать веселый и харизматичных персонажей. |
|
|
|
|
</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="img/sprite.svg#icon-like"></use> |
|
|
|
|
</svg> |
|
|
|
|
<svg class="icon icon-like-fill"> |
|
|
|
|
<use xlink:href="img/sprite.svg#icon-like-fill"></use> |
|
|
|
|
</svg> |
|
|
|
|
</div> |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="courses__item"><a class="courses__preview" href="#"><img class="courses__pic" src={% static "img/pic-1.jpg" %}/> |
|
|
|
|
<div class="courses__view">Подробнее</div> |
|
|
|
|
</a> |
|
|
|
|
<div class="courses__details"><a class="courses__theme theme" href="#">АНИМАЦИЯ</a> |
|
|
|
|
<div class="courses__price">30$</div> |
|
|
|
|
</div> |
|
|
|
|
<a class="courses__title" href="#">Базовый курс для детей по основам иллюстрации</a> |
|
|
|
|
<div class="courses__content">Этот курс поможет детям узнать о том как из простых форм создавать веселый и харизматичных персонажей. |
|
|
|
|
</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="img/sprite.svg#icon-like"></use> |
|
|
|
|
</svg> |
|
|
|
|
<svg class="icon icon-like-fill"> |
|
|
|
|
<use xlink:href="img/sprite.svg#icon-like-fill"></use> |
|
|
|
|
</svg> |
|
|
|
|
</div> |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="courses__item"><a class="courses__preview" href="#"><img class="courses__pic" src={% static "img/pic-1.jpg" %}/> |
|
|
|
|
<div class="courses__view">Подробнее</div> |
|
|
|
|
</a> |
|
|
|
|
<div class="courses__details"><a class="courses__theme theme theme_green" href="#">АНИМАЦИЯ</a> |
|
|
|
|
<div class="courses__price">30$</div> |
|
|
|
|
</div> |
|
|
|
|
<a class="courses__title" href="#">Базовый курс для детей по основам иллюстрации</a> |
|
|
|
|
<div class="courses__content">Этот курс поможет детям узнать о том как из простых форм создавать веселый и харизматичных персонажей. |
|
|
|
|
</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="img/sprite.svg#icon-like"></use> |
|
|
|
|
</svg> |
|
|
|
|
<svg class="icon icon-like-fill"> |
|
|
|
|
<use xlink:href="img/sprite.svg#icon-like-fill"></use> |
|
|
|
|
</svg> |
|
|
|
|
</div> |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="courses__item"><a class="courses__preview" href="#"><img class="courses__pic" src={% static "img/pic-1.jpg" %}/> |
|
|
|
|
<div class="courses__view">Подробнее</div> |
|
|
|
|
</a> |
|
|
|
|
<div class="courses__details"><a class="courses__theme theme theme_violet" href="#">АНИМАЦИЯ</a> |
|
|
|
|
<div class="courses__price">30$</div> |
|
|
|
|
</div> |
|
|
|
|
<a class="courses__title" href="#">Базовый курс для детей по основам иллюстрации</a> |
|
|
|
|
<div class="courses__content">Этот курс поможет детям узнать о том как из простых форм создавать веселый и харизматичных персонажей. |
|
|
|
|
</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={% static "img/sprite.svg#icon-like" %}></use> |
|
|
|
|
</svg> |
|
|
|
|
<svg class="icon icon-like-fill"> |
|
|
|
|
<use xlink:href={% static "img/sprite.svg#icon-like-fill" %}></use> |
|
|
|
|
</svg> |
|
|
|
|
</div> |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="courses__load load"> |
|
|
|
|
<button class="load__btn btn">Подгрузить еще</button> |
|
|
|
|
@ -262,6 +74,6 @@ |
|
|
|
|
<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 class="game__preview"><img class="game__pic" src="{% get_static_prefix %}img/icons.png" %}></div> |
|
|
|
|
</div> |
|
|
|
|
{% endblock content %} |