From 3a71f94a51e86e07916cac285b7b6803e5c73f5c Mon Sep 17 00:00:00 2001
From: zhegal <zhegal@gmail.com>
Date: Tue, 2 Jan 2018 16:39:40 +0200
Subject: [PATCH] mobile styles and blocks

---
 css/custom.css   | 21 +++++++++++++++++++++
 parts/blog.php   |  4 ++--
 parts/index.php  | 83 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
 parts/index2.php | 31 ++++++++++++++++++++++++++++++-
 parts/index3.php | 89 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----
 parts/index4.php | 46 +++++++++++++++++++++++++++++++++++++++++++++-
 parts/index5.php | 44 +++++++++++++++++++++++++++++++++++++++++++-
 7 files changed, 307 insertions(+), 11 deletions(-)

diff --git a/css/custom.css b/css/custom.css
index 052aec3..747c3fd 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -77,4 +77,25 @@ ul.list-style-none{
     position: absolute;
     bottom: 10px;
     width: 100%;
+}
+
+/****/
+
+.main-car-mobile h1, .main-car-mobile h2 {
+    font-size: 23px;
+}
+.main-car-mobile ul, .main-car-mobile p{
+    font-weight:400!important;
+    font-size: 12px;
+}
+.main-car-mobile ul li{
+    margin-bottom: 5px;
+}
+
+@media(max-width:365px){
+    li.previous, li.next {font-size:3.5vw;}
+}
+@media(max-width:350px){
+    section .container h2.text-uppercase, .big-text{font-size: 9vw;}
+    .big-text-2{font-size: 7vw;}
 }
\ No newline at end of file
diff --git a/parts/blog.php b/parts/blog.php
index 90a1aaa..91bcd14 100644
--- a/parts/blog.php
+++ b/parts/blog.php
@@ -61,7 +61,7 @@ _________________________________________________________ -->
                     <div class="col-md-9" id="blog-listing-big">
 
                         <section class="post">
-                            <h2><a href="blog-post.html">Девушка с веснушками Ольга</a></h2>
+                            <h2 class="big-text-2"><a href="blog-post.html">Девушка с веснушками Ольга</a></h2>
                             <div class="row">
                                 <div class="col-sm-6">
                                     <p class="author-category">By <a href="blog.html#">Николас</a> in <a href="blog.html">NicolasBW</a>
@@ -86,7 +86,7 @@ _________________________________________________________ -->
 
 
                         <section class="post">
-                            <h2><a href="blog-post.html">Как я фотографировал свою дочку</a></h2>
+                            <h2 class="big-text-2"><a href="blog-post.html">Как я фотографировал свою дочку</a></h2>
                             <div class="row">
                                 <div class="col-sm-6">
                                     <p class="author-category">By <a href="blog.html#">Николас</a> in <a href="blog.html">NicolasBW</a>
diff --git a/parts/index.php b/parts/index.php
index 7142a04..3f072de 100644
--- a/parts/index.php
+++ b/parts/index.php
@@ -34,7 +34,86 @@ _________________________________________________________ -->
 
         <!-- *** LOGIN MODAL END *** -->
 
