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="section section_school"> |
||||
<div class="section section_main section_flex section_about"> |
||||
<div class="section__center center"> |
||||
<div class="text text_lg"> |
||||
<p>Вы житель мегаполиса и у вас нет времени дополнительно развивать своего ребенка? |
||||
Или вы живете в маленьком городе, |
||||
где нет качественных школ и секций для детей?</p> |
||||
<p><b>Lil School</b> это решение для тех родителей, кто стремится дать лучшее своему ребенку. |
||||
Учитесь не выходя из дома!</p> |
||||
<div class="section__column section__column_img"> |
||||
</div> |
||||
<div class="section__column section__column_text"> |
||||
<div class="title">Для кого?<img class="emoji" src="{% static 'img/emoji-students.png' %}" /></div> |
||||
<div class="text text_left"> |
||||
<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> |
||||
|
||||
@ -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 %} |
||||
<div id="teachers" class="anchor"></div> |
||||
<div class="section"> |
||||
<div class="section__center center center_md"> |
||||
<div class="title title_center">Преподаватели</div> |
||||
<div class="text"> |
||||
<p>Преподаватели Lil School имеют большой опыт, поэтому с первых минут детям будет интересно с нами.</p> |
||||
<img class="text__curve text__curve_three" src="{% static 'img/curve-3.svg' %}"> |
||||
<div class="section section_main section_flex"> |
||||
<div class="section__center center"> |
||||
<div class="section__column section__column_text"> |
||||
<div class="title">Преподаватели</div> |
||||
<div class="text text_left text_only_curve mobile-show"><img src="/static/img/curve-3.svg" class="text__curve" style=" |
||||
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 class="section__center center"> |
||||
<div class="teachers"> |
||||
{% for teacher in teachers %} |
||||
<div class="teachers__item"> |
||||
<div class="teachers__ava ava"> |
||||
{% if teacher.photo %} |
||||
<img class="ava__pic" src="{{ teacher.photo.url }}"> {% else %} |
||||
<img class="ava__pic" src="{% static 'img/user_default.jpg' %}"> {% endif %} |
||||
</div> |
||||
<div class="teachers__wrap"> |
||||
<div class="teachers__title"> |
||||
<div class="teachers__title-name"> |
||||
<a href="{{ teacher.url }}">{{ teacher.get_full_name }}</a>{% if teacher.instagram_hashtag %}, |
||||
<a href='https://www.instagram.com/explore/tags/{{ teacher.instagram_hashtag }}/' target="_blank"> |
||||
{{ teacher.instagram_hashtag }} |
||||
</a> |
||||
{% cycle '<div class="teachers__row">' '' %} |
||||
<div class="teachers__item"> |
||||
<div class="teachers__left-column"> |
||||
<div class="teachers__ava ava"> |
||||
{% if teacher.photo %} |
||||
<img class="ava__pic" src="{{ teacher.photo.url }}"> {% else %} |
||||
<img class="ava__pic" src="{% static 'img/user_default.jpg' %}"> {% endif %} |
||||
</div> |
||||
<div class="teachers__social"> |
||||
{% if teacher.facebook %} |
||||
<a class="social__item" href="{{ teacher.facebook }}" target="_blank"> |
||||
<svg class="icon icon-share-facebook"> |
||||
<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 %} |
||||
</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 class="teachers__social"> |
||||
{% if teacher.facebook %} |
||||
<a class="social__item" href="{{ teacher.facebook }}" target="_blank"> |
||||
<svg class="icon icon-share-facebook"> |
||||
<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> |
||||
{% if teacher.about %} |
||||
<div class="teachers__content"> |
||||
{{ teacher.about }} |
||||
</div> |
||||
{% endif %} |
||||
{% cycle '' '</div>' %} |
||||
{% if forloop.last and not forloop.counter|divisibleby:'2' %} |
||||
<div class="teachers__item"> |
||||
<div class="teachers__left-column"> |
||||
<div class="teachers__ava ava"> |
||||
<img class="ava__pic" src="{% static 'img/user_default.jpg' %}" syle="margin-top: 10px;"> |
||||
</div> |
||||
</div> |
||||
<div class="teachers__right-column"> |
||||
<div class="teachers__title"> |
||||
Хотите в команду<br>Lil School? |
||||
</div> |
||||
<div class="teachers__content"> |
||||
Любите развивать детей, развиваться сами и хотите зарабатывать на любимом деле?<br><br> |
||||
<a href="{% url 'author_request' %}">Оставьте заявку</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% endif %} |
||||
{% endfor %} |
||||
</div> |
||||
<div class="text text_mb0">Если хотите к нам в команду, то <a href="{% url 'author_request' %}">отправьте</a> нам заявку</div> |
||||
</div> |
||||
</div> |
||||
|
||||
@ -1,10 +1,25 @@ |
||||
<div class="section section_video"> |
||||
<div class="section__center center center_sm" style="text-align: center;"> |
||||
<div class="title">Пробный урок</div> |
||||
<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 }}"/> |
||||
<a href="#" class="btn js-video-modal btn_stroke-black" style="margin: 20px;" |
||||
data-video-url="{{ config.MAIN_PAGE_VIDEO_URL|safe }}" data-trial-lesson="1">Смотреть бесплатно</a> |
||||
<div>Много развивающих видео на нашем <a href="{{ config.SERVICE_YOUTUBE_URL|safe }}">YouTube канале</a></div> |
||||
{% load static %} |
||||
<div class="section section_main section_flex section_video"> |
||||
<div class="section__center center"> |
||||
<div class="section__column section__column_text"> |
||||
<div class="title">Попробуйте бесплатно<img class="emoji" src="{% static 'img/emoji-cat.png' %}" /></div> |
||||
<div class="text text_left"> |
||||
<p>Тысячи видео-уроков на разные темы для развития творческого мышления уже ждут вас. Учитесь, не выходя из дома!</p> |
||||
</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> |
||||
|
||||
|
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