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 | 36 | <?= \common\modules\product\widgets\specialProducts::widget(['type' => 'top'])?> |
| 37 | 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 | 68 | <?=BannerWidget::widget(['title' => 'HOME_CENTER']);?> |
| 66 | 69 | ... | ... |
frontend/web/css/style.css
| ... | ... | @@ -91,7 +91,7 @@ a.myorders{color:#f75d50} |
| 91 | 91 | .sub{margin:2px 0px 0px 0px;} |
| 92 | 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 | 95 | .rubrics ul{list-style:none;margin:0px;padding:0px;} |
| 96 | 96 | .rubrics ul li{float:left;margin:0px 35px;} |
| 97 | 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 | 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 | 109 | .products ul{list-style:none;margin:0px;padding:0px;} |
| 107 | 110 | .products ul li.item{float:left;width:160px;margin:0px 35px 15px;text-align:center;position:relative;} |
| 108 | 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 | 128 | h2.why span{display:none;} |
| 126 | 129 | |
| 127 | 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 | 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 | 140 | .banner_akciya{margin:50px 0px;} |
| 138 | 141 | |
| ... | ... | @@ -858,4 +861,14 @@ a.active{font-weight:bold;text-decoration: underline;} |
| 858 | 861 | #HOME_SLIDER .jssorb03 div.av:hover, #HOME_SLIDER .jssorb03 div.av:active { |
| 859 | 862 | cursor: default; |
| 860 | 863 | background: none; |
| 861 | -} | |
| 862 | 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 | 876 | \ No newline at end of file | ... | ... |