-        <section>
+        <section class="hidden-lg hidden-md main-car-mobile">
+            <div class="home-carousel">
+
+                <div class="dark-mask"></div>
+
+                <div class="container">
+                    <div class="homepage owl-carousel">
+                        <div class="item">
+                            <div class="row">
+                                <div class="col-sm-6 right">
+                                    <h1>ВАШ ФУНКЦИОНАЛЬНЫЙ САЙТ-ВИЗИТКА</h1>
+                                    <p>Идеальный вариант для бизнеса, агентства, сайта услуг, портфолио, блога.</p>
+                                    <p style="margin-top:25px;"> </p>
+                                    <p><a href="#" class="btn btn-template-transparent-primary modal-link" data-title="Заказать" data-form="artboxcore-modal">Заказать такой сайт</a></p>
+                                </div>
+                                <div class="col-sm-6">
+                                    <img class="img-responsive" src="img/main1.png" alt="">
+                                </div>
+                            </div>
+                        </div>
+                        <div class="item">
+                            <div class="row">
+
+                                <div class="col-sm-5">
+                                    <h2>ТОЛЬКО САМЫЕ НУЖНЫЕ СТРАНИЦЫ</h2>
+                                    <ul class="list-style-none">
+                                        <li>Презентационная главная</li>
+                                        <li>Редактируемые текстовые страницы</li>
+                                        <li>Контакты с интеграцией  Google maps</li>
+                                        <li>Галерея фото</li>
+                                        <li>Блог с облаком тегов, портфолио и команда</li>
+                                    </ul>
+                                    <p style="margin-top:25px;"> </p>
+                                    <p><a href="#" class="btn btn-template-transparent-primary modal-link" data-title="Заказать" data-form="artboxcore-modal">Заказать такой сайт</a></p>
+                                </div>
+
+                                <div class="col-sm-7 text-center">
+                                    <img class="img-responsive" src="img/main2.png" alt="">
+                                </div>
+
+                            </div>
+                        </div>
+                        <div class="item">
+                            <div class="row">
+                                <div class="col-sm-6 right">
+                                    <h1>МУЛЬТИМЕДИЙНЫЙ ШАБЛОН</h1>
+                                    <ul class="list-style-none">
+                                        <li>Персональный подбор темы</li>
+                                        <li>Лаконичное оформление</li>
+                                        <li>Ваши корпоративные цвета</li>
+                                        <li>Легко настраиваемый шрифт</li>
+                                    </ul>
+                                    <p style="margin-top:25px;"> </p>
+                                    <p><a href="#" class="btn btn-template-transparent-primary modal-link" data-title="Заказать" data-form="artboxcore-modal">Заказать такой сайт</a></p>
+                                </div>
+                                <div class="col-sm-6">
+                                    <img class="img-responsive" src="img/template-abcore.png" alt="">
+                                </div>
+                            </div>
+                        </div>
+                        <div class="item">
+                            <div class="row">
+                                <div class="col-sm-5">
+                                    <h1>ВСТРОЕННЫЙ SEO-МОДУЛЬ</h1>
+                                    <p>Вы получаете полностью готовый сайт для дальнейшего SEO-продвижения, технологически отвечающий всем требованиям Google.</p>
+                                </div>
+                                <p style="margin-top:25px;"> </p>
+                                <p><a href="#" class="btn btn-template-transparent-primary modal-link" data-title="Заказать" data-form="artboxcore-modal">Заказать такой сайт</a></p>
+                            </div>
+                            <div class="col-sm-7">
+                                <img class="img-responsive" src="img/template-easy-code.png" alt="">
+                            </div>
+                        </div>
+                    </div>
+                    <!-- /.project owl-slider -->
+                </div>
+            </div>
+        </section>
+
+        <section class="hidden-xs hidden-sm">
             <!-- *** HOMEPAGE CAROUSEL ***
  _________________________________________________________ -->
 
@@ -191,7 +270,7 @@ _________________________________________________________ -->
                 <div class="row">
                     <div class="col-md-12">
                         <div class="heading text-center">
-                            <h2>Отзывы ваших клиентов</h2>
+                            <h2 class="big-text">Отзывы ваших клиентов</h2>
                         </div>
 
                         <!--<p class="lead">We have worked with many clients and we always like to hear they come out from the cooperation happy and satisfied. Have a look what our clients said about us.</p>-->
diff --git a/parts/index2.php b/parts/index2.php
index 21f65e7..161a3f4 100644
--- a/parts/index2.php
+++ b/parts/index2.php
@@ -34,7 +34,36 @@ _________________________________________________________ -->
 
         <!-- *** LOGIN MODAL END *** -->
 
