You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
3.9 KiB
79 lines
3.9 KiB
{% extends "templates/lilcity/index.html" %}
|
|
{% load static %}
|
|
|
|
{% block content %}
|
|
<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>
|
|
</div>
|
|
<div class="section">
|
|
<div class="section__center center">
|
|
<div class="text text_lg">
|
|
<p>Учите и развивайте креативное мышление когда и где угодно. Если вам не совсем удобно заниматься с нами в прямом эфире каждый день как в
|
|
нашей онлайн-школе, специально для вас мы делаем отдельные уроки в записи, которые вы можете проходить
|
|
когда вам будем удобно.</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">
|
|
<div class="head__field field">
|
|
<div class="field__wrap">
|
|
<div class="field__select select js-select">
|
|
<div class="select__head js-select-head">Категории</div>
|
|
<div class="select__drop js-select-drop">
|
|
<div class="select__option js-select-option">
|
|
<div class="select__title">Персонаж</div>
|
|
</div>
|
|
<div class="select__option js-select-option">
|
|
<div class="select__title">Акварель</div>
|
|
</div>
|
|
<div class="select__option js-select-option">
|
|
<div class="select__title">Иллюстрация</div>
|
|
</div>
|
|
<div class="select__option js-select-option">
|
|
<div class="select__title">Анимация</div>
|
|
</div>
|
|
<div class="select__option js-select-option">
|
|
<div class="select__title">Пастель</div>
|
|
</div>
|
|
<div class="select__option js-select-option">
|
|
<div class="select__title">Пластилин</div>
|
|
</div>
|
|
<div class="select__option js-select-option">
|
|
<div class="select__title">Креативное мышление</div>
|
|
</div>
|
|
<div class="select__option js-select-option">
|
|
<div class="select__title">Моторика</div>
|
|
</div>
|
|
<div class="select__option js-select-option">
|
|
<div class="select__title">Живопись</div>
|
|
</div>
|
|
</div>
|
|
<input class="select__input" type="hidden"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="courses">
|
|
<div class="courses__list">
|
|
{% for course in course_items %}
|
|
{% cycle '' 'theme_green' 'theme_violet' as theme_color silent %}
|
|
{% include "templates/lilcity/_courses_item.html" %}
|
|
{% endfor %}
|
|
</div>
|
|
<div class="courses__load load">
|
|
<button class="load__btn btn">Подгрузить еще</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<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="{% get_static_prefix %}img/icons.png" %}></div>
|
|
</div>
|
|
{% endblock content %} |