diff --git a/project/templates/blocks/students.html b/project/templates/blocks/students.html new file mode 100644 index 00000000..21705637 --- /dev/null +++ b/project/templates/blocks/students.html @@ -0,0 +1,30 @@ +
+
+
+
+
Наши ученики – многократные призеры международных конкурсов
+
+
+
+

Креативное мышление необходимо всем: дизайнерам, математикам, инженерам, предпринимателям и врачам.

+
+
+
+
+
+
+
+
+
+ Лил Скул для меня это место, где Солнце может быть синего цвета +
+
Злата Пыльцина, 7 лет. Город Волгоград.
+
+ +
+
+
diff --git a/project/templates/lilcity/home.html b/project/templates/lilcity/home.html index 6f3e7d34..47691b84 100644 --- a/project/templates/lilcity/home.html +++ b/project/templates/lilcity/home.html @@ -16,6 +16,7 @@ {% include "templates/blocks/about.html" %} {% include "templates/blocks/video.html" %} {% include "templates/blocks/counters.html" %} + {% include "templates/blocks/students.html" %} {% include "templates/blocks/reviews.html" %} {% include "templates/blocks/online_school.html" %} {% include "templates/blocks/teachers.html" %} diff --git a/web/src/img/zlata.png b/web/src/img/zlata.png new file mode 100644 index 00000000..7839448a Binary files /dev/null and b/web/src/img/zlata.png differ diff --git a/web/src/sass/_common.sass b/web/src/sass/_common.sass index e49cb0bf..1aaf1dd7 100755 --- a/web/src/sass/_common.sass +++ b/web/src/sass/_common.sass @@ -960,6 +960,42 @@ a[name] padding: 50px 0 +t padding: 40px 0 + + &__column + flex: 50% + + &_img + background-position: bottom center + background-size: contain + background-repeat: no-repeat + + &_text + padding-right: 20px + + & .text + font-size: 20px + + &__title + font-size: 30px + margin-bottom: 40px + font-family: 'ProximaNova-Bold', sans-serif + + &__buttons + margin-bottom: 45px + + +m + text-align: center + margin-bottom: 10px + + & .btn + width: 200px + margin-bottom: 15px + margin-right: 10px + + & .btn + border-radius: 10px + box-shadow: 0 11px 20px 0 rgba(0, 0, 0, 0.1) + &_gray background: $bg &_pink-light @@ -978,6 +1014,7 @@ a[name] transform: translateX(-50%) +t max-width: calc(100% - 30px) + &_gradient background-image: linear-gradient(-225deg, $bg 0%, #FFF2F2 100%) &_tabs @@ -1046,9 +1083,9 @@ a[name] +m flex-direction: column-reverse - &_about &__column-img - background-image: url(/static/img/girl-umbrela.png); - background-position: 40% bottom; + &_about &__column_img + background-image: url(/static/img/girl-umbrela.png) + background-position: 40% bottom +m flex: 0 0 300px @@ -1068,41 +1105,6 @@ a[name] +m text-align: left - &__column - flex: 50% - - &_img - background-position: bottom center - background-size: contain - background-repeat: no-repeat - - &_text - padding-right: 20px - - & .text - font-size: 20px - - &__title - font-size: 30px - margin-bottom: 40px - font-family: 'ProximaNova-Bold', sans-serif - - &__buttons - margin-bottom: 45px - - +m - text-align: center - margin-bottom: 10px - - & .btn - width: 200px - margin-bottom: 15px - margin-right: 10px - - & .btn - border-radius: 10px - box-shadow: 0 11px 20px 0 rgba(0, 0, 0, 0.1) - &_counters .text_only_curve margin-bottom: 0 @@ -1111,6 +1113,24 @@ a[name] left: -10px bottom: -125px + &_students + padding-bottom: 0 + + &_students &__column_img + background-image: url(/static/img/zlata.png) + height: 400px + background-position: bottom center + + &__quote + font-size: 18px + margin: 0 0 60px + + & &-text + margin-bottom: 20px + + & &-name + text-decoration: underline + .reviews-section background: linear-gradient(to bottom, rgba(248,248,248,1) 0%, rgba(254,244,244,1) 100%)