-        <section class="no-mb">
+        <section class="hidden-lg hidden-md main-car-mobile no-mb">
+            <div class="jumbotron">
+
+                <div class="dark-mask"></div>
+
+                <div class="container">
+                    <div class="row mb-small">
+                        <div class="col-sm-12 text-center">
+                            <h1>Облачные хранилища</h1>
+                            <h2>Сервер в облаке — ваше персональное хранилище для бизнеса.</h2>
+                        </div>
+                    </div>
+
+                    <div class="row">
+                        <div class="col-sm-6 mb-small">
+                            <img class="img-responsive" src="img/comp12.png" alt="">
+                        </div>
+
+                        <div class="col-sm-6 text-center-xs">
+                            <p class="text-uppercase">Быстрая синхронизация, Многофункциональность, Удаленный доступ с любой точки Земли.</p>
+                            <p>И еще много предложений. Оставьте заявку, чтобы узнать все возможности.</p>
+                            <p><a href="index2.html#packages" class="scroll-to btn btn-template-transparent-black">Заказать</a>
+                            </p>
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <section class="no-mb hidden-xs hidden-sm">
             <!-- *** JUMBOTRON ***
  _________________________________________________________ -->
 
diff --git a/parts/index3.php b/parts/index3.php
index 22c2ceb..88ca97e 100644
--- a/parts/index3.php
+++ b/parts/index3.php
@@ -34,7 +34,88 @@ _________________________________________________________ -->
 
         <!-- *** LOGIN MODAL END *** -->
 
-        <section>
+        <section class="hidden-lg hidden-md main-car-mobile">
+            <div class="home-carousel">
+
+                <div class="dark-mask"></div>
+
+                <div class="container">
+                    <div class="homepage owl-carousel">
+                        <div class="item">
+                            <div class="row">
+                                <div class="col-sm-6 right">
+                                    <h2>“COLORFUL MIND” —<br/> ВАШ ПОМОЩНИК<br/> ПО РАЗВИТИЮ КРЕАТИВНОСТИ</h2>
+                                    <p>ТЕПЕРЬ ВЫ ВСЕГДА НАЙДЕТЕ ВДОХНОВЕНИЕ.</p>
+                                    <p style="font-size:14px;font-weight: 300;text-transform: inherit;">Мы хотим научить вас видеть особенное в обыденном. Приложение “Colorful Mind” вдохновит рисовать картины, писать книги, сочинять стихи, замечать детали, быстро генерировать идеи. Момент вдохновения похож на вспышку, и теперь вы будете видеть ее везде.</p>
+                                    <p style="margin-top:25px;"> </p>
+                                    <p><a href="#" class="btn btn-template-transparent-primary modal-link" data-title="Заказать" data-form="artboxcore-modal">Заказать такой сайт</a></p>
+                                </div>
+                                <div class="col-sm-6">
+                                    <img class="img-responsive" src="img/startup1.png" alt="">
+                                </div>
+                            </div>
+                        </div>
+                        <div class="item">
+                            <div class="row">
+
+                                <div class="col-sm-8">
+                                    <h2>ВОЗМОЖНОСТИ ПРИЛОЖЕНИЯ “COLORFUL MIND”</h2>
+                                    <ul class="list-style-none">
+                                        <li style="font-size:14px;">Подбор цвета дня на основе быстрого теста вашего настроения.</li>
+                                        <li style="font-size:14px;">Веселые и интересные истории из жизни великих художников, музыкантов, писателей, танцоров</li>
+                                        <li style="font-size:14px;">Более 1000 тестов по развитию креатива</li>
+                                        <li style="font-size:14px;">Возможность поиска вдохновения: подборка музыки, изображений, вопросов, цитат </li>
+                                        <li style="font-size:14px;">Составляйте дневник успехов + идей</li>
+                                    </ul>
+                                    <p style="margin-top:25px;"> </p>
+                                    <p><a href="#" class="btn btn-template-transparent-primary modal-link" data-title="Заказать" data-form="artboxcore-modal">Заказать такой сайт</a></p>
+                                </div>
+
+                                <div class="col-sm-4 text-center">
+                                    <img class="img-responsive" src="img/cmind.png" alt="">
+                                </div>
+
+                            </div>
+                        </div>
+                        <div class="item">
+                            <div class="row">
+                                <div class="col-sm-6 right">
+                                    <h1>ДИЗАЙН ПРИЛОЖЕНИЯ</h1>
+                                    <ul class="list-style-none">
+                                        <li>Минималистичный и простой дизайн. <br/>Понятный интерфейс. <br/>Яркая мультимедиа. </li>
+                                    </ul>
+                                    <p style="margin-top:25px;"> </p>
+                                    <p><a href="#" class="btn btn-template-transparent-primary modal-link" data-title="Заказать" data-form="artboxcore-modal">Заказать такой сайт</a></p>
+                                </div>
+                                <div class="col-sm-6">
+                                    <img class="img-responsive" src="img/design2.png" alt="">
+                                </div>
+                            </div>
+                        </div>
+                        <div class="item">
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <h1>КАК ЭТО РАБОТАЕТ</h1>
+                                    <ul class="list-style-none">
+                                        <li>Храните понравившуюся информацию с “Colorful Mind”.</li>
+                                        <li>Развивайте креатив самостоятельно или взаимодействуйте с другими пользователями.</li>
+                                        <li>Играйте в режиме дуэли.</li>
+                                        <li>Начните искать свое вдохновение уже сейчас!</li>
+                                    </ul>
+                                    <p style="margin-top:25px;"> </p>
+                                    <p><a href="#" class="btn btn-template-transparent-primary modal-link" data-title="Заказать" data-form="artboxcore-modal">Заказать такой сайт</a></p>
+                                </div>
+                                <div class="col-sm-6">
+                                    <img class="img-responsive" src="img/phones3.png" alt="">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- /.project owl-slider -->
+                </div>
+            </div>
+        </section>
+        <section class="hidden-xs hidden-sm">
             <!-- *** HOMEPAGE CAROUSEL ***
  _________________________________________________________ -->
 
