gzbender
7 years ago
parent
1bb5468861
commit
6679997f38
12 changed files with 300 additions and 167 deletions
@ -1,12 +1,26 @@ |
||||
<div class="anchor" id="about"></div> |
||||
<div class="section section_school"> |
||||
<div class="section 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" |
||||
style="background-image: url(/static/img/child_think.png)"> |
||||
</div> |
||||
<div class="section__column section__column_text"> |
||||
<div class="title">Для кого?</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> |
||||
|
||||
@ -1,75 +1,93 @@ |
||||
{% 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_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"> |
||||
<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> |
||||
{% 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> |
||||
{% if teacher.about %} |
||||
<div class="teachers__content"> |
||||
{{ teacher.about }} |
||||
</div> |
||||
{% 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 %} |
||||
</div> |
||||
</div> |
||||
{% cycle '' '</div>' %} |
||||
{% endfor %} |
||||
</div> |
||||
<div class="text text_mb0">Если хотите к нам в команду, то <a href="{% url 'author_request' %}">отправьте</a> нам заявку</div> |
||||
</div> |
||||
<div class="section__center center"> |
||||
<div class="text text_mb0 text_left">Если хотите к нам в команду, то <a href="{% url 'author_request' %}">отправьте</a> нам заявку</div> |
||||
</div> |
||||
</div> |
||||
|
||||
@ -1,10 +1,22 @@ |
||||
<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> |
||||
<div class="section section_gray section_flex section_video"> |
||||
<div class="section__center center"> |
||||
<div class="section__column section__column_text"> |
||||
<div class="title">Попробуйте бесплатно</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">Смотреть бесплатный урок</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">Смотреть бесплатный урок</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
Loading…
Reference in new issue