Commit 4f0206099ff58e35c2178d8e2f07dd2d97dea6a8

Authored by Виталий
1 parent d7e712be

Веталь

Showing 2 changed files with 50 additions and 34 deletions   Show diff stats
frontend/views/site/index.php
@@ -36,31 +36,34 @@ echo '</div>' @@ -36,31 +36,34 @@ echo '</div>'
36 <?= \common\modules\product\widgets\specialProducts::widget(['type' => 'top'])?> 36 <?= \common\modules\product\widgets\specialProducts::widget(['type' => 'top'])?>
37 <?= \common\modules\product\widgets\lastProducts::widget()?> 37 <?= \common\modules\product\widgets\lastProducts::widget()?>
38 38
  39 +<div class="why_me_">
  40 + <h2 class="why"><span>Почему</span></h2>
  41 + <ul class="why_list">
  42 + <li class="item1">
  43 + <span>Только брендовые товары.</span> Мы не торгуем подделками — только проверенное качество.
  44 + </li>
  45 + <li class="item2">
  46 + <span>Скидки постоянным клиентам.</span> Постоянные клиенты получают гарантированную скидку
  47 + на неакционные товары.
  48 + </li>
  49 + <li class="item3">
  50 + <span>Удобная оплата</span>: наличными курьеру или же банковский перевод.
  51 + </li>
  52 + <li class="item4">
  53 + <span>Квалифицированные менеджеры</span> всегда рады помочь с выбором и консультацией.
  54 + </li>
  55 + <li class="item5">
  56 + <span>100% гарантия возврата.</span> Если товар не подойдет,
  57 + мы вернем деньги.
  58 + </li>
  59 + <li class="item6">
  60 + <span>Отслеживание статуса заказа и доставки.</span>
  61 + </li>
  62 + </ul>
  63 + <div class="both"></div>
  64 +</div>
  65 +
