Update about block

project/templates/blocks/about.html

@@ -1,43 +1,46 @@
 {% load static %}
-<div class="section">
+<div class="section section_school">
   <div class="section__center center">
-    <div class="text text_lg">
-      <p>Каждый день, с понедельника по пятницу в 17:00 по московскому времени мы встречаемся в прямом эфире. </p>
-      <p>Пять предметов на каждый день: Персонаж, Развитие креативного мышления, Акварель, Пластилиновая живопись и История
-        искусств. </p>
+    <div class="title title_center">Lil City School</div>
+    <div class="text text_only_curve">
       <img class="text__curve text__curve_one" src="{% static 'img/curve-1.svg' %}" width="320">
     </div>
-    <a id="about" name="about">
-      <div class="title title_center">О школе</div>
-    </a>
-    <div class="about">
-      <div class="about__ava ava">
-        <img class="ava__pic" src="{% static 'img/user.jpg' %}">
+    <div class="school">
+      <div class="school__col">
+        <div class="school__preview">
+          <svg class="icon icon-online">
+            <use xlink:href="{% static 'img/sprite.svg' %}#icon-online"></use>
+          </svg>
+        </div>
+        <div class="school__title">Прямой эфир</div>
+        <div class="school__text">С понедельника по&nbsp;пятницу кроме выходных</div>
       </div>
-      <div class="about__wrap">
-        <div class="about__content">
-          <p>С раннего возраста мы стремимся развить в детях креативность, умение думать и анализировать, работать в смешанных
-            техниках и всевозможными материалами. Каждый урок интересный и уникальный.</p>
-          <p>Для раскрытия творческого потенциала создаем благоприятные условия которые вдохновляют к развитию. Наша школа создает
-            необходимую среду, в которой маленькое семечко способностей и желания рисовать вырастет в могучее дерево безграничного
-            потенциала.
-          </p>
-          <p>Наши ученики становяться осознанными, уверенными и творческий личностями, способные решать сложные задачи благодаря
-            воображению.
-          </p>
+      <div class="school__col">
+        <div class="school__preview">
+          <svg class="icon icon-everyday">
+            <use xlink:href="{% static 'img/sprite.svg' %}#icon-everyday"></use>
+          </svg>
         </div>
-        <div class="about__ceo">- Sasha Kru, CEO и основатель
-          <a href='#'>Lil.City</a>
+        <div class="school__title">Ежедневно в 17:00</div>
+        <div class="school__text">По московскому времени</div>
+      </div>
+      <div class="school__col">
+        <div class="school__preview">
+          <svg class="icon icon-subjects">
+            <use xlink:href="{% static 'img/sprite.svg' %}#icon-subjects"></use>
+          </svg>
         </div>
-        <a class="about__video video" href="#">
-          <img class="video__pic" src="{% static 'img/video-1.jpg' %}">
-          <svg class="icon icon-play">
-            <use xlink:href="{% static 'img/sprite.svg' %}#icon-play"></use>
+        <div class="school__title">7 предметов</div>
+        <div class="school__text">на каждый день</div>
+      </div>
+      <div class="school__col">
+        <div class="school__preview">
+          <svg class="icon icon-view">
+            <use xlink:href="{% static 'img/sprite.svg' %}#icon-view"></use>
           </svg>
-        </a>
-        <div class="about__more">Другие видео смотрите на нашем
-          <a href='#'>канале</a>
         </div>
+        <div class="school__title">Посмотреть</div>
+        <div class="school__text">пропущенные дни</div>
       </div>
     </div>
   </div>