Commit 4f0206099ff58e35c2178d8e2f07dd2d97dea6a8
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('../img/logo-why.png') no-repeat;m | @@ -125,14 +128,14 @@ h2.why{width:213px;height:49px;background:url('../img/logo-why.png') 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 |