diff --git a/index.html b/index.html index 3659b3f..84555fa 100644 --- a/index.html +++ b/index.html @@ -360,6 +360,55 @@ +
+

У Вас остались вопросы?

+
+

+ На Ваши вопросы отвечает Эдуард +

+
+
+ +
+

С нами удобно работать!

diff --git a/src/img/main-questions/photo.png b/src/img/main-questions/photo.png new file mode 100644 index 0000000..7bfbf92 Binary files /dev/null and b/src/img/main-questions/photo.png differ diff --git a/src/img/main-questions/reload-icon.png b/src/img/main-questions/reload-icon.png new file mode 100644 index 0000000..ca10985 Binary files /dev/null and b/src/img/main-questions/reload-icon.png differ diff --git a/src/styles/media.css b/src/styles/media.css index 53058c0..fffc00f 100644 --- a/src/styles/media.css +++ b/src/styles/media.css @@ -15,6 +15,15 @@ #working .working-item__description p br { display: none; } + #questions .wrap-questions .col-lg-6:nth-child(2) { + display: none; + } + #questions .wrap-questions__item { + text-align: center; + } + #questions .more-questions { + text-align: center; + } } @media (max-width: 880px) { @@ -120,6 +129,13 @@ #advice { padding-bottom: 100px; } + #questions .wrap-questions__item { + text-align: left; + } + #questions .wrap-questions__item a { + margin-left: 10px; + font-size: 16px; + } } @media (max-width: 400px) { diff --git a/src/styles/style.css b/src/styles/style.css index e874810..b104bd3 100644 --- a/src/styles/style.css +++ b/src/styles/style.css @@ -86,6 +86,7 @@ input { .title-description { text-align: center; margin-top: 35px; + font-size: 18px; } /* Section Header */ @@ -518,7 +519,66 @@ header { color: #fff; margin-top: 35px; } - +/* Section Questions */ +#questions { + color: #fff; + padding-top: 100px; + padding-bottom: 100px; + background-color: #0b3554; +} +.wrap-questions__image img { + width: 100%; +} +.wrap-questions { + margin-top: 100px; +} +.image-title { + display: inline-block; + background-color: rgb(11, 53, 84); + opacity: 0.8; + position: absolute; + bottom: 25px; + padding: 12px 30px 12px 19px; +} +.wrap-questions__item a { + margin-left: 30px; + color: #fff; + border-bottom: 1px solid #fff; + transition: all .2s; +} +.wrap-questions__item a:hover { + color: #579eff; + border: none; +} +.wrap-questions__item { + font-family: 'ProximaNovaBold'; + font-size: 18px; + margin-top: 55px; +} +.wrap-questions__item:nth-child(1) { + margin-top: 0px; +} +.more-questions { + margin-top: 55px; +} +.more-questions p a { + color: #fff; + transition: all .2s; + padding-left: 45px; + text-decoration: underline; +} +.more-questions p a:hover { + color: #579eff; + text-decoration: none; +} +.more-questions p::before { + content: ''; + display: inline-block; + background: url(../img/main-questions/reload-icon.png) no-repeat center center; + width: 18px; + height: 20px; + position: absolute; +} /* Section Working */ #working { @@ -681,20 +741,6 @@ header { background-repeat: no-repeat; background-position: center right 30px; } -/* #info, -#price, -#advantages, -#detail, -#guarantees, -#discount, -#working, -#stock, -#team, -#advice, -#come, -#map { - display: none; -} */ /* Section Come */ #come { padding-top: 100px; @@ -734,4 +780,19 @@ footer { .footer-wrap__info p span { font-family: 'ProximaNovaBlack'; font-size: 21px; -} \ No newline at end of file +} +/* #info, +#price, +#advantages, +#detail, +#guarantees, +#discount, +#working, +#stock, +#team, +#advice, +#come, +#map, +footer { + display: none; +} */ \ No newline at end of file