@@ -227,7 +308,7 @@ _________________________________________________________ -->
                     <div class="col-md-12">
                         <div class="icon icon-lg"><i class="fa fa-file-code-o"></i>
                         </div>
-                        <h1>НУЖНО ПОВЫСИТЬ КРЕАТИВНОСТЬ?</h1>
+                        <h1 class="big-text">НУЖНО ПОВЫСИТЬ КРЕАТИВНОСТЬ?</h1>
                         <p class="lead">Не позволяйте себе терять время. Ищите вдохновение и делитесь им с друзьями. Приложение доступно в Google Play, App Store, Microsoft.</p>
                         <p class="text-center">
                             <a href="index.html" class="btn btn-template-transparent-black btn-lg modal-link" data-title="Заказать" data-form="artboxcore-modal">Скачать</a>
@@ -274,7 +355,7 @@ _________________________________________________________ -->
                 <div class="row">
                     <div class="col-md-12">
                         <div class="heading text-center">
-                            <h2>Отзывы</h2>
+                            <h2 class="big-text">Отзывы</h2>
                         </div>
 
                         <p class="lead">Немного впечатлений от наших пользователей</p>
@@ -366,7 +447,7 @@ _________________________________________________________ -->
 
                 <div class="col-md-12">
                     <div class="heading text-center">
-                        <h2>ЧИТАЙТЕ НАШ БЛОГ</h2>
+                        <h2 class="big-text">ЧИТАЙТЕ НАШ БЛОГ</h2>
                     </div>
 
                     <p class="lead">У всех есть свои секреты. И мы делимся ими с вами. Только действительно полезные советы и обзоры. Узнайте больше как повысить свою креативность и найти вдохновение. <a href="blog.html"><span class="accent">В блог.</span></a>
diff --git a/parts/index4.php b/parts/index4.php
index b1693c2..28e3bbd 100644
--- a/parts/index4.php
+++ b/parts/index4.php
@@ -34,7 +34,51 @@ _________________________________________________________ -->
 
         <!-- *** LOGIN MODAL END *** -->
 
