Merge branch 'feature/new-main-page' of gitlab.com:lilschool/site into feature/packages-page-1-08-19
gzbender
7 years ago
commit
976c1d7e2c
23 changed files with 487 additions and 210 deletions
@ -1,12 +1,26 @@ |
|||||||
|
{% load static %} |
||||||
<div class="anchor" id="about"></div> |
<div class="anchor" id="about"></div> |
||||||
<div class="section section_school"> |
<div class="section section_main section_flex section_about"> |
||||||
<div class="section__center center"> |
<div class="section__center center"> |
||||||
<div class="text text_lg"> |
<div class="section__column section__column_img"> |
||||||
<p>Вы житель мегаполиса и у вас нет времени дополнительно развивать своего ребенка? |
</div> |
||||||
Или вы живете в маленьком городе, |
<div class="section__column section__column_text"> |
||||||
где нет качественных школ и секций для детей?</p> |
<div class="title">Для кого?<img class="emoji" src="{% static 'img/emoji-students.png' %}" /></div> |
||||||
<p><b>Lil School</b> это решение для тех родителей, кто стремится дать лучшее своему ребенку. |
<div class="text text_left"> |
||||||
Учитесь не выходя из дома!</p> |
<p>Вы житель мегаполиса и у вас нет времени дополнительно развивать своего ребенка? |
||||||
|
Или вы живете в маленьком городе, |
||||||
|
где нет качественных школ и секций для детей?</p> |
||||||
|
<p><b>Lil-School</b> это решение для тех родителей, кто стремится дать лучшее своему ребенку. |
||||||
|
Учитесь, не выходя из дома!</p> |
||||||
|
</div> |
||||||
|
<div class="section__buttons"> |
||||||
|
<a class="btn" style="width: auto;" |
||||||
|
data-popup=".js-popup-buy" |
||||||
|
class="main__btn btn" |
||||||
|
data-is-camp="1" |
||||||
|
href="#">Узнать стоимость</a> |
||||||
|
<a href="{% url 'gift-certificates' %}" class="btn btn_gray">Подарить другу</a> |
||||||
|
</div> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
|
|||||||
@ -0,0 +1,32 @@ |
|||||||
|
{% load static %} |
||||||
|
<div class="anchor" id="students"></div> |
||||||
|
<div class="section section_main section_flex section_students"> |
||||||
|
<div class="section__center center"> |
||||||
|
<div class="section__column section__column_text"> |
||||||
|
<div class="title">Наши ученики – многократные призеры международных конкурсов! |
||||||
|
<img class="emoji" src="{% static 'img/emoji-winners.png' %}" /></div> |
||||||
|
</div> |
||||||
|
<div class="section__column section__column_text"> |
||||||
|
<div class="text text_left"> |
||||||
|
<p>Креативное мышление необходимо всем: дизайнерам, математикам, инженерам, предпринимателям и врачам.</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="section__center center"> |
||||||
|
<div class="section__column section__column_img"> |
||||||
|
</div> |
||||||
|
<div class="section__column section__column_text"> |
||||||
|
<div class="section__quote"> |
||||||
|
<div class="section__quote-text"> |
||||||
|
Лил Скул для меня это место, где Солнце может быть синего цвета. |
||||||
|
</div> |
||||||
|
<div class="section__quote-name">Злата Пыльцина, 7 лет. Город Волгоград.</div> |
||||||
|
</div> |
||||||
|
<div class="section__buttons"> |
||||||
|
<a class="btn js-video-modal" style="width: auto;" |
||||||
|
data-video-url="https://www.youtube.com/watch?v=QrlR5sL_eGI" |
||||||
|
href="#">Видео отзыв</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
@ -1,75 +1,107 @@ |
|||||||
{% load static %} |
{% load static %} |
||||||
<div id="teachers" class="anchor"></div> |
<div id="teachers" class="anchor"></div> |
||||||
<div class="section"> |
<div class="section section_main section_flex"> |
||||||
<div class="section__center center center_md"> |
<div class="section__center center"> |
||||||
<div class="title title_center">Преподаватели</div> |
<div class="section__column section__column_text"> |
||||||
<div class="text"> |
<div class="title">Преподаватели</div> |
||||||
<p>Преподаватели Lil School имеют большой опыт, поэтому с первых минут детям будет интересно с нами.</p> |
<div class="text text_left text_only_curve mobile-show"><img src="/static/img/curve-3.svg" class="text__curve" style=" |
||||||
<img class="text__curve text__curve_three" src="{% static 'img/curve-3.svg' %}"> |
right: 0px; |
||||||
|
top: -30px; |
||||||
|
"></div> |
||||||
|
<div class="text text_left"> |
||||||
|
<p>Преподаватели Lil School имеют большой опыт, поэтому с первых минут детям будет интересно.</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="section__column mobile-hide" style="padding-left: 100px;"> |
||||||
|
<div class="text text_left text_only_curve"> |
||||||
|
<img class="text__curve" src="{% static 'img/curve-3.svg' %}"> |
||||||
|
</div> |
||||||
</div> |
</div> |
||||||
|
</div> |
||||||
|
<div class="section__center center"> |
||||||
<div class="teachers"> |
<div class="teachers"> |
||||||
{% for teacher in teachers %} |
{% for teacher in teachers %} |
||||||
<div class="teachers__item"> |
{% cycle '<div class="teachers__row">' '' %} |
||||||
<div class="teachers__ava ava"> |
<div class="teachers__item"> |
||||||
{% if teacher.photo %} |
<div class="teachers__left-column"> |
||||||
<img class="ava__pic" src="{{ teacher.photo.url }}"> {% else %} |
<div class="teachers__ava ava"> |
||||||
<img class="ava__pic" src="{% static 'img/user_default.jpg' %}"> {% endif %} |
{% if teacher.photo %} |
||||||
</div> |
<img class="ava__pic" src="{{ teacher.photo.url }}"> {% else %} |
||||||
<div class="teachers__wrap"> |
<img class="ava__pic" src="{% static 'img/user_default.jpg' %}"> {% endif %} |
||||||
<div class="teachers__title"> |
</div> |
||||||
<div class="teachers__title-name"> |
<div class="teachers__social"> |
||||||
<a href="{{ teacher.url }}">{{ teacher.get_full_name }}</a>{% if teacher.instagram_hashtag %}, |
{% if teacher.facebook %} |
||||||
<a href='https://www.instagram.com/explore/tags/{{ teacher.instagram_hashtag }}/' target="_blank"> |
<a class="social__item" href="{{ teacher.facebook }}" target="_blank"> |
||||||
{{ teacher.instagram_hashtag }} |
<svg class="icon icon-share-facebook"> |
||||||
</a> |
<use xlink:href="{% static 'img/sprite.svg' %}#icon-share-facebook"></use> |
||||||
|
</svg> |
||||||
|
</a> |
||||||
|
{% endif %} {# if teacher.instagram #} |
||||||
|
<a class="social__item" href="{{ teacher.instagram }}" target="_blank"> |
||||||
|
<svg class="icon icon-share-instagram"> |
||||||
|
<use xlink:href="{% static 'img/sprite.svg' %}#icon-share-instagram"></use> |
||||||
|
</svg> |
||||||
|
</a> |
||||||
|
{# endif #} {% if teacher.twitter %} |
||||||
|
<a class="social__item" href="{{ teacher.twitter }}" target="_blank"> |
||||||
|
<svg class="icon icon-share-twitter"> |
||||||
|
<use xlink:href="{% static 'img/sprite.svg' %}#icon-share-twitter"></use> |
||||||
|
</svg> |
||||||
|
</a> |
||||||
|
{% endif %} {% if teacher.google %} |
||||||
|
<a class="social__item" href="{{ teacher.google }}" target="_blank"> |
||||||
|
<svg class="icon icon-share-google"> |
||||||
|
<use xlink:href="{% static 'img/sprite.svg' %}#icon-share-google"></use> |
||||||
|
</svg> |
||||||
|
</a> |
||||||
|
{% endif %} {% if teacher.pinterest %} |
||||||
|
<a class="social__item" href="{{ teacher.pinterest }}" target="_blank"> |
||||||
|
<svg class="icon icon-share-pinterest"> |
||||||
|
<use xlink:href="{% static 'img/sprite.svg' %}#icon-share-pinterest"></use> |
||||||
|
</svg> |
||||||
|
</a> |
||||||
|
{% endif %} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="teachers__right-column"> |
||||||
|
<div class="teachers__title"> |
||||||
|
<a href="{{ teacher.url }}" style="color: black;">{{ teacher.get_full_name }}</a>{% if teacher.instagram_hashtag %}<br> |
||||||
|
<a href='https://www.instagram.com/explore/tags/{{ teacher.instagram_hashtag }}/' target="_blank"> |
||||||
|
#{{ teacher.instagram_hashtag }} |
||||||
|
</a> |
||||||
|
{% endif %} |
||||||
|
</div> |
||||||
|
{% if teacher.about %} |
||||||
|
<div class="teachers__content"> |
||||||
|
{{ teacher.about }} |
||||||
|
</div> |
||||||
|
{% endif %} |
||||||
|
{% if teacher.trial_lesson %} |
||||||
|
<a data-video-url="{{ teacher.trial_lesson }}" data-trial-lesson="1" href="#" class="btn btn_light js-video-modal">ПРОБНЫЙ УРОК</a> |
||||||
{% endif %} |
{% endif %} |
||||||
</div> |
</div> |
||||||
{% if teacher.trial_lesson %} |
|
||||||
<a data-video-url="{{ teacher.trial_lesson }}" data-trial-lesson="1" href="#" class="btn btn_light js-video-modal">ПРОБНЫЙ УРОК</a> |
|
||||||
{% endif %} |
|
||||||
</div> |
</div> |
||||||
<div class="teachers__social"> |
{% cycle '' '</div>' %} |
||||||
{% if teacher.facebook %} |
{% if forloop.last and not forloop.counter|divisibleby:'2' %} |
||||||
<a class="social__item" href="{{ teacher.facebook }}" target="_blank"> |
<div class="teachers__item"> |
||||||
<svg class="icon icon-share-facebook"> |
<div class="teachers__left-column"> |
||||||
<use xlink:href="{% static 'img/sprite.svg' %}#icon-share-facebook"></use> |
<div class="teachers__ava ava"> |
||||||
</svg> |
<img class="ava__pic" src="{% static 'img/user_default.jpg' %}" syle="margin-top: 10px;"> |
||||||
</a> |
</div> |
||||||
{% endif %} {# if teacher.instagram #} |
</div> |
||||||
<a class="social__item" href="{{ teacher.instagram }}" target="_blank"> |
<div class="teachers__right-column"> |
||||||
<svg class="icon icon-share-instagram"> |
<div class="teachers__title"> |
||||||
<use xlink:href="{% static 'img/sprite.svg' %}#icon-share-instagram"></use> |
Хотите в команду<br>Lil School? |
||||||
</svg> |
</div> |
||||||
</a> |
<div class="teachers__content"> |
||||||
{# endif #} {% if teacher.twitter %} |
Любите развивать детей, развиваться сами и хотите зарабатывать на любимом деле?<br><br> |
||||||
<a class="social__item" href="{{ teacher.twitter }}" target="_blank"> |
<a href="{% url 'author_request' %}">Оставьте заявку</a> |
||||||
<svg class="icon icon-share-twitter"> |
</div> |
||||||
<use xlink:href="{% static 'img/sprite.svg' %}#icon-share-twitter"></use> |
</div> |
||||||
</svg> |
|
||||||
</a> |
|
||||||
{% endif %} {% if teacher.google %} |
|
||||||
<a class="social__item" href="{{ teacher.google }}" target="_blank"> |
|
||||||
<svg class="icon icon-share-google"> |
|
||||||
<use xlink:href="{% static 'img/sprite.svg' %}#icon-share-google"></use> |
|
||||||
</svg> |
|
||||||
</a> |
|
||||||
{% endif %} {% if teacher.pinterest %} |
|
||||||
<a class="social__item" href="{{ teacher.pinterest }}" target="_blank"> |
|
||||||
<svg class="icon icon-share-pinterest"> |
|
||||||
<use xlink:href="{% static 'img/sprite.svg' %}#icon-share-pinterest"></use> |
|
||||||
</svg> |
|
||||||
</a> |
|
||||||
{% endif %} |
|
||||||
</div> |
|
||||||
{% if teacher.about %} |
|
||||||
<div class="teachers__content"> |
|
||||||
{{ teacher.about }} |
|
||||||
</div> |
|
||||||
{% endif %} |
|
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
|
{% endif %} |
||||||
{% endfor %} |
{% endfor %} |
||||||
</div> |
</div> |
||||||
<div class="text text_mb0">Если хотите к нам в команду, то <a href="{% url 'author_request' %}">отправьте</a> нам заявку</div> |
|
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
|
|||||||
@ -1,10 +1,25 @@ |
|||||||
<div class="section section_video"> |
{% load static %} |
||||||
<div class="section__center center center_sm" style="text-align: center;"> |
<div class="section section_main section_flex section_video"> |
||||||
<div class="title">Пробный урок</div> |
<div class="section__center center"> |
||||||
<img class="main-video-preview js-video-modal" data-video-url="{{ config.MAIN_PAGE_VIDEO_URL|safe }}" data-trial-lesson="1" |
<div class="section__column section__column_text"> |
||||||
src="{{ config.MAIN_PAGE_VIDEO_PREVIEW_IMG.url }}"/> |
<div class="title">Попробуйте бесплатно<img class="emoji" src="{% static 'img/emoji-cat.png' %}" /></div> |
||||||
<a href="#" class="btn js-video-modal btn_stroke-black" style="margin: 20px;" |
<div class="text text_left"> |
||||||
data-video-url="{{ config.MAIN_PAGE_VIDEO_URL|safe }}" data-trial-lesson="1">Смотреть бесплатно</a> |
<p>Тысячи видео-уроков на разные темы для развития творческого мышления уже ждут вас. Учитесь, не выходя из дома!</p> |
||||||
<div>Много развивающих видео на нашем <a href="{{ config.SERVICE_YOUTUBE_URL|safe }}">YouTube канале</a></div> |
</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"> |
||||||
|
<img class="main-video-preview js-video-modal" data-video-url="{{ config.MAIN_PAGE_VIDEO_URL|safe }}" data-trial-lesson="1" |
||||||
|
src="{{ config.MAIN_PAGE_VIDEO_PREVIEW_IMG.url }}"/> |
||||||
|
<div class="section__buttons mobile-show"> |
||||||
|
<a href="#" class="btn btn_white js-video-modal" |
||||||
|
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> |
</div> |
||||||
</div> |
</div> |
||||||
|
|||||||
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 7.1 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 265 KiB |
|
After Width: | Height: | Size: 1.1 MiB |
Loading…
Reference in new issue