Переделала футер под адаптив

95628bf9 · Iren · aeb50226 · 95628bf9 · 95628bf9 · 95628bf9
Commit 95628bf9 authored Jan 28, 2019 by Iren
Expand all Show whitespace changes
Inline Side-by-side

Showing with 41 additions and 25 deletions

styles.css css/styles.css +0 -0

styles.css.map css/styles.css.map +0 -0

styles.less css/styles.less +0 -0

index.html index.html +41 -25

No files found.
--- a/css/styles.css
+++ b/css/styles.css
--- a/css/styles.css.map
+++ b/css/styles.css.map
--- a/css/styles.less
+++ b/css/styles.less
--- a/index.html
+++ b/index.html
@@ -12,6 +12,7 @@
    <link rel="stylesheet" href="vendors/fontawesome/web-fonts-with-css/css/fontawesome-all.css" />
 </head>
 <body>
+
 <header>
    <div class="main-container">
        <div class="header-container">
@@ -65,11 +66,11 @@
                        и неограниченными возможностями масштабирования.<br>
                        С помощью MSO вы сможете автоматизировать любой бизнес-процесс.
                    </p>
-                    <!--<button type="button" class="main-btn header-btn">Зарегистрироваться</button>
-                    <button type="button" class="header-btn-background">Узнать больше</button>-->
+
                    <button type="button" class="header-btn">Зарегистрироваться</button>
                    <button type="button" class="header-btn-background header-btn">Узнать больше</button>
                </div>
+
                <div>
                    <video controls="controls" poster="img/video.png">
                        <source src="video/duel.ogv" type='video/ogg; codecs="theora, vorbis"'>
@@ -79,6 +80,7 @@
                        <a href="video/duel.mp4">Скачайте видео</a>.
                    </video>
                </div>
+
            </div>
        </div>
    </div>
@@ -87,6 +89,8 @@
        </div>
    </div>
 </header>
+
+
 <section class="main-container">
    <h2 class="h2-desktop h2-desktop-tittle">Что такое MySmart Office</h2>
    <div class="main-line">
@@ -246,11 +250,12 @@
        <button type="button" class="main-btn main-btn-margin">Узнать больше</button>
    </div>
 </section>
+
 <section class="advertising-background">
    <div class="advertising main-container">
        <div class="advertising-text">
-            <h2 class="h2-desktop">Сокращение затрат
-                <br>на разработку</h2>
+            <h2>Сокращение затрат
+                на разработку</h2>
            <div class="main-line">
            </div>
            <p class="text-h2-desktop">
@@ -272,7 +277,7 @@
            <h2>Масштабируемость</h2>
            <div class="main-line">
            </div>
-            <p>
+            <p class="text-h2-desktop">
                Модульная архитектура MSO позволяет в несколько кликов добавить новые
                инструменты и блоки системы для необходимого расширения функционала.
                Платформа избавляет пользователя от необходимости пользоваться
@@ -305,7 +310,7 @@
            <h2>МСовместная работа</h2>
            <div class="main-line">
            </div>
-            <p>
+            <p  class="text-h2-desktop">
                Модульная архитектура MSO позволяет в несколько кликов добавить новые
                инструменты и блоки системы для необходимого расширения функционала.
                Платформа избавляет пользователя от необходимости пользоваться
@@ -339,7 +344,7 @@
            <h2>AI референт на связи</h2>
            <div class="main-line">
            </div>
-            <p>
+            <p  class="text-h2-desktop">
                Модульная архитектура MSO позволяет в несколько кликов добавить новые
                инструменты и блоки системы для необходимого расширения функционала.
                Платформа избавляет пользователя от необходимости пользоваться
@@ -374,7 +379,7 @@
                для интеграции (Открытое API)</h2>
            <div class="main-line">
            </div>
-            <p>
+            <p  class="text-h2-desktop">
                Модульная архитектура MSO позволяет в несколько кликов добавить новые
                инструменты и блоки системы для необходимого расширения функционала.
                Платформа избавляет пользователя от необходимости пользоваться
@@ -400,6 +405,7 @@
        </div>
    </div>
 </section>
+
 <section class="option main-container">
    <h2>Варианты развертывания</h2>
    <div class="main-line">
@@ -407,7 +413,7 @@
    <div class="option-container">
        <div class="option-card-img">
            <div class="option-card-img-container">
