diff --git a/assets/css/gp-style-core.css b/assets/css/gp-style-core.css
index 9faa7d1..ab8100e 100644
--- a/assets/css/gp-style-core.css
+++ b/assets/css/gp-style-core.css
@@ -57,6 +57,8 @@
--background-grey: #2a2a2d;
--background-grey-hover: #46464a;
+ --link: #86868b;
+
--text-white: #fff;
}
@@ -126,10 +128,17 @@ body{
background-color: var(--blood);
}
-
.btn--100-per{
width: 100%;
}
+
+.link{
+ font-weight: 400;
+ text-transform: uppercase;
+ text-decoration: underline;
+ text-decoration-skip-ink: none;
+ color: var(--link);
+}
/* components */
/* header */
@@ -141,4 +150,53 @@ body{
background-repeat: no-repeat;
background-size: contain;
}
-/* header */
\ No newline at end of file
+/* header */
+
+/* footer */
+.footer__logo{
+ width: 74px;
+ height: 64px;
+}
+.footer__menu{
+ display: flex;
+}
+.footer-menu__list{
+ list-style-type: none;
+
+ font-weight: 400;
+ text-transform: uppercase;
+ color: var(--text-white);
+}
+.footer-menu__list a{
+ color: var(--text-white);
+ text-decoration: none;
+}
+.footer__text{
+ margin-top: 24px;
+
+ font-weight: 400;
+ color: var(--text-white);
+}
+.footer__text:first-child{
+ margin-top: 0;
+}
+.footer__text--no-line{
+ text-decoration: none;
+}
+.footer__media{
+ margin-top: 24px;
+
+ display: flex;
+ align-items: center;
+}
+.footer__review{
+ width: 309px;
+ height: 146px;
+}
+.footer__about{
+ font-weight: 400;
+ font-size: 16px;
+ text-transform: uppercase;
+ color: var(--link);
+}
+/* footer */
\ No newline at end of file
diff --git a/assets/css/gp-style-desktop.css b/assets/css/gp-style-desktop.css
index 38c50f2..68c70bb 100644
--- a/assets/css/gp-style-desktop.css
+++ b/assets/css/gp-style-desktop.css
@@ -98,10 +98,47 @@
/* header */
+/* footer */
+.footer{
+ padding: 56px 0;
+}
+.footer__wrapper{
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+}
+.footer-menu__item{
+ margin-left: 40px;
+}
+.footer-menu__item:first-child{
+ margin-left: 0;
+}
+.footer-menu__list{
+ font-size: 16px;
+}
+.footer-menu__list li{
+ margin-top: 16px;
+}
+.footer-menu__list li:first-child{
+ margin-top: 0px;
+}
+.footer__text{
+ display: block;
+ max-width: 297px;
+ font-size: 24px;
+}
+.footer__about{
+ margin-top: 33px;
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+/* footer */
diff --git a/assets/css/gp-style-mobile.css b/assets/css/gp-style-mobile.css
index e60b7e6..c92bf7f 100644
--- a/assets/css/gp-style-mobile.css
+++ b/assets/css/gp-style-mobile.css
@@ -1,5 +1,19 @@
/* Стили для мобильных устройств */
@media only screen and (max-width: 576px) {
+.wrapper{
+ width: 100%;
+}
+.phone--hone{
+ display: none;
+}
+
+
+
+/* component */
+.link{
+ font-size: 14px;
+}
+
/* header */
.header{
padding: 24px 16px;
@@ -10,7 +24,9 @@
position: relative;
}
-
+.header__wrapper{
+ padding: 0;
+}
.header__phone{
display: flex;
align-items: center;
@@ -150,4 +166,45 @@
align-items: center;
}
/* header */
+
+
+/* footer */
+.footer{
+ padding: 40px 16px;
+}
+.footer__wrapper{
+ display: block;
+}
+.footer__item{
+ margin-top: 40px;
+}
+.footer-menu__item{
+ margin-left: 53px;
+}
+.footer-menu__item:first-child{
+ margin-left: 0;
+}
+.footer-menu__list{
+ font-size: 14px;
+}
+.footer-menu__list li{
+ margin-top: 16px;
+}
+.footer-menu__list li:first-child{
+ margin-top: 0;
+}
+.footer__text{
+ display: block;
+
+ font-size: 18px;
+}
+.footer__about{
+ display: flex;
+ flex-direction: column;
+ align-items: start;
+}
+.footer-about__link{
+ margin-top: 24px;
+}
+/* footer */
}
\ No newline at end of file
diff --git a/assets/img/photo/review.png b/assets/img/photo/review.png
new file mode 100644
index 0000000..79c5caf
Binary files /dev/null and b/assets/img/photo/review.png differ
diff --git a/assets/img/social/YouTube.svg b/assets/img/social/YouTube.svg
new file mode 100644
index 0000000..7688eae
--- /dev/null
+++ b/assets/img/social/YouTube.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/img/social/yandex-zen.svg b/assets/img/social/yandex-zen.svg
new file mode 100644
index 0000000..1facd1e
--- /dev/null
+++ b/assets/img/social/yandex-zen.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/img/social/Вконтакте.svg b/assets/img/social/Вконтакте.svg
new file mode 100644
index 0000000..97cbe60
--- /dev/null
+++ b/assets/img/social/Вконтакте.svg
@@ -0,0 +1,3 @@
+
diff --git a/index.html b/index.html
index fb67939..5eedfc0 100644
--- a/index.html
+++ b/index.html
@@ -52,12 +52,12 @@