From 4f0206099ff58e35c2178d8e2f07dd2d97dea6a8 Mon Sep 17 00:00:00 2001
From: Веталь <icemate.job@gmail.com>
Date: Fri, 20 May 2016 12:28:10 +0300
Subject: [PATCH] Веталь

---
 frontend/views/site/index.php | 51 +++++++++++++++++++++++++++------------------------
 frontend/web/css/style.css    | 33 +++++++++++++++++++++++----------
 2 files changed, 50 insertions(+), 34 deletions(-)

diff --git a/frontend/views/site/index.php b/frontend/views/site/index.php
index 6bb6774..aa141f8 100755
--- a/frontend/views/site/index.php
+++ b/frontend/views/site/index.php
@@ -36,31 +36,34 @@ echo '</div>'
 <?= \common\modules\product\widgets\specialProducts::widget(['type' => 'top'])?>
 <?= \common\modules\product\widgets\lastProducts::widget()?>
 
+<div class="why_me_">
+    <h2 class="why"><span>Почему</span></h2>
+    <ul class="why_list">
+        <li class="item1">
+            <span>Только брендовые товары.</span> Мы не торгуем подделками — только проверенное качество.
+        </li>
+        <li class="item2">
+            <span>Скидки постоянным клиентам.</span> Постоянные клиенты получают гарантированную скидку
+            на неакционные товары.
+        </li>
+        <li class="item3">
+            <span>Удобная оплата</span>: наличными курьеру или же банковский перевод.
+        </li>
+        <li class="item4">
+            <span>Квалифицированные менеджеры</span> всегда рады помочь с выбором и консультацией.
+        </li>
+        <li class="item5">
+            <span>100% гарантия возврата.</span> Если товар не подойдет,
+            мы вернем деньги.
+        </li>
+        <li class="item6">
+            <span>Отслеживание статуса заказа и доставки.</span>
+        </li>
+    </ul>
+    <div class="both"></div>
+</div>
+
 
-<h2 class="why"><span>Почему</span></h2>
-<ul class="why_list">
-    <li class="item1">
-        <span>Только брендовые товары.</span> Мы не торгуем подделками — только проверенное качество.
-    </li>
-    <li class="item2">
-        <span>Скидки постоянным клиентам.</span> Постоянные клиенты получают гарантированную скидку
-        на неакционные товары.
-    </li>
-    <li class="item3">
-        <span>Удобная оплата</span>: наличными курьеру или же банковский перевод.
-    </li>
-    <li class="item4">
-        <span>Квалифицированные менеджеры</span> всегда рады помочь с выбором и консультацией.
-    </li>
-    <li class="item5">
-        <span>100% гарантия возврата.</span> Если товар не подойдет,
-        мы вернем деньги.
-    </li>
-    <li class="item6">
-        <span>Отслеживание статуса заказа и доставки.</span>
-    </li>
-</ul>
-<div class="both"></div>
 
 <?=BannerWidget::widget(['title' => 'HOME_CENTER']);?>
 
diff --git a/frontend/web/css/style.css b/frontend/web/css/style.css
index 4b80be8..687f977 100755
--- a/frontend/web/css/style.css
+++ b/frontend/web/css/style.css
@@ -91,7 +91,7 @@ a.myorders{color:#f75d50}
 .sub{margin:2px 0px 0px 0px;}
 .sub img{float:left;margin-right:2px;}
 
-.rubrics{margin:60px 0 0 0;padding-bottom:10px;}
+.rubrics{margin:60px 0 0 0;padding-bottom:27px;}
 .rubrics ul{list-style:none;margin:0px;padding:0px;}
 .rubrics ul li{float:left;margin:0px 35px;}
 .rubrics ul li a{float:left;width:120px;padding-top:130px;text-align:center;text-transform: uppercase;color:#494949;text-decoration:none;font-weight:bold;}
@@ -102,7 +102,10 @@ a.myorders{color:#f75d50}
 .rubrics ul li.item_koshelki a{background:url('../img/ico5.png') no-repeat;}
 
 
-.products{border-top:1px solid #d2d2d2;padding-bottom:30px;padding-top:20px;}
+.products{padding-bottom:30px;padding-top:20px;}
+.why_me_, .products {
+    border-top: 1px solid #d2d2d2;
+}
 .products ul{list-style:none;margin:0px;padding:0px;}
 .products ul li.item{float:left;width:160px;margin:0px 35px 15px;text-align:center;position:relative;}
 .products ul li a.name{display:block;color:#494949;text-decoration:none;margin:15px 0px;height:30px;text-transform: uppercase;}
@@ -125,14 +128,14 @@ h2.why{width:213px;height:49px;background:url('../img/logo-why.png') no-repeat;m
 h2.why span{display:none;}
 
 ul.why_list{list-style:none;margin:0px;padding:0px;}
-ul.why_list li{float:left;width:180px;margin-right:30px;}
+ul.why_list li{float:left;margin-right:30px; width: 288px; height:96px;box-sizing: border-box;padding-left: 110px;}
 ul.why_list li span{font-weight:bold;color:#799920;}
-ul.why_list li.item1{background:url('../img/why_item1.png') left no-repeat;padding:36px 0px 20px 110px;}
-ul.why_list li.item2{background:url('../img/why_item2.png') left no-repeat;padding:20px 0px 20px 110px;}
-ul.why_list li.item3{background:url('../img/why_item3.png') left no-repeat;padding:40px 0px 40px 110px;}
-ul.why_list li.item4{background:url('../img/why_item4.png') left no-repeat;padding:20px 0px 20px 110px;}
-ul.why_list li.item5{background:url('../img/why_item5.png') left no-repeat;padding:30px 0px 30px 110px;}
-ul.why_list li.item6{background:url('../img/why_item6.png') left no-repeat;padding:40px 0px 40px 110px;}
+ul.why_list li.item1{background:url('../img/why_item1.png') left no-repeat;}
+ul.why_list li.item2{background:url('../img/why_item2.png') left no-repeat;}
+ul.why_list li.item3{background:url('../img/why_item3.png') left no-repeat;}
+ul.why_list li.item4{background:url('../img/why_item4.png') left no-repeat;}
+ul.why_list li.item5{background:url('../img/why_item5.png') left no-repeat;}
+ul.why_list li.item6{background:url('../img/why_item6.png') left no-repeat;}
 
 .banner_akciya{margin:50px 0px;}
 
@@ -858,4 +861,14 @@ a.active{font-weight:bold;text-decoration: underline;}
 #HOME_SLIDER .jssorb03 div.av:hover, #HOME_SLIDER .jssorb03 div.av:active {
     cursor: default;
     background: none;
-}
\ No newline at end of file
+}
+.special-products {
+    padding-top: 30px;
+}
+.special-products .link_buy {
+    margin-bottom: 0;
+}
+.special-products .item {
+    margin-bottom: 0 !important;
+}
+.why_me_ {padding-top: 30px;}
\ No newline at end of file
--
libgit2 0.21.4