-        <section>
+        <section class="hidden-lg hidden-md main-car-mobile">
+            <div class="home-carousel">
+
+                <div class="dark-mask"></div>
+
+                <div class="container">
+                    <div class="homepage owl-carousel">
+                        <div class="item">
+                            <div class="row">
+                                <div class="col-sm-5 right">
+                                    <h1>ПУТЕШЕСТВИЯ В ЛЮБУЮ ТОЧКУ ПЛАНЕТЫ</h1>
+                                    <p>Личный подбор маршрута. Планирование поездки. Бронь билетов. Страховка.</p>
+                                    <p style="margin-top:25px;"> </p>
+                                    <p><a href="#" class="btn btn-template-transparent-primary modal-link" data-title="Заказать" data-form="artboxcore-modal">Оставить заявку</a></p>
+                                </div>
+                                <div class="col-sm-7">
+                                    <img class="img-responsive" src="img/phones1.png" alt="">
+                                </div>
+                            </div>
+                        </div>
+                        <div class="item">
+                            <div class="row">
+
+                                <div class="col-sm-5">
+                                    <h2>ЗАКАЗ ПОЕЗДКИ ОНЛАЙН</h2>
+                                    <ul class="list-style-none">
+                                        <li>Оставляйте заявку и наши менеджеры с вами свяжутся в ближайшее время.</li>
+                                    </ul>
+                                    <p style="margin-top:25px;"> </p>
+                                    <p><a href="#" class="btn btn-template-transparent-primary modal-link" data-title="Заказать" data-form="artboxcore-modal">Оставить заявку</a></p>
+                                </div>
+
+                                <div class="col-sm-7 text-center">
+                                    <img class="img-responsive" src="img/phones2.png" alt="">
+                                </div>
+
+                            </div>
+                        </div>
+
+                    </div>
+                    <!-- /.project owl-slider -->
+                </div>
+            </div>
+        </section>
+        <section class="hidden-xs hidden-sm">
             <!-- *** HOMEPAGE CAROUSEL ***
  _________________________________________________________ -->
 
diff --git a/parts/index5.php b/parts/index5.php
index e6357aa..906cf95 100644
--- a/parts/index5.php
+++ b/parts/index5.php
@@ -33,8 +33,50 @@ _________________________________________________________ -->
         </div>
 
         <!-- *** LOGIN MODAL END *** -->
+        <section class="hidden-lg hidden-md main-car-mobile">
+            <div class="home-carousel">
+
+                <div class="dark-mask"></div>
+
+                <div class="container">
+                    <div class="homepage owl-carousel">
+                        <div class="item">
+                            <div class="row">
+                                <div class="col-sm-4">
+                                    <img class="img-responsive" src="img/ph_gal_01.png" alt="">
+                                </div>
+                                <div class="col-sm-8 right">
+                                    <h1>ПОРТФОЛИО ФОТОГРАФА НИКОЛАСА</h1>
+                                    <p>Рады видеть вас в портфолио портретного фото-художника Николаса. Его работы завораживают тем, насколько тонко он чувствует своих моделей. Мягкие полутени, выразительность взгляда, черно-белая фотография настоящего профессионала своего дела.</p>
+                                    <p style="margin-top:25px;"> </p>
+                                    <p><a href="#" class="btn btn-template-transparent-primary modal-link" data-title="Заказать" data-form="artboxcore-modal">Заказать съёмку</a></p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="item">
+                            <div class="row">
 
-        <section>
+
+                                <div class="col-sm-4 text-center">
+                                    <img class="img-responsive" src="img/ph_gal_02.png" alt="">
+                                </div>
+                                <div class="col-sm-8">
+                                    <h2>БОЛЕЕ 600 ФОТО-РАБОТ</h2>
+                                    <ul class="list-style-none">
+                                        <li>Портретные снимки детей, женщин и мужчин любого возраста. Складывается ощущение, что Николас знаком с каждым уже много лет.</li>
+                                    </ul>
+                                    <p style="margin-top:25px;"> </p>
+                                    <p><a href="#" class="btn btn-template-transparent-primary modal-link" data-title="Заказать" data-form="artboxcore-modal">Заказать съёмку</a></p>
+                                </div>
+
+                            </div>
+                        </div>
+                    </div>
+                    <!-- /.project owl-slider -->
+                </div>
+            </div>
+        </section>
+        <section class="hidden-xs hidden-sm">
             <!-- *** HOMEPAGE CAROUSEL ***
  _________________________________________________________ -->
 
--
libgit2 0.21.4