remotes/origin/editis_13-01-19
gzbender 7 years ago
parent b1176d99ab
commit 89934f5188
  1. 96
      project/templates/blocks/footer.html
  2. 2
      project/templates/blocks/messages.html
  3. 54
      web/src/sass/_common.sass

@ -4,83 +4,57 @@
<div class="footer__row footer__row_first">
<div class="footer__col footer__col_md">
<a class="footer__logo logo" href="/"></a>
<div class="footer__content">Первая онлайн-школа креативного мышления Lil School</div>
<div class="footer__content">Lil School – первая образовательная онлайн-платформа креативного мышления
для детей 5+</div>
</div>
<div class="footer__col">
<div class="footer__title">КОМПАНИЯ</div>
<div class="footer__title">Продукты</div>
<nav class="footer__nav">
<a class="footer__link" href="{% url 'about' %}">О нас</a>
<a class="footer__link" href="/#teachers">Преподаватели</a>
<a class="footer__link" href="{% url 'school:school' %}">Онлайн-школа</a>
<a class="footer__link" href="{% url 'courses' %}">Видео-курсы</a>
<a class="footer__link" href="https://blog.lil.school">Блог</a>
<a class="footer__link" href="/#game">Наши приложения</a>
<a class="footer__link" target="_blank" href="https://drive.google.com/drive/folders/1g14ExvB9X_8ZsES6XkNzkTY3QrZm2WgT?usp=sharing">Медиа-кит</a>
<a class="footer__link" href="/courses/?category=14">Метод. пособия</a>
<!--<a class="footer__link" href="#TODO">Бонусная система</a>-->
<a class="footer__link" href="/#game">Мобильные приложения</a>
</nav>
</div>
<div class="footer__col">
<div class="footer__title">Программы</div>
<div class="footer__title">КОМПАНИЯ</div>
<nav class="footer__nav">
<a class="footer__link" href="{% url 'school:school' %}">Онлайн-школа</a>
<a class="footer__link" href="{% url 'courses' %}">Онлайн-курсы</a>
<a class="footer__link" href="{% url 'about' %}">О&nbsp;нас</a>
<a class="footer__link" href="/#teachers">Преподаватели</a>
<a class="footer__link" href="{% url 'author_request' %}">Стать автором</a>
<a class="footer__link" target="_blank" href="https://drive.google.com/drive/folders/1g14ExvB9X_8ZsES6XkNzkTY3QrZm2WgT?usp=sharing">Медиа-кит</a>
<a class="footer__link" href="{% url 'terms' %}">Договор-оферта</a>
<a class="footer__link" href="{% url 'refund_policy' %}">Политика возврата</a>
<a class="footer__link" href="{% url 'privacy' %}">Политика обработки персональных&nbsp;данных</a>
</nav>
</div>
<div class="footer__col">
<div class="footer__title">Контакты</div>
<div class="footer__contact">Общие вопросы:
<a href='mailto:school@lil.city'>school@lil.city</a>
</div>
<div class="footer__contact">Сотрудничество:
<a href='mailto:partnership@lil.city'>partnership@lil.city</a>
</div>
</div>
<div class="footer__col footer__col_md">
<div class="footer__title">ПОДПИСАТЬСЯ НА НОВОСТИ</div>
<a target="_blank" class="subscribe__btn btn btn_light" href="{{ config.SERVICE_TELEGRAM_CHANNEL }}">
<svg class="icon icon-telegram">
<use xlink:href={% static "img/sprite.svg" %}#icon-telegram></use>
</svg>
ПОДПИСАТЬСЯ
</a>
<div class="subscribe__content">
Подпишитесь на наш канал в Telegram чтобы получать от нас важные новости о школе, новых курсах и бонусах от Lil City.
</div>
<a class="footer__link" href="{{ config.SERVICE_INSTAGRAM_URL }}">Instagram</a>
<a class="footer__link" href="{{ config.SERVICE_FB_URL }}">Facebook</a>
<a class="footer__link" href="{{ config.SERVICE_YOUTUBE_URL }}">YouTube</a>
<a class="footer__link" href="{{ config.SERVICE_TWITTER_URL }}">Twitter</a>
<!--<a class="footer__link" href="{{ config.SERVICE_FB_URL }}">Odnoklassniki</a>-->
<!--<a class="footer__link" href="{{ config.SERVICE_FB_URL }}">VKontakte</a>-->
<a class="footer__link" href='mailto:school@lil.city'>Email по&nbsp;общим вопросам</a>
<a class="footer__link" href='mailto:partnership@lil.city'>Сотрудничество</a>
</div>
</div>
<div class="footer__row footer__row_second">
<div class="footer__col footer__col_md" style="flex: 0 0 23%;">
<div class="footer__socials socials">
<a target="_blank" class="socials__item" href="{{ config.SERVICE_INSTAGRAM_URL }}">
<svg class="icon icon-instagram">
<use xlink:href={% static "img/sprite.svg" %}#icon-instagram></use>
</svg>
</a>
<a target="_blank" class="socials__item" href="{{ config.SERVICE_TWITTER_URL }}">
<svg class="icon icon-twitter">
<use xlink:href={% static "img/sprite.svg" %}#icon-twitter></use>
</svg>
</a>
<a target="_blank" class="socials__item" href="{{ config.SERVICE_FB_URL }}">
<svg class="icon icon-fb">
<use xlink:href={% static "img/sprite.svg" %}#icon-fb></use>
</svg>
</a>
<a target="_blank" class="socials__item" href="{{ config.SERVICE_YOUTUBE_URL }}">
<svg class="icon icon-youtube">
<use xlink:href={% static "img/sprite.svg" %}#icon-youtube></use>
</svg>
</a>
</div>
</div>
<div class="footer__col footer__col_lg" style="flex: 0 0 77%;">
<div class="footer__group">
<div class="footer__copyright">{% now 'Y' %} © Lil City, UAB.</div>
<div class="footer__links">
<a class="footer__link" href="{% url 'terms' %}">Договор-оферта</a>
<div class="footer__divider">|</div>
<a class="footer__link" href="{% url 'privacy' %}">Политика обработки персональных данных</a>
<div class="footer__divider">|</div>
<a class="footer__link" href="{% url 'refund_policy' %}">Политика возврата</a>
</div>
<div class="footer__col footer__col_md"></div>
<div class="footer__col footer__col_md">
<div>Подписаться на&nbsp;самую интересную рассылку на&nbsp;планете</div>
<form class="subscribe" method="post" action="{% url 'subscribe' %}">
{% csrf_token %}
<input class="subscribe__input" name="email" placeholder="Email">
<button class="subscribe__btn btn btn_light">ПОДПИСАТЬСЯ</button>
</form>
<div class="footer__copyright">
Все права защищены ©&nbsp;Lil&nbsp;City,&nbsp;UAB. Все&nbsp;материалы принадлежат компании Lil&nbsp;City,&nbsp;UAB.<br>
Никакая из&nbsp;частей этого сайта, текстов или&nbsp;изображений, не&nbsp;может быть&nbsp;скопирована, использована или&nbsp;передана
на&nbsp;электронных, физических и&nbsp;других носителях без&nbsp;письменного согласия компании Lil&nbsp;City.
</div>
</div>
</div>

