From e0da57f21a7b2d675836aaea50de7aa9ec6291c6 Mon Sep 17 00:00:00 2001 From: gman Date: Wed, 18 Jun 2025 17:01:17 +0300 Subject: [PATCH] =?UTF-8?q?=D0=BB=D1=8D=D0=BD=D0=B4=D0=BE=D1=81=20=D0=BF?= =?UTF-8?q?=D0=BE=20=D1=81=D0=BB=D0=B0=D0=B9=D0=B4=D0=B0=D0=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 145 ++++++++++++++++++++++++++--------------------------- style.css | 144 ++++++++++++---------------------------------------- 2 files changed, 104 insertions(+), 185 deletions(-) diff --git a/index.html b/index.html index c4f0beb..216f3c1 100644 --- a/index.html +++ b/index.html @@ -5,6 +5,8 @@ Пространственные Системы + + @@ -25,92 +27,87 @@ - -
-
-
+
+
+
Разработка геоинформационных ML/AutoML систем
+
-
- -
-
-
-
Наши особенности
-
-
-
True data driven
-
В основе наших систем лежит предиктивная аналитика на базе - машинного обучения на реальных ретроспективных данных, что делает содержание системы - отражением реальности
-
-
-
AutoML
-
Все data science процессы автоматизированы, предиктивные модели - обновляются по мере накопления новых данных, что позволяет поддерживать системы в - актуальном состоянии
-
-
-
Реактивность
-
Наши системы оснащены инструментами симуляций, позволяющими пользователю - перед принятием реального решения в режиме онлайн смоделировать целевую ситуацию и - оценить эффект её реализации
-
-
-
Прозрачность
-
Мы используем модели машинного обучения, позволяющие интерпретировать - каждый прогноз и понять какие именно факторы и в какой степени повлияли на итоговое значение -
+
+
Наши особенности
+
+
+
True data driven
+
В основе наших систем лежит предиктивная аналитика на базе + машинного обучения на реальных ретроспективных данных, что делает содержание системы + отражением реальности
+
+
+
AutoML
+
Все data science процессы автоматизированы, предиктивные модели + обновляются по мере накопления новых данных, что позволяет поддерживать системы в + актуальном состоянии
+
+
+
Реактивность
+
Наши системы оснащены инструментами симуляций, позволяющими + пользователю + перед принятием реального решения в режиме онлайн смоделировать целевую ситуацию и + оценить эффект её реализации
+
+
+
Прозрачность
+
Мы используем модели машинного обучения, позволяющие + интерпретировать + каждый прогноз и понять какие именно факторы и в какой степени повлияли на итоговое + значение
+
-
- -
-
-
-
- Нам доверяют +
+
+ Нам доверяют +
+
+
+
-
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
+
+
-
- +
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ + \ No newline at end of file diff --git a/style.css b/style.css index 2844dfd..8acab3b 100644 --- a/style.css +++ b/style.css @@ -153,41 +153,24 @@ html { } } +.section-title { + line-height: 40px; + font-size: xx-large; + text-transform: uppercase; -/* Hero */ -#first-container { - display: flex; - position: relative; - flex-direction: column; - padding: 80px 30px 0; - width: 100%; - - box-sizing: border-box; + color: var(--primary-text-color); - @media (max-width: 850px) { - padding-top: 170px; - } + mix-blend-mode: normal; + margin: 30px 0; } -#first-wrap { - display: flex; - flex-direction: column; +/* Hero */ +.hero { position: relative; + display: flex; justify-content: center; align-items: center; - width: calc(100vw - 60px); - min-height: calc(100vh - var(--header-height)); - box-sizing: border-box; - padding: 60px 0 50px 0; - - @media (max-width: 850px) { - min-height: calc(100vh - 170px); - } -} - -#first-title { - line-height: calc(100vw / 23); - font-size: calc(100vw / 30); + font-size: 1.5rem; text-transform: uppercase; background-size: 100%; @@ -196,60 +179,35 @@ html { -webkit-text-fill-color: transparent; background-image: linear-gradient(55deg, rgb(255, 255, 255) 20%, rgba(245, 192, 192, 0.8) 100%); - margin-bottom: 30px; - @media (max-width: 850px) { - max-width: 100%; - line-height: 33px; - font-size: 30px; + font-size: 1rem; } } -/* Наши особенности */ -#what-container { - border-top: 1px solid #CCCCCC; - display: flex; - position: relative; - width: 100%; - background: var(--primary-color); - justify-content: center; - align-items: center; - box-sizing: border-box; +.arrow-down { + position: absolute; + bottom: 20px; + right: 50%; + transform: translateX(50%); + display: block; + height: 30px; + width: 30px; + background: url("./svg/Arrow_to_bottom.svg") no-repeat center; + background-size: contain; + cursor: pointer; } -#what-wrap { - display: flex; - flex-direction: column; - position: relative; - justify-content: space-between; - width: calc(100vw - 60px); - min-height: calc(100vh - var(--header-height)); - /* min-height: inherit; */ - box-sizing: border-box; - padding: 50px 0; - - @media (max-width: 850px) { - min-height: inherit; - } +.arrow-down:hover { + opacity: 0.5; } -#what-title { - line-height: 40px; - font-size: xx-large; - text-transform: uppercase; - - color: var(--primary-text-color); - mix-blend-mode: normal; - margin-bottom: 30px; -} -#what-content { +.features { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; - margin-top: 60px; } .block-container { @@ -278,7 +236,7 @@ html { .block-text { max-width: 450px; line-height: 40px; - font-size: 28px; + font-size: 24px; padding-right: 50px; color: var(--accent-text-color); @@ -291,48 +249,11 @@ html { /* Нам доверяют */ -#trusted-container { - display: flex; - flex-direction: column; - width: 100%; - justify-content: center; - align-items: center; -} - -#trusted-wrap { - display: flex; - flex-direction: column; - position: relative; - justify-content: space-between; - width: calc(100vw - 60px); - min-height: calc(100vh - var(--header-height)); - border-top: 1px solid #CCCCCC; - box-sizing: border-box; - padding: 50px 0; - - @media (max-width: 850px) { - min-height: calc(100vh - 170px); - } -} - -#trusted-title { - line-height: 40px; - font-size: 30px; - text-transform: uppercase; - - color: #cccccc; - - mix-blend-mode: normal; - margin-bottom: 30px; -} - -#trusted-content { +.partners { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; - margin-top: 60px; - margin-bottom: 60px; } .trusted-block { @@ -343,15 +264,16 @@ html { padding: 30px 0 90px; align-items: center; - img { - height: 45px; - } - @media (max-width: 850px) { width: 50%; } } +.trusted-block img { + height: 45px; + object-fit: contain; +} + #footer-container { display: flex; flex-direction: column;