Sanasol
8 years ago
parent
bad6b9ce76
commit
17ae03f6b6
32 changed files with 444 additions and 95 deletions
@ -1,15 +1,10 @@ |
||||
{% extends "templates/lilcity/index.html" %} {% load static %} |
||||
{% block title %}Онлайн-школа LilCity{% endblock title%} |
||||
{% block content %} |
||||
{% if not is_purchased %} |
||||
{% include "../blocks/promo.html" %} |
||||
{% include "../blocks/about.html" %} |
||||
{% include "../blocks/advantages.html" %} |
||||
{% include "../blocks/online.html" %} |
||||
{% include "../blocks/schedule.html" %} |
||||
{% include "templates/blocks/game.html" %} |
||||
{% include "templates/blocks/partners.html" %} |
||||
{% else %} |
||||
{% include "../blocks/schedule_purchased.html" %} |
||||
{% endif %} |
||||
{% endblock %} |
||||
|
||||
@ -0,0 +1,15 @@ |
||||
{% extends "templates/lilcity/index.html" %} {% load static %} |
||||
{% block title %}Онлайн-школа LilCity{% endblock title%} |
||||
{% block content %} |
||||
{% if not is_purchased %} |
||||
{% include "../summer/promo.html" %} |
||||
{% include "../summer/about.html" %} |
||||
{% include "../summer/advantages.html" %} |
||||
{% include "../summer/online.html" %} |
||||
{% include "../blocks/schedule.html" %} |
||||
{% include "templates/blocks/game.html" %} |
||||
{% include "templates/blocks/partners.html" %} |
||||
{% else %} |
||||
{% include "../summer/schedule_purchased.html" %} |
||||
{% endif %} |
||||
{% endblock %} |
||||
@ -0,0 +1,26 @@ |
||||
{% load static %} |
||||
<div class="section" id="about"> |
||||
<div class="section__center center"> |
||||
<div class="title title_center">О школе</div> |
||||
<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> |
||||
<p>Они способны решать сложные задачи благодаря воображению.</p> |
||||
</div> |
||||
<div class="about__ceo">- Sasha Kru, CEO и основатель |
||||
<a href='#'>Lil.City</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,44 @@ |
||||
{% load static %} |
||||
<div class="section section_benefits" id="advantages"> |
||||
<div class="section__center center"> |
||||
<div class="title title_center">Преимущества</div> |
||||
<div class="benefits benefits_colors"> |
||||
<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">Учитесь, не выходя из дома. С активной жизнью в больших городах, времени для образование остается не много. Маленьким городам, наоборот, не хватает разнообразия мегаполисов.</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> |
||||
</div> |
||||
@ -0,0 +1,12 @@ |
||||
{% load static %} |
||||
<a class="online" target="_blank" href="https://www.youtube.com/watch?v=PhZ8qQbIej0" 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">Понедельник, среда, пятница.</div> |
||||
<div class="online__action"> |
||||
<svg class="icon icon-play"> |
||||
<use xlink:href="{% static 'img/sprite.svg' %}#icon-play"></use> |
||||
</svg>СМОТРЕТЬ ПРИМЕР ЭФИРА</div> |
||||
</div> |
||||
</a> |
||||
@ -0,0 +1,60 @@ |
||||
{% load static %} |
||||
<div class="main main_default" style="background-image: url({% static 'img/bg-2.jpg' %});"> |
||||
<div class="main__center center"> |
||||
<div class="main__title"> |
||||
<span class="main__bold">Lil School</span> — первая образовательная онлайн-платформа креативного мышления для детей |
||||
</div> |
||||
<div class="main__subtitle"> |
||||
Присоединяйтесь в Рисовальный лагерь |
||||
</div> |
||||
<div class="main__actions"> |
||||
<a |
||||
{% if not user.is_authenticated %} |
||||
data-popup=".js-popup-auth" |
||||
{% else %} |
||||
data-popup=".js-popup-buy" |
||||
{% endif %} |
||||
class="main__btn btn" |
||||
href="#" |
||||
>Получить доступ</a> |
||||
</div> |
||||
<div class="main__school school school_main"> |
||||
<div class="school__col"> |
||||
<div class="school__preview"> |
||||
<svg class="icon icon-online"> |
||||
<use xlink:href="{% static 'img/sprite.svg' %}#icon-online"></use> |
||||
</svg> |
||||
</div> |
||||
<div class="school__title">Прямой эфир</div> |
||||
<div class="school__text">Понедельник, среда, пятница</div> |
||||
</div> |
||||
<div class="school__col"> |
||||
<div class="school__preview"> |
||||
<svg class="icon icon-everyday"> |
||||
<use xlink:href="{% static 'img/sprite.svg' %}#icon-everyday"></use> |
||||
</svg> |
||||
</div> |
||||
<div class="school__title">В 17:00</div> |
||||
<div class="school__text">По московскому времени</div> |
||||
</div> |
||||
<div class="school__col"> |
||||
<div class="school__preview"> |
||||
<svg class="icon icon-subjects"> |
||||
<use xlink:href="{% static 'img/sprite.svg' %}#icon-subjects"></use> |
||||
</svg> |
||||
</div> |
||||
<div class="school__title">12 уроков</div> |
||||
<div class="school__text">В разных техниках</div> |
||||
</div> |
||||
<div class="school__col"> |
||||
<div class="school__preview"> |
||||
<svg class="icon icon-view"> |
||||
<use xlink:href="{% static 'img/sprite.svg' %}#icon-view"></use> |
||||
</svg> |
||||
</div> |
||||
<div class="school__title">Запись эфира</div> |
||||
<div class="school__text">Хранится 7 дней</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,69 @@ |
||||
{% load static %} {% load thumbnail %} |
||||
<div class="section" id="schedule"> |
||||
<div class="section__center center"> |
||||
{% include 'templates/blocks/messages.html' %} |
||||
<div class="casing"> |
||||
<div class="casing__col"> |
||||
<div class="casing__subscribe"> |
||||
{% if is_purchased %} |
||||
<div class="casing__msg">Подписка истекает |
||||
<span class="bold">{{ subscription_ends }}</span> |
||||
</div> |
||||
{% include './prolong_btn.html' %} |
||||
{% else %} |
||||
<div class="casing__msg">Подписка |
||||
<span class="bold">истекла</span> |
||||
</div> |
||||
{% include './prolong_btn.html' with pink=True %} |
||||
{% endif %} |
||||
</div> |
||||
</div> |
||||
<div class="casing__col"> |
||||
{% if not profile %} |
||||
<div class="casing__head"> |
||||
{% if is_previous %} |
||||
<div class="casing__title title">Запись уроков</div> |
||||
{% else %} |
||||
<div class="casing__title title">Новые уроки</div> |
||||
{% endif %} |
||||
<label class="casing__switcher switcher"> |
||||
<span class="switcher__wrap"> |
||||
<a href="{% url 'school:summer-school' %}?is_previous=true" class="switcher__item{% if is_previous %} active{% endif %}">запись уроков</a> |
||||
<a href="{% url 'school:summer-school' %}" class="switcher__item{% if not is_previous %} active{% endif %}">новые уроки</a> |
||||
</span> |
||||
</label> |
||||
</div> |
||||
{% endif %} |
||||
<div class="casing__timing timing js-timing"> |
||||
<div class="timing__week"> |
||||
{% if is_previous and not live_lessons_exists %} |
||||
Записей уроков пока нет |
||||
{% else %} |
||||
{% for school_schedule in school_schedules %} |
||||
{% if is_previous %} |
||||
{% if school_schedule.previous_live_lesson in live_lessons %} |
||||
{% include './_schedule_purchased_item.html' with school_schedule=school_schedule live_lesson=school_schedule.previous_live_lesson %} |
||||
{% endif %} |
||||
{% else %} |
||||
{% include './_schedule_purchased_item.html' with school_schedule=school_schedule live_lesson=school_schedule.current_live_lesson %} |
||||
{% endif %} |
||||
{% endfor %} |
||||
{% endif %} |
||||
</div> |
||||
<div class="timing__week"> |
||||
{% comment %} previous week schedules {% endcomment %} |
||||
</div> |
||||
<div class="timing__foot"> |
||||
<a target="_blank" class="timing__print" href="{% url 'school:school_schedules-print' %}">Распечатать расписание |
||||
<span class="bold">чтобы не забыть</span> |
||||
<svg class="icon icon-print"> |
||||
<use xlink:href="{% static 'img/sprite.svg' %}#icon-print"></use> |
||||
</svg> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% include './last_courses.html' %} |
||||
@ -1,37 +1,37 @@ |
||||
{% load static %} |
||||
<div class="section section_arts"> |
||||
<div class="section__center"> |
||||
<div class="arts"> |
||||
<div class="arts__col"> |
||||
<div class="arts__item" style="background-image: url({% static 'img/art01.png' %});"> |
||||
<div class="arts__title">Персонаж</div> |
||||
</div> |
||||
</div> |
||||
<div class="arts__col"> |
||||
<div class="arts__item" style="background-image: url({% static 'img/art02.png' %});"> |
||||
<div class="arts__title">Развитие креативного мышления</div> |
||||
</div> |
||||
</div> |
||||
<div class="arts__col"> |
||||
<div class="arts__item" style="background-image: url({% static 'img/art03.png' %});"> |
||||
<div class="arts__title">Акварельная живопись</div> |
||||
</div> |
||||
</div> |
||||
<div class="arts__col"> |
||||
<div class="arts__item" style="background-image: url({% static 'img/art04.png' %});"> |
||||
<div class="arts__title">Пластилиновая живопись</div> |
||||
</div> |
||||
</div> |
||||
<div class="arts__col"> |
||||
<div class="arts__item" style="background-image: url({% static 'img/art05.png' %});"> |
||||
<div class="arts__title">История искусств</div> |
||||
</div> |
||||
</div> |
||||
<div class="arts__col"> |
||||
<div class="arts__item" style="background-image: url({% static 'img/art06.png' %});"> |
||||
<div class="arts__title">Коллаж</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!--<div class="section section_arts">--> |
||||
<!--<div class="section__center">--> |
||||
<!--<div class="arts">--> |
||||
<!--<div class="arts__col">--> |
||||
<!--<div class="arts__item" style="background-image: url({% static 'img/art01.png' %});">--> |
||||
<!--<div class="arts__title">Персонаж</div>--> |
||||
<!--</div>--> |
||||
<!--</div>--> |
||||
<!--<div class="arts__col">--> |
||||
<!--<div class="arts__item" style="background-image: url({% static 'img/art02.png' %});">--> |
||||
<!--<div class="arts__title">Развитие креативного мышления</div>--> |
||||
<!--</div>--> |
||||
<!--</div>--> |
||||
<!--<div class="arts__col">--> |
||||
<!--<div class="arts__item" style="background-image: url({% static 'img/art03.png' %});">--> |
||||
<!--<div class="arts__title">Акварельная живопись</div>--> |
||||
<!--</div>--> |
||||
<!--</div>--> |
||||
<!--<div class="arts__col">--> |
||||
<!--<div class="arts__item" style="background-image: url({% static 'img/art04.png' %});">--> |
||||
<!--<div class="arts__title">Пластилиновая живопись</div>--> |
||||
<!--</div>--> |
||||
<!--</div>--> |
||||
<!--<div class="arts__col">--> |
||||
<!--<div class="arts__item" style="background-image: url({% static 'img/art05.png' %});">--> |
||||
<!--<div class="arts__title">История искусств</div>--> |
||||
<!--</div>--> |
||||
<!--</div>--> |
||||
<!--<div class="arts__col">--> |
||||
<!--<div class="arts__item" style="background-image: url({% static 'img/art06.png' %});">--> |
||||
<!--<div class="arts__title">Коллаж</div>--> |
||||
<!--</div>--> |
||||
<!--</div>--> |
||||
<!--</div>--> |
||||
<!--</div>--> |
||||
<!--</div>--> |
||||
|
||||
@ -0,0 +1,36 @@ |
||||
{% load static %} |
||||
<div class="popup js-popup-subscribe"> |
||||
<div class="popup__wrap js-popup-wrap"> |
||||
<button class="popup__close js-popup-close"> |
||||
<svg class="icon icon-close"> |
||||
<use xlink:href={% static "img/sprite.svg" %}#icon-close></use> |
||||
</svg> |
||||
</button> |
||||
<div class="popup__body"> |
||||
<div class="auth js-auth" style="padding:20px 20px 25px;"> |
||||
<div class="auth__login js-auth-login"> |
||||
<div class="auth__body"> |
||||
<form id="learner-auth-form" method="post" action="{% url 'subscribe' %}"> |
||||
{% csrf_token %} |
||||
<div class="auth__tab js-auth-tab" style="display: block;"> |
||||
<div class="auth__enter js-auth-enter"> |
||||
<div id="learner-auth-field__username" class="auth__field field learner-auth-form__field"> |
||||
<div class="field__label">ПОЧТА</div> |
||||
<div class="field__wrap"><input id="learner-auth-form__email" class="field__input" type="email" |
||||
name="email" |
||||
placeholder="name@website.com" tabindex="1"></div> |
||||
<div id="learner-auth-field-error__username" |
||||
class="field__error learner-auth-form__field-error"></div> |
||||
</div> |
||||
<div class="auth__foot"> |
||||
<button id="learner-auth__button" class="auth__btn btn btn_light" tabindex="3">Подписаться</button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,12 @@ |
||||
{% extends "templates/lilcity/index.html" %} {% load static %} {% block content %} |
||||
<div class="section"> |
||||
<div class="section__center center center_xs"> |
||||
<div class="done"> |
||||
<div class="done__title title">Вы успешно оставили заявку на школу!</div> |
||||
<div class="done__foot"> |
||||
<a class="done__btn btn btn_md btn_stroke" href="/">ПЕРЕЙТИ К ГЛАВНОЙ</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% endblock content %} |
||||
Loading…
Reference in new issue