@ -1,5 +1,5 @@
{% if messages %}
<div class="section section_gray section_menu" style="margin-bottom: 20px;">
<div class="section section_gray section_menu" style="margin-bottom: 70px;">
<div class="section__center center center_xs">
{% for message in messages %}
<div class="message message_{{ message.tags }}">{{ message }}</div>

@ -1965,13 +1965,14 @@ a.grey-link
.footer
padding: 50px 0 30px
background: $bg
+t
padding: 30px 0 35px
&__row
display: flex
margin: 0 -10px
margin: 0 -10px 50px
flex-wrap: wrap
&__col
flex: 0 0 25%
&__row_first &__col
&:nth-child(2)
+t
@ -2003,26 +2004,8 @@ a.grey-link
&:nth-child(5)
+t
margin-top: 40px
&__row_second
margin-top: 50px
+t
display: block
width: 60%
margin-top: -50px
+m
width: 100%
margin-top: 30px
&__col
padding: 0 10px
flex: 0 0 16.66%
+t
flex: 0 0 33.33%
+m
flex: 0 0 50%
&_md
flex: 0 0 25%
&_lg
flex: 0 0 75%
&__row_second &__col:nth-child(2)
flex: 1
&__logo
width: 188px
height: 58px
@ -2067,33 +2050,30 @@ a.grey-link
&__links
display: flex
color: #888
&__copyright
margin-right: 20px
+t
margin: 20px 0 0
&__links
+t
display: none
&__links &__link
color: #888
&__divider
margin: 0 10px
&__copyright
margin-top: 50px
font-size: 14px
color: $gray
.subscribe
&__field
margin-bottom: 10px
&__input
width: 100%
margin-top: 10px
&__btn
height: 40px
width: 220px
&__input
height: 39px
width: 220px
padding: 0 10px
font-size: 16px
text-align: center
&__btn
width: 100%
&__content
margin-top: 15px
font-size: 12px
line-height: 1.25
margin-right: 20px
background: $bg
.socials
display: flex

Loading…
Cancel
Save