diff --git a/assets/css/gp-style-core.css b/assets/css/gp-style-core.css index ab8100e..2f65cbd 100644 --- a/assets/css/gp-style-core.css +++ b/assets/css/gp-style-core.css @@ -68,6 +68,26 @@ body{ font-family: var(--font-family); } +/* text */ +.title-1{ + font-weight: 700; + text-transform: uppercase; + color: var(--text-white); +} +.title-3{ + font-weight: 700; + color: var(--text-white); +} +.text-1{ + font-weight: 400; + color: var(--text-white); +} +.text-2{ + font-weight: 400; + color: var(--text-white); +} +/* text */ + /* components */ .btn-social{ margin-left: 16px; diff --git a/assets/css/gp-style-desktop.css b/assets/css/gp-style-desktop.css index 3224e92..4b933a6 100644 --- a/assets/css/gp-style-desktop.css +++ b/assets/css/gp-style-desktop.css @@ -4,6 +4,20 @@ width: 1440px; } +/* text */ +.title-1{ + font-size: 88px; +} +.title-3{ + font-size: 40px; +} +.text-1{ + font-size: 24px; +} +.text-2{ + font-size: 18px; +} +/* text */ /* header */ .header__phone{ @@ -191,7 +205,9 @@ /* footer */ } + @media only screen and (min-width: 992px) and (max-width: 1032px) { +/* header */ .header__main{ width: 100%; @@ -202,5 +218,69 @@ justify-content: space-between; } +/* header */ +} + + +/* space */ +.space{ + margin-top: 56px; +} +.space__content{ + margin-top: 56px; + + display: flex; + align-items: end; +} +.space__statistics{ + width: 947px; + height: 480px; + + padding: 24px; + + display: flex; + align-items: end; + + position: relative; +} +.space-statistics__img{ + position: absolute; + top: 0; + left: 0; + + width: 100%; + height: 100%; + + object-fit: cover; +} +.space-statistics__item{ + margin-left: 24px; + + width: 216px; + height: 173px; + + padding: 16px; + + display: flex; + flex-direction: column; + justify-content: space-between; + + backdrop-filter: blur(10px); + background: rgba(42, 42, 45, 0.7); + border-radius: 4px; +} +.space-statistics__item:nth-child(2){ + margin-left: 0; +} +.space__consultation{ + margin-left: 40px; + + max-width: 453px; +} +.space__consultation .btn-big{ + margin-top: 64px; +} +/* space */ -} \ No newline at end of file +@media only screen and (min-width: 992px) and (max-width: 1400px) {} +@media only screen and (min-width: 992px) and (max-width: 1032px) {} \ No newline at end of file diff --git a/assets/css/gp-style-tablet.css b/assets/css/gp-style-tablet.css index 9e66461..43b145d 100644 --- a/assets/css/gp-style-tablet.css +++ b/assets/css/gp-style-tablet.css @@ -6,7 +6,29 @@ .phone--hone{ display: none; } - + +/* text */ +.title-1{ + font-size: 32px; +} +.title-3{ + font-size: 32px; +} +.text-1{ + font-size: 18px; +} +.text-2{ + font-size: 16px; +} +/* text */ + +/* component */ +.btn-big{ + padding: 23.5px 19.5px; + + font-size: 14px; +} +/* component */ /* header */ .header{ @@ -183,7 +205,7 @@ } /* footer */ } - +/* footer */ @media only screen and (max-width: 829px) { .footer__about{ flex-direction: column; @@ -202,4 +224,60 @@ margin-top: 20px; margin-left: 0; } -} \ No newline at end of file +} +/* footer */ + +main{ + padding: 0 16px; +} + +/* space */ +@media only screen and (max-width: 992px) { +.space{ + margin-top: 32px; +} +.space__content{ + margin-top: 24px; + + flex-direction: column; + align-items: center; +} +.space__consultation{ + order: 1; + + margin-left: 0; + + max-width: 100%; + width: 100%; +} +.space__consultation .btn-big{ + margin-top: 40px; +} +.space__statistics{ + order: 2; + + margin-top: 40px; + + width: auto; + height: auto; + + padding: 0; + + flex-wrap: wrap; + justify-content: space-between; +} +.space-statistics__img{ + position: static; + + width: 100%; + min-height: 300px; +} +.space-statistics__item{ + margin-top: 16px; + margin-left: 0; + + width: calc(50% - 8px); + height: 160px; +} +} +/* space */ \ No newline at end of file diff --git a/assets/img/photo/space.png b/assets/img/photo/space.png new file mode 100644 index 0000000..6007737 Binary files /dev/null and b/assets/img/photo/space.png differ diff --git a/index.html b/index.html index cc7260d..8d5dafe 100644 --- a/index.html +++ b/index.html @@ -183,6 +183,48 @@ + +
+
+

+ Создаем пространства, которые работают +

+ +
+
+ + +
+

+ >20 лет +

+

+ опыт работы +

+
+
+

+ 140 +

+

+ успешно запущенных проектов +

+
+
+ +
+

+ Увеличиваем посещаемость клубов на 18% за счет оптимального зонирования и подбора оборудования +

+ + + Получить бесплатную консультацию + +
+
+
+
+