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.
107 lines
5.0 KiB
107 lines
5.0 KiB
{% load static %}
|
|
<div id="teachers" class="anchor"></div>
|
|
<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 %}
|
|
{% 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>
|
|
</div>
|
|
{% 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>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|