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

@ -1,5 +1,5 @@
{% if messages %} {% 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"> <div class="section__center center center_xs">
{% for message in messages %} {% for message in messages %}
<div class="message message_{{ message.tags }}">{{ message }}</div> <div class="message message_{{ message.tags }}">{{ message }}</div>

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

Loading…
Cancel
Save