-                <img class="vvv" src="img/option1.png">
+                <img src="img/option1.png">
            </div>
            <h4>Cloud</h4>
            <div class="option-text">
@@ -433,9 +439,10 @@
        </div>
    </div>
 </section>
+
 <section class="protection-background">
    <div class="main-container">
-        <h2 class="h2-desktop h2-desktop-tittle">Защита данных в облаке</h2>
+        <h2 class="h2-desktop">Защита данных в облаке</h2>
        <div class="main-line protection-line">
        </div>
        <p class="text-h2-desktop protection-text-margin">
@@ -444,7 +451,7 @@
            персональной архитектуры и, как следствие, минимизации рисков.
        </p>
        <div class="main-flex">
-            <div class="main-card">
+            <div class="protection-card">
                <div class="protection-img">
                    <img src="img/protection6.png">
                </div>
@@ -455,7 +462,7 @@
                    </p>
                </div>
            </div>
-            <div class="main-card">
+            <div class="protection-card">
                <div class="protection-img">
                    <img src="img/protection2.png">
                </div>
@@ -466,7 +473,7 @@
                    </p>
                </div>
            </div>
-            <div class="main-card">
+            <div class="protection-card">
                <div class="protection-img">
                    <img src="img/protection1.png">
                </div>
@@ -479,7 +486,7 @@
            </div>
        </div>
        <div class="main-flex">
-            <div class="main-card">
+            <div class="protection-card">
                <div class="protection-img">
                    <img src="img/protection3.png">
                </div>
@@ -491,7 +498,7 @@
                    </p>
                </div>
            </div>
-            <div class="main-card">
+            <div class="protection-card">
                <div class="protection-img">
                    <img src="img/protection5.png">
                </div>
@@ -502,7 +509,7 @@
                    </p>
                </div>
            </div>
-            <div class="main-card">
+            <div class="protection-card">
                <div class="protection-img">
                    <img src="img/protection4.png">
                </div>
@@ -515,6 +522,7 @@
        </div>
    </div>
 </section>
+
 <section class="main-container catalog">
    <h2 class="h2-desktop h2-desktop-tittle">Маркетплейс</h2>
    <div class="main-line protection-line">
@@ -650,6 +658,7 @@
    </div>
 </section>

+
 <section class="main-container">
    <h2 class="h2-desktop">Цены</h2>
    <div class="main-line">
@@ -1067,6 +1076,7 @@
        </div>
    </div>
 </section>
+
 <section class="connection">
    <div class="main-container">
        <div class="form-wrapper">
@@ -1074,7 +1084,7 @@
            <div class="form-line">
            </div>
            <p>
-                Свяжитесь с нашим специалистом, чтобы узнать, как быстро
+                Свяжитесь с нашим специалистом, <br>чтобы узнать, как быстро
                и безболезненно для Вашего бизнеса повысить его эффективность!
            </p>
            <form>
@@ -1087,10 +1097,18 @@
        </div>
    </div>
 </section>
+
 <footer>
-    <div class="main-container footer-wrapper">
-        <div class="footer-info">
+    <div class="main-container footer-wrapper-logo">
            <img src="img/logo.png">
+                     <div class="footer-contacts-link">
+                        <a href="">Вход для клиентов</a>
+                    </div>
+        </div>
+
+
+    <div class="main-container footer-wrapper-info">
+        <div class="footer-info">
            <div class="footer-link">
                <a href="">Лицензионное соглашение</a>
            </div>
@@ -1101,9 +1119,6 @@
        </div>
        <div class="footer-contacts">
            <div class="footer-contacts-link">
-                <a href="">Вход для клиентов</a>
-            </div>
-            <div class="footer-contacts-link">
                <a href="tel:+78003332222">+7 000 000 00 00</a>
            </div>
            <div class="footer-contacts-link">
@@ -1119,7 +1134,8 @@
        </div>
    </div>
 </footer>
-<!--<section id="id_about_section">
+<!--
+<section id="id_about_section">
    <div class="section-header">
        <h3>Что такое MySmart Office</h3>
        <p>
@@ -1157,8 +1173,8 @@
            </p>
        </div>
    </div>
-</section>-->
-
+</section>
+-->
 <script src="vendors/jquery/dist/jquery.min.js"></script>
 <script src="vendors/pixlayout/jquery.pixlayout.min.js"></script>
 <script>