Commit 922ea3e18d66dd1c3335dfa2c9658a0dbef86054
1 parent
4fb64eb5
123
Showing
2 changed files
with
32 additions
and
9 deletions
Show diff stats
frontend/views/site/index.php
| @@ -146,7 +146,9 @@ $this->title = "Главная"; | @@ -146,7 +146,9 @@ $this->title = "Главная"; | ||
| 146 | </div> | 146 | </div> |
| 147 | </section> | 147 | </section> |
| 148 | <section class="main-box5"> | 148 | <section class="main-box5"> |
| 149 | + <div class="spoil"> | ||
| 149 | <p>На одной из центральных улиц Киева (був. Леси Украинки, 23) расположился шоу-рум «Баккара», в котором можно познакомиться с тщательно отобранными образцами продукции и многочисленными каталогами самых известных и надежных поставщиков Европы и всего мира...</p> | 150 | <p>На одной из центральных улиц Киева (був. Леси Украинки, 23) расположился шоу-рум «Баккара», в котором можно познакомиться с тщательно отобранными образцами продукции и многочисленными каталогами самых известных и надежных поставщиков Европы и всего мира...</p> |
| 150 | <div class="more"><a href="#">Узнать больше</a></div> | 151 | <div class="more"><a href="#">Узнать больше</a></div> |
| 152 | + </div> | ||
| 151 | </section> | 153 | </section> |
| 152 | </div> | 154 | </div> |
frontend/web/css/style.css
| @@ -105,10 +105,9 @@ header a.main:hover{ | @@ -105,10 +105,9 @@ header a.main:hover{ | ||
| 105 | background-image: url('../images/line2.png'); | 105 | background-image: url('../images/line2.png'); |
| 106 | background-position: center 55px; | 106 | background-position: center 55px; |
| 107 | background-repeat: no-repeat; | 107 | background-repeat: no-repeat; |
| 108 | - font-weight: bold; | ||
| 109 | } | 108 | } |
| 110 | .menu li a:hover, .menu li a.active{ | 109 | .menu li a:hover, .menu li a.active{ |
| 111 | - background-position: center 22px; | 110 | + background-position: center 22.5px; |
| 112 | color:#a9aaa9; | 111 | color:#a9aaa9; |
| 113 | } | 112 | } |
| 114 | .menu a.active{ | 113 | .menu a.active{ |
| @@ -250,7 +249,6 @@ footer .socbuts a:hover{ | @@ -250,7 +249,6 @@ footer .socbuts a:hover{ | ||
| 250 | font-family: 'Lato-Medium'; | 249 | font-family: 'Lato-Medium'; |
| 251 | text-transform: uppercase; | 250 | text-transform: uppercase; |
| 252 | font-size: 11px; | 251 | font-size: 11px; |
| 253 | - font-weight: 600; | ||
| 254 | color: black; | 252 | color: black; |
| 255 | padding: 13px; | 253 | padding: 13px; |
| 256 | background-image: url('../images/line4.png'); | 254 | background-image: url('../images/line4.png'); |
| @@ -264,7 +262,8 @@ footer .socbuts a:hover{ | @@ -264,7 +262,8 @@ footer .socbuts a:hover{ | ||
| 264 | background-position: center 33px; | 262 | background-position: center 33px; |
| 265 | } | 263 | } |
| 266 | .carousel{ | 264 | .carousel{ |
| 267 | - margin: 0px 26.5px; | 265 | + max-width: 1034px; |
| 266 | + margin: 0 auto; | ||
| 268 | position:relative; | 267 | position:relative; |
| 269 | } | 268 | } |
| 270 | .link_big{ | 269 | .link_big{ |
| @@ -282,6 +281,8 @@ footer .socbuts a:hover{ | @@ -282,6 +281,8 @@ footer .socbuts a:hover{ | ||
| 282 | border: 1px solid #9f9e9e; | 281 | border: 1px solid #9f9e9e; |
| 283 | } | 282 | } |
| 284 | .main-box2{ | 283 | .main-box2{ |
| 284 | + max-width: 1088px; | ||
| 285 | + margin: 0 auto; | ||
| 285 | padding-bottom:10px; | 286 | padding-bottom:10px; |
| 286 | padding-top: 52px; | 287 | padding-top: 52px; |
| 287 | background-image:url('../images/line3.png'); | 288 | background-image:url('../images/line3.png'); |
| @@ -289,6 +290,9 @@ footer .socbuts a:hover{ | @@ -289,6 +290,9 @@ footer .socbuts a:hover{ | ||
| 289 | background-position: bottom center; | 290 | background-position: bottom center; |
| 290 | } | 291 | } |
| 291 | .main-box3{ | 292 | .main-box3{ |
| 293 | + max-width: 1072px; | ||
| 294 | + margin: 0 auto; | ||
| 295 | + letter-spacing: 0.4px; | ||
| 292 | padding: 10px 0; | 296 | padding: 10px 0; |
| 293 | background-image:url('../images/line3.png'); | 297 | background-image:url('../images/line3.png'); |
| 294 | background-repeat:no-repeat; | 298 | background-repeat:no-repeat; |
| @@ -350,20 +354,25 @@ footer .socbuts a:hover{ | @@ -350,20 +354,25 @@ footer .socbuts a:hover{ | ||
| 350 | transition:0.2s; | 354 | transition:0.2s; |
| 351 | } | 355 | } |
| 352 | .main-box4 a:hover .title{ | 356 | .main-box4 a:hover .title{ |
| 353 | - background-position: center 29px; | 357 | + background-position: center 33.5px; |
| 354 | } | 358 | } |
| 355 | .main-box4 .col-md-6{ | 359 | .main-box4 .col-md-6{ |
| 356 | padding-bottom: 7px; | 360 | padding-bottom: 7px; |
| 357 | } | 361 | } |
| 358 | .main-box5{ | 362 | .main-box5{ |
| 359 | - font-size:15px; | 363 | + font-size: 15px; |
| 360 | line-height: 24px; | 364 | line-height: 24px; |
| 361 | padding-top: 48px; | 365 | padding-top: 48px; |
| 362 | margin-bottom: 75px; | 366 | margin-bottom: 75px; |
| 367 | + max-width: 1030px; | ||
| 368 | + margin-left: auto; | ||
| 369 | + margin-right: auto; | ||
| 363 | } | 370 | } |
| 364 | .main-box5 p{ | 371 | .main-box5 p{ |
| 365 | - padding:0; | 372 | + padding: 0; |
| 366 | margin: 0px 0px 21px 0px; | 373 | margin: 0px 0px 21px 0px; |
| 374 | + letter-spacing: 0.4px; | ||
| 375 | + font-family: 'Lato-Medium'; | ||
| 367 | } | 376 | } |
| 368 | .more{ | 377 | .more{ |
| 369 | display: flex; | 378 | display: flex; |
| @@ -449,7 +458,7 @@ footer .socbuts a:hover{ | @@ -449,7 +458,7 @@ footer .socbuts a:hover{ | ||
| 449 | width:305px; | 458 | width:305px; |
| 450 | margin:0 20px; | 459 | margin:0 20px; |
| 451 | color: #838383; | 460 | color: #838383; |
| 452 | - font-family: 'Lato-Bold'; | 461 | + font-family: 'Lato-Medium'; |
| 453 | font-size: 14px; | 462 | font-size: 14px; |
| 454 | } | 463 | } |
| 455 | .post .title{ | 464 | .post .title{ |
| @@ -545,7 +554,10 @@ footer .socbuts a:hover{ | @@ -545,7 +554,10 @@ footer .socbuts a:hover{ | ||
| 545 | .blog_link:hover .center_line{ | 554 | .blog_link:hover .center_line{ |
| 546 | background-position: center 34px; | 555 | background-position: center 34px; |
| 547 | } | 556 | } |
| 548 | -.main-box2 .post{margin-top:14px;} | 557 | +.main-box2 .post{ |
| 558 | + margin-top: 14px; | ||
| 559 | + max-width: 683px; | ||
| 560 | +} | ||
| 549 | .nav_up{ | 561 | .nav_up{ |
| 550 | font-size: 8.48px; | 562 | font-size: 8.48px; |
| 551 | text-transform: uppercase; | 563 | text-transform: uppercase; |
| @@ -1701,6 +1713,11 @@ p.right{text-align: right;} | @@ -1701,6 +1713,11 @@ p.right{text-align: right;} | ||
| 1701 | .note .picture{margin: 0 0 25px;} | 1713 | .note .picture{margin: 0 0 25px;} |
| 1702 | .note{margin: 17px 0px 75px 0px;} | 1714 | .note{margin: 17px 0px 75px 0px;} |
| 1703 | .tile3 .picture img,.tile4 .picture img{width:100%;} | 1715 | .tile3 .picture img,.tile4 .picture img{width:100%;} |
| 1716 | + .main-box5 { | ||
| 1717 | + padding-top: 0px; | ||
| 1718 | + max-width: 844px; | ||
| 1719 | + } | ||
| 1720 | + | ||
| 1704 | } | 1721 | } |
| 1705 | @media (max-width: 991px) { | 1722 | @media (max-width: 991px) { |
| 1706 | .carousel{margin: 0px auto;} | 1723 | .carousel{margin: 0px auto;} |
| @@ -1717,6 +1734,10 @@ p.right{text-align: right;} | @@ -1717,6 +1734,10 @@ p.right{text-align: right;} | ||
| 1717 | .filters_block{padding-bottom: 75px;} | 1734 | .filters_block{padding-bottom: 75px;} |
| 1718 | .note .picture{margin: 0 auto 25px;} | 1735 | .note .picture{margin: 0 auto 25px;} |
| 1719 | .note{margin: 17px 0px 75px 0px;} | 1736 | .note{margin: 17px 0px 75px 0px;} |
| 1737 | + .main-box5 { | ||
| 1738 | + padding-top: 35px; | ||
| 1739 | + max-width: 587px; | ||
| 1740 | + } | ||
| 1720 | } | 1741 | } |
| 1721 | @media (max-width: 729px) { | 1742 | @media (max-width: 729px) { |
| 1722 | .post_cont{justify-content: center;} | 1743 | .post_cont{justify-content: center;} |