diff --git a/assets/css/gp-style-core.css b/assets/css/gp-style-core.css
index cb506b3..9faa7d1 100644
--- a/assets/css/gp-style-core.css
+++ b/assets/css/gp-style-core.css
@@ -111,6 +111,8 @@ body{
text-align: center;
border-radius: 4px;
+
+ transition: background-color .3s;
}
.btn-big--border{
padding: 21px 32px;
@@ -120,6 +122,9 @@ body{
.btn-big--border--blood{
border-color: var(--blood);
}
+.btn-big--blood{
+ background-color: var(--blood);
+}
.btn--100-per{
@@ -129,6 +134,9 @@ body{
/* header */
.header__logo{
+ width: 74px;
+ height: 64px;
+
background-image: url(/assets/img/main/logo.svg);
background-repeat: no-repeat;
background-size: contain;
diff --git a/assets/css/gp-style-desktop.css b/assets/css/gp-style-desktop.css
index 631a1a2..38c50f2 100644
--- a/assets/css/gp-style-desktop.css
+++ b/assets/css/gp-style-desktop.css
@@ -1,8 +1,101 @@
-/* Основные стили для компьютера */
+.wrapper{
+ margin: auto;
+ width: 1440px;
+}
-/* писать сюда... */
+/* header */
+.header__phone{
+ display: none;
+}
+.phone-menu{
+ display: none;
+}
+
+.header{
+}
+.header__wrapper{
+ padding: 24px 0;
+
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+.header__main{
+ display: flex;
+ align-items: center;
+}
+.header-main__item{
+ margin-left: 48px;
+
+ display: flex;
+ align-items: center;
+}
+.header-main__item:first-child{
+ margin-left: 0;
+}
+.header-main__btn{
+ margin-left: 16px;
+}
+.header-main__btn:first-child{
+ margin-left: 0;
+}
+.header__text{
+ font-weight: 400;
+ font-size: 18px;
+ color: var(--text-white);
+}
+.header__text a {
+ color: var(--text-white);
+}
+.header__text--bo-line{
+ text-decoration: none;
+}
+
+.header__menu{
+ padding: 16px 0;
+
+ background-color: var(--background-grey);
+}
+.header-menu__wrapper{
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+.header-menu__list{
+ display: flex;
+ align-items: center;
+
+ font-weight: 400;
+ font-size: 16px;
+ text-transform: uppercase;
+ color: var(--text-white);
+
+ list-style-type: none;
+}
+.header-menu__list li{
+ margin-left: 32px;
+}
+.header-menu__list li:first-child{
+ margin-left: 0;
+}
+.header-menu__list a{
+ color: var(--text-white);
+ text-decoration: none;
+}
+.header-menu-list__next{
+ padding-right: 24px;
+
+ background-image: url(/assets/img/icon/arrow-bottom.svg);
+ background-repeat: no-repeat;
+ background-position: center right;
+}
+.header-menu__search{
+ width: 32px;
+ aspect-ratio: 1;
+}
+/* header */
diff --git a/assets/css/gp-style-mobile.css b/assets/css/gp-style-mobile.css
index ea762e4..e60b7e6 100644
--- a/assets/css/gp-style-mobile.css
+++ b/assets/css/gp-style-mobile.css
@@ -11,11 +11,6 @@
position: relative;
}
-.header__logo{
- width: 74px;
- height: 64px;
-}
-
.header__phone{
display: flex;
align-items: center;
diff --git a/assets/img/icon/arrow-bottom.svg b/assets/img/icon/arrow-bottom.svg
new file mode 100644
index 0000000..294b5f4
--- /dev/null
+++ b/assets/img/icon/arrow-bottom.svg
@@ -0,0 +1,3 @@
+
diff --git a/index.html b/index.html
index 7c0695f..fb67939 100644
--- a/index.html
+++ b/index.html
@@ -49,25 +49,90 @@
+ 
+ 
+ 
+ 
- 
+