С нами удобно работать!
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