39 66
40 -<h2 class="why"><span>Почему</span></h2>  
41 -<ul class="why_list">  
42 - <li class="item1">  
43 - <span>Только брендовые товары.</span> Мы не торгуем подделками — только проверенное качество.  
44 - </li>  
45 - <li class="item2">  
46 - <span>Скидки постоянным клиентам.</span> Постоянные клиенты получают гарантированную скидку  
47 - на неакционные товары.  
48 - </li>  
49 - <li class="item3">  
50 - <span>Удобная оплата</span>: наличными курьеру или же банковский перевод.  
51 - </li>  
52 - <li class="item4">  
53 - <span>Квалифицированные менеджеры</span> всегда рады помочь с выбором и консультацией.  
54 - </li>  
55 - <li class="item5">  
56 - <span>100% гарантия возврата.</span> Если товар не подойдет,  
57 - мы вернем деньги.  
58 - </li>  
59 - <li class="item6">  
60 - <span>Отслеживание статуса заказа и доставки.</span>  
61 - </li>  
62 -</ul>  
63 -<div class="both"></div>  
64 67
65 <?=BannerWidget::widget(['title' => 'HOME_CENTER']);?> 68 <?=BannerWidget::widget(['title' => 'HOME_CENTER']);?>
66 69
frontend/web/css/style.css
@@ -91,7 +91,7 @@ a.myorders{color:#f75d50} @@ -91,7 +91,7 @@ a.myorders{color:#f75d50}
91 .sub{margin:2px 0px 0px 0px;} 91 .sub{margin:2px 0px 0px 0px;}
92 .sub img{float:left;margin-right:2px;} 92 .sub img{float:left;margin-right:2px;}
93 93
94 -.rubrics{margin:60px 0 0 0;padding-bottom:10px;} 94 +.rubrics{margin:60px 0 0 0;padding-bottom:27px;}
95 .rubrics ul{list-style:none;margin:0px;padding:0px;} 95 .rubrics ul{list-style:none;margin:0px;padding:0px;}
96 .rubrics ul li{float:left;margin:0px 35px;} 96 .rubrics ul li{float:left;margin:0px 35px;}
97 .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;} 97 .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} @@ -102,7 +102,10 @@ a.myorders{color:#f75d50}
102 .rubrics ul li.item_koshelki a{background:url('../img/ico5.png') no-repeat;} 102 .rubrics ul li.item_koshelki a{background:url('../img/ico5.png') no-repeat;}
103 103
104 104
105 -.products{border-top:1px solid #d2d2d2;padding-bottom:30px;padding-top:20px;} 105 +.products{padding-bottom:30px;padding-top:20px;}
  106 +.why_me_, .products {
  107 + border-top: 1px solid #d2d2d2;
  108 +}
106 .products ul{list-style:none;margin:0px;padding:0px;} 109 .products ul{list-style:none;margin:0px;padding:0px;}
107 .products ul li.item{float:left;width:160px;margin:0px 35px 15px;text-align:center;position:relative;} 110 .products ul li.item{float:left;width:160px;margin:0px 35px 15px;text-align:center;position:relative;}
108 .products ul li a.name{display:block;color:#494949;text-decoration:none;margin:15px 0px;height:30px;text-transform: uppercase;} 111 .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(&#39;../img/logo-why.png&#39;) no-repeat;m @@ -125,14 +128,14 @@ h2.why{width:213px;height:49px;background:url(&#39;../img/logo-why.png&#39;) no-repeat;m
125 h2.why span{display:none;} 128 h2.why span{display:none;}
126 129
127 ul.why_list{list-style:none;margin:0px;padding:0px;} 130 ul.why_list{list-style:none;margin:0px;padding:0px;}
128 -ul.why_list li{float:left;width:180px;margin-right:30px;} 131 +ul.why_list li{float:left;margin-right:30px; width: 288px; height:96px;box-sizing: border-box;padding-left: 110px;}
129 ul.why_list li span{font-weight:bold;color:#799920;} 132 ul.why_list li span{font-weight:bold;color:#799920;}
130 -ul.why_list li.item1{background:url('../img/why_item1.png') left no-repeat;padding:36px 0px 20px 110px;}  
131 -ul.why_list li.item2{background:url('../img/why_item2.png') left no-repeat;padding:20px 0px 20px 110px;}  
132 -ul.why_list li.item3{background:url('../img/why_item3.png') left no-repeat;padding:40px 0px 40px 110px;}  
133 -ul.why_list li.item4{background:url('../img/why_item4.png') left no-repeat;padding:20px 0px 20px 110px;}  
134 -ul.why_list li.item5{background:url('../img/why_item5.png') left no-repeat;padding:30px 0px 30px 110px;}  
135 -ul.why_list li.item6{background:url('../img/why_item6.png') left no-repeat;padding:40px 0px 40px 110px;} 133 +ul.why_list li.item1{background:url('../img/why_item1.png') left no-repeat;}
  134 +ul.why_list li.item2{background:url('../img/why_item2.png') left no-repeat;}
  135 +ul.why_list li.item3{background:url('../img/why_item3.png') left no-repeat;}
  136 +ul.why_list li.item4{background:url('../img/why_item4.png') left no-repeat;}
  137 +ul.why_list li.item5{background:url('../img/why_item5.png') left no-repeat;}
  138 +ul.why_list li.item6{background:url('../img/why_item6.png') left no-repeat;}
136 139
137 .banner_akciya{margin:50px 0px;} 140 .banner_akciya{margin:50px 0px;}
138 141
@@ -858,4 +861,14 @@ a.active{font-weight:bold;text-decoration: underline;} @@ -858,4 +861,14 @@ a.active{font-weight:bold;text-decoration: underline;}
858 #HOME_SLIDER .jssorb03 div.av:hover, #HOME_SLIDER .jssorb03 div.av:active { 861 #HOME_SLIDER .jssorb03 div.av:hover, #HOME_SLIDER .jssorb03 div.av:active {
859 cursor: default; 862 cursor: default;
860 background: none; 863 background: none;
861 -}  
862 \ No newline at end of file 864 \ No newline at end of file
  865 +}
  866 +.special-products {
  867 + padding-top: 30px;
  868 +}
  869 +.special-products .link_buy {
  870 + margin-bottom: 0;
  871 +}
  872 +.special-products .item {
  873 + margin-bottom: 0 !important;
  874 +}
  875 +.why_me_ {padding-top: 30px;}
863 \ No newline at end of file 876 \ No newline at end of file