Skip to content

A
ads
Commit 923dabc3 authored by IrinaPronina's avatar IrinaPronina
Browse files
Options

21/09

parent e4df6e60
Hide whitespace changes
Inline Side-by-side
Showing with 1985 additions and 300 deletions
src/blocks/about/about.scss
View file @ 923dabc3
...@@ -58,13 +58,22 @@ ...@@ -58,13 +58,22 @@
} }
&.solutions { &.solutions {
margin-bottom: 80px; margin-bottom: 120px;
@media (max-width: ($screen-xl - 1)) { @media (min-width: $screen-xxl) {
margin-bottom: 80px; margin-bottom: 80px;
} }
} }
.solutions__content{
@media (min-width: $screen-xl) {
padding-bottom: 0;
}
@media (min-width: $screen-lg) {
padding-bottom: 60px;
}
}
&.decor:after { &.decor:after {
bottom: -100px; bottom: -100px;
} }
......
src/blocks/accordeon/accordeon.pug
View file @ 923dabc3
...@@ -22,233 +22,253 @@ mixin accordeon(text, mods) ...@@ -22,233 +22,253 @@ mixin accordeon(text, mods)
.accordeon__inner.container .accordeon__inner.container
.accordeon__element .accordeon__element
.accordeon__btn(style="background-image: url(img/collect-data.png);") .accordeon__btn(style="background-image: url(img/collect-data.png);")
h3.accordeon__title.h3 Сбор данных по потреблению энергоресурсов h3.accordeon__title Сбор данных по потреблению энергоресурсов
button(type='button').accordeon__check.btn-reset button(type='button').accordeon__check.btn-reset
.accordeon__content .accordeon__content
+text-block() .text-block
p.text-block__text.text Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку.
p.text-block__text.text-bold Сбор данных по потреблению энергоресурсов
p.text-block__text.text-bold Коммерческий учет
p.text-block__text.text-bold Диспетчеризация и технический учет
p.text-block__text.text-bold Управление жизненным циклов средств измерения и приборов учета
p.text-block__text.text Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
section.best section.best
.best__inner.container h2.best__title.h2-inner Преимущества
h2.best__title.h2-inner Преимущества .best__about
.best__about ul.best__about-list
ul.best__about-list li.best__about-item
li.best__about-item .best__about-body
.best__about-body .best__about-pic
.best__about-pic img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img .best__about-content
.best__about-content .best__about-title
.best__about-title h3.best__about-h3.h5 Наглядная экономика проектов
h3.best__about-h3.h5 Наглядная экономика проектов .best__about-subtitle
.best__about-subtitle p.best__about-text.text Автоматизация расчета экономической эффективности
p.best__about-text.text Автоматизация расчета экономической эффективности li.best__about-item
li.best__about-item .best__about-body
.best__about-body .best__about-pic
.best__about-pic img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img .best__about-content
.best__about-content .best__about-title
.best__about-title h3.best__about-h3.h5 Единое пространство
h3.best__about-h3.h5 Единое пространство .best__about-subtitle
.best__about-subtitle p.best__about-text.text Единое пространство для совместной работы подразделений
p.best__about-text.text Единое пространство для совместной работы подразделений li.best__about-item
li.best__about-item .best__about-body
.best__about-body .best__about-pic
.best__about-pic img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img .best__about-content
.best__about-content .best__about-title
.best__about-title h3.best__about-h3.h5 Эффективное управление данными
h3.best__about-h3.h5 Эффективное управление данными .best__about-subtitle
.best__about-subtitle p.best__about-text.text Контроль полноты исходных данных
p.best__about-text.text Контроль полноты исходных данных li.best__about-item
li.best__about-item .best__about-body
.best__about-body .best__about-pic
.best__about-pic img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img .best__about-content
.best__about-content .best__about-title
.best__about-title h3.best__about-h3.h5 Повышение эффективности
h3.best__about-h3.h5 Повышение эффективности .best__about-subtitle
.best__about-subtitle p.best__about-text.text Сокращение трудозатрат на ведение реестра
p.best__about-text.text Сокращение трудозатрат на ведение реестра .best__screen
.best__screen ul.best__screen-list
ul.best__screen-list li.best__screen-item
li.best__screen-item img(src="img/screen1.png", alt="Статистика")
img(src="img/screen1.jpg", alt="Статистика") li.best__screen-item
li.best__screen-item img(src="img/screen2.png", alt="Статистика")
img(src="img/screen2.jpg", alt="Статистика") li.best__screen-item
li.best__screen-item img(src="img/screen3.png", alt="Статистика")
img(src="img/screen3.jpg", alt="Статистика")
+task() +task()
.collapse .collapse
button(type="button").collapse__btn.text-bold.btn-reset Свернуть button(type="button").collapse__btn.text-bold.btn-reset Свернуть
.accordeon__element .accordeon__element
.accordeon__btn(style="background-image: url(img/comm.jpg);") .accordeon__btn(style="background-image: url(img/comm.jpg);")
h3.accordeon__title.h3 Коммерческий учёт h3.accordeon__title Коммерческий учёт
button(type='button').accordeon__check.btn-reset button(type='button').accordeon__check.btn-reset
.accordeon__content .accordeon__content
+text-block() .text-block
p.text-block__text.text Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку.
p.text-block__text.text-bold Сбор данных по потреблению энергоресурсов
p.text-block__text.text-bold Коммерческий учет
p.text-block__text.text-bold Диспетчеризация и технический учет
p.text-block__text.text-bold Управление жизненным циклов средств измерения и приборов учета
p.text-block__text.text Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
section.best section.best
.best__inner.container h2.best__title.h2-inner Преимущества
h2.best__title.h2-inner Преимущества .best__about
.best__about ul.best__about-list
ul.best__about-list li.best__about-item
li.best__about-item .best__about-body
.best__about-body .best__about-pic
.best__about-pic img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img .best__about-content
.best__about-content .best__about-title
.best__about-title h3.best__about-h3.h5 Наглядная экономика проектов
h3.best__about-h3.h5 Наглядная экономика проектов .best__about-subtitle
.best__about-subtitle p.best__about-text.text Автоматизация расчета экономической эффективности
p.best__about-text.text Автоматизация расчета экономической эффективности li.best__about-item
li.best__about-item .best__about-body
.best__about-body .best__about-pic
.best__about-pic img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img .best__about-content
.best__about-content .best__about-title
.best__about-title h3.best__about-h3.h5 Единое пространство
h3.best__about-h3.h5 Единое пространство .best__about-subtitle
.best__about-subtitle p.best__about-text.text Единое пространство для совместной работы подразделений
p.best__about-text.text Единое пространство для совместной работы подразделений li.best__about-item
li.best__about-item .best__about-body
.best__about-body .best__about-pic
.best__about-pic img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img .best__about-content
.best__about-content .best__about-title
.best__about-title h3.best__about-h3.h5 Эффективное управление данными
h3.best__about-h3.h5 Эффективное управление данными .best__about-subtitle
.best__about-subtitle p.best__about-text.text Контроль полноты исходных данных
p.best__about-text.text Контроль полноты исходных данных li.best__about-item
li.best__about-item .best__about-body
.best__about-body .best__about-pic
.best__about-pic img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img .best__about-content
.best__about-content .best__about-title
.best__about-title h3.best__about-h3.h5 Повышение эффективности
h3.best__about-h3.h5 Повышение эффективности .best__about-subtitle
.best__about-subtitle p.best__about-text.text Сокращение трудозатрат на ведение реестра
p.best__about-text.text Сокращение трудозатрат на ведение реестра .best__screen
.best__screen ul.best__screen-list
ul.best__screen-list li.best__screen-item
li.best__screen-item img(src="img/screen1.png", alt="Статистика")
img(src="img/screen1.jpg", alt="Статистика") li.best__screen-item
li.best__screen-item img(src="img/screen2.png", alt="Статистика")
img(src="img/screen2.jpg", alt="Статистика") li.best__screen-item
li.best__screen-item img(src="img/screen3.png", alt="Статистика")
img(src="img/screen3.jpg", alt="Статистика")
+task() +task()
.collapse .collapse
button(type="button").collapse__btn.text-bold.btn-reset Свернуть button(type="button").collapse__btn.text-bold.btn-reset Свернуть
.accordeon__element .accordeon__element
.accordeon__btn(style="background-image: url(img/disp.jpg);") .accordeon__btn(style="background-image: url(img/disp.jpg);")
h3.accordeon__title.h3 Диспетчеризация и технический учёт h3.accordeon__title Диспетчеризация и технический учёт
button(type='button').accordeon__check.btn-reset button(type='button').accordeon__check.btn-reset
.accordeon__content .accordeon__content
+text-block() .text-block
p.text-block__text.text Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку.
p.text-block__text.text-bold Сбор данных по потреблению энергоресурсов
p.text-block__text.text-bold Коммерческий учет
p.text-block__text.text-bold Диспетчеризация и технический учет
p.text-block__text.text-bold Управление жизненным циклов средств измерения и приборов учета
p.text-block__text.text Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
section.best section.best
.best__inner.container h2.best__title.h2-inner Преимущества
h2.best__title.h2-inner Преимущества .best__about
.best__about ul.best__about-list
ul.best__about-list li.best__about-item
li.best__about-item .best__about-body
.best__about-body .best__about-pic
.best__about-pic img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img .best__about-content
.best__about-content .best__about-title
.best__about-title h3.best__about-h3.h5 Наглядная экономика проектов
h3.best__about-h3.h5 Наглядная экономика проектов .best__about-subtitle
.best__about-subtitle p.best__about-text.text Автоматизация расчета экономической эффективности
p.best__about-text.text Автоматизация расчета экономической эффективности li.best__about-item
li.best__about-item .best__about-body
.best__about-body .best__about-pic
.best__about-pic img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img .best__about-content
.best__about-content .best__about-title
.best__about-title h3.best__about-h3.h5 Единое пространство
h3.best__about-h3.h5 Единое пространство .best__about-subtitle
.best__about-subtitle p.best__about-text.text Единое пространство для совместной работы подразделений
p.best__about-text.text Единое пространство для совместной работы подразделений li.best__about-item
li.best__about-item .best__about-body
.best__about-body .best__about-pic
.best__about-pic img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img .best__about-content
.best__about-content .best__about-title
.best__about-title h3.best__about-h3.h5 Эффективное управление данными
h3.best__about-h3.h5 Эффективное управление данными .best__about-subtitle
.best__about-subtitle p.best__about-text.text Контроль полноты исходных данных
p.best__about-text.text Контроль полноты исходных данных li.best__about-item
li.best__about-item .best__about-body
.best__about-body .best__about-pic
.best__about-pic img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img .best__about-content
.best__about-content .best__about-title
.best__about-title h3.best__about-h3.h5 Повышение эффективности
h3.best__about-h3.h5 Повышение эффективности .best__about-subtitle
.best__about-subtitle p.best__about-text.text Сокращение трудозатрат на ведение реестра
p.best__about-text.text Сокращение трудозатрат на ведение реестра .best__screen
.best__screen ul.best__screen-list
ul.best__screen-list li.best__screen-item
li.best__screen-item img(src="img/screen1.png", alt="Статистика")
img(src="img/screen1.jpg", alt="Статистика") li.best__screen-item
li.best__screen-item img(src="img/screen2.png", alt="Статистика")
img(src="img/screen2.jpg", alt="Статистика") li.best__screen-item
li.best__screen-item img(src="img/screen3.png", alt="Статистика")
img(src="img/screen3.jpg", alt="Статистика")
+task() +task()
.collapse .collapse
button(type="button").collapse__btn.text-bold.btn-reset Свернуть button(type="button").collapse__btn.text-bold.btn-reset Свернуть
.accordeon__element .accordeon__element
.accordeon__btn(style="background-image: url(img/control.jpg);") .accordeon__btn(style="background-image: url(img/control.jpg);")
h3.accordeon__title.h3 Управление жизненным циклом средств измерения и приборов учёта h3.accordeon__title Управление жизненным циклом средств измерения и приборов учёта
button(type='button').accordeon__check.btn-reset button(type='button').accordeon__check.btn-reset
.accordeon__content .accordeon__content
+text-block() .text-block
p.text-block__text.text Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку.
p.text-block__text.text-bold Сбор данных по потреблению энергоресурсов
p.text-block__text.text-bold Коммерческий учет
p.text-block__text.text-bold Диспетчеризация и технический учет
p.text-block__text.text-bold Управление жизненным циклов средств измерения и приборов учета
p.text-block__text.text Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
section.best section.best
.best__inner.container h2.best__title.h2-inner Преимущества
h2.best__title.h2-inner Преимущества .best__about
.best__about ul.best__about-list
ul.best__about-list li.best__about-item
li.best__about-item .best__about-body
.best__about-body .best__about-pic
.best__about-pic img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img .best__about-content
.best__about-content .best__about-title
.best__about-title h3.best__about-h3.h5 Наглядная экономика проектов
h3.best__about-h3.h5 Наглядная экономика проектов .best__about-subtitle
.best__about-subtitle p.best__about-text.text Автоматизация расчета экономической эффективности
p.best__about-text.text Автоматизация расчета экономической эффективности li.best__about-item
li.best__about-item .best__about-body
.best__about-body .best__about-pic
.best__about-pic img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img .best__about-content
.best__about-content .best__about-title
.best__about-title h3.best__about-h3.h5 Единое пространство
h3.best__about-h3.h5 Единое пространство .best__about-subtitle
.best__about-subtitle p.best__about-text.text Единое пространство для совместной работы подразделений
p.best__about-text.text Единое пространство для совместной работы подразделений li.best__about-item
li.best__about-item .best__about-body
.best__about-body .best__about-pic
.best__about-pic img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img .best__about-content
.best__about-content .best__about-title
.best__about-title h3.best__about-h3.h5 Эффективное управление данными
h3.best__about-h3.h5 Эффективное управление данными .best__about-subtitle
.best__about-subtitle p.best__about-text.text Контроль полноты исходных данных
p.best__about-text.text Контроль полноты исходных данных li.best__about-item
li.best__about-item .best__about-body
.best__about-body .best__about-pic
.best__about-pic img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img .best__about-content
.best__about-content .best__about-title
.best__about-title h3.best__about-h3.h5 Повышение эффективности
h3.best__about-h3.h5 Повышение эффективности .best__about-subtitle
.best__about-subtitle p.best__about-text.text Сокращение трудозатрат на ведение реестра
p.best__about-text.text Сокращение трудозатрат на ведение реестра .best__screen
.best__screen ul.best__screen-list
ul.best__screen-list li.best__screen-item
li.best__screen-item img(src="img/screen1.png", alt="Статистика")
img(src="img/screen1.jpg", alt="Статистика") li.best__screen-item
li.best__screen-item img(src="img/screen2.png", alt="Статистика")
img(src="img/screen2.jpg", alt="Статистика") li.best__screen-item
li.best__screen-item img(src="img/screen3.png", alt="Статистика")
img(src="img/screen3.jpg", alt="Статистика")
+task() +task()
.collapse .collapse
button(type="button").collapse__btn.text-bold.btn-reset Свернуть button(type="button").collapse__btn.text-bold.btn-reset Свернуть
src/blocks/accordeon/accordeon.scss
View file @ 923dabc3
...@@ -6,14 +6,18 @@ ...@@ -6,14 +6,18 @@
$block-name: &; // #{$block-name}__element $block-name: &; // #{$block-name}__element
padding: 120px 0; padding: 56px 0;
margin-bottom: -52px; margin-bottom: -52px;
@media (min-width: $screen-xxl) { @media (min-width: $screen-xxl) {
margin-bottom: -80px; margin-bottom: -80px;
} }
&__element{ @media (min-width: $screen-lg) {
padding: 120px 0;
}
&__element {
&.open { &.open {
.accordeon__check::before { .accordeon__check::before {
opacity: 0; opacity: 0;
...@@ -24,10 +28,14 @@ ...@@ -24,10 +28,14 @@
} }
.accordeon__content { .accordeon__content {
max-height: 2000px; max-height: 5000px;
opacity: 1; opacity: 1;
padding-top: 24px; padding-top: 24px;
visibility: visible; visibility: visible;
@media (max-width: ($screen-lg - 1)) {
padding-bottom: 24px;
}
} }
} }
} }
...@@ -35,20 +43,25 @@ ...@@ -35,20 +43,25 @@
&__btn { &__btn {
position: relative; position: relative;
width: 100%; width: 100%;
height: 256px;
border-radius: 16px; border-radius: 16px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: $main-dark; background-color: $main-dark;
background-position: center center; background-position: center center;
background-size: cover; background-size: cover;
box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.24); box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.24);
margin-bottom: 40px; margin-bottom: 24px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 0 80px; padding: 0 16px;
cursor: pointer; cursor: pointer;
@media (min-width: $screen-lg) {
padding: 0 80px;
height: 256px;
margin-bottom: 40px;
}
&::after { &::after {
position: absolute; position: absolute;
content: ''; content: '';
...@@ -79,7 +92,13 @@ ...@@ -79,7 +92,13 @@
max-height: 0; max-height: 0;
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
transition: all $transition-time; transition: all .6s;
margin: 0 auto;
padding: 0 16px;
@media (min-width: $screen-lg) {
padding: 0 40px;
}
} }
&__title { &__title {
...@@ -87,6 +106,17 @@ ...@@ -87,6 +106,17 @@
color: $white; color: $white;
pointer-events: none; pointer-events: none;
z-index: 2; z-index: 2;
font: 16px $ff-i-b;
font-weight: 700;
letter-spacing: 0.02em;
@media (min-width: $screen-xxl) {
font-size: 36px;
}
@media (min-width: $screen-lg) {
font-size: 30px;
}
} }
&__check { &__check {
...@@ -100,6 +130,11 @@ ...@@ -100,6 +130,11 @@
pointer-events: none; pointer-events: none;
transition: all $transition-time; transition: all $transition-time;
@media (max-width: ($screen-lg - 1)) {
width: 24px;
height: 24px;
border-radius: 3px;
}
&::after { &::after {
position: absolute; position: absolute;
...@@ -115,6 +150,9 @@ ...@@ -115,6 +150,9 @@
opacity: 1; opacity: 1;
transition: all $transition-time; transition: all $transition-time;
@media (max-width: ($screen-lg - 1)) {
width: 16px;
}
} }
&::before { &::before {
...@@ -131,11 +169,51 @@ ...@@ -131,11 +169,51 @@
z-index: 3; z-index: 3;
opacity: 1; opacity: 1;
transition: all $transition-time; transition: all $transition-time;
@media (max-width: ($screen-lg - 1)) {
height: 16px;
}
} }
} }
.task__item::before { .task__item::before {
background-color: $white; background-color: $white;
} }
}
.accordeon--industries {
.accordeon__btn {
&::after {
background: linear-gradient(0deg, rgba(64, 119, 115, 0.85), rgba(64, 119, 115, 0.85));
}
&:hover {
&:after {
background: linear-gradient(0deg, rgba(102, 146, 143, 0.85), rgba(102, 146, 143, 0.85));
}
}
}
.accordeon__element {
&.open {
.accordeon__btn:after {
background: linear-gradient(0deg, rgba(64, 119, 115, 0.85), rgba(64, 119, 115, 0.85));
}
}
}
.task__item::before{
background-color: $color-accent;
}
.collapse__btn{
color: $black;
}
.collapse__btn::before{
background: url(../img/arrow-down-black.svg);
width: 23px;
height: 24px;
}
} }
\ No newline at end of file
src/blocks/apply/apply.scss
View file @ 923dabc3
...@@ -6,7 +6,10 @@ ...@@ -6,7 +6,10 @@
$block-name: &; // #{$block-name}__element $block-name: &; // #{$block-name}__element
margin-bottom: 64px; margin-bottom: 40px;
@media (min-width: $screen-lg){
margin-bottom: 64px;
}
&__title { &__title {
margin-bottom: 56px; margin-bottom: 56px;
...@@ -59,6 +62,11 @@ ...@@ -59,6 +62,11 @@
width: 60px; width: 60px;
height: 60px; height: 60px;
} }
svg{
width: 100%;
height: 100%;
}
} }
&__text { &__text {
......
src/blocks/best/best.scss
View file @ 923dabc3
...@@ -114,12 +114,12 @@ ...@@ -114,12 +114,12 @@
&__screen-list { &__screen-list {
padding: 0; padding: 0;
list-style: none; list-style: none;
margin-bottom: 64px; margin-bottom: 40px;
@media (min-width: $screen-lg) { @media (min-width: $screen-lg) {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin: 0 -20px; margin: 0 -20px 40px;
} }
} }
...@@ -134,7 +134,7 @@ ...@@ -134,7 +134,7 @@
} }
img{ img{
border-radius: 6px; width: 100%;
} }
} }
} }
\ No newline at end of file
src/blocks/branch/branch.scss
View file @ 923dabc3
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
border-radius: 16px; border-radius: 16px;
margin-bottom: 16px; margin-bottom: 16px;
position: relative; position: relative;
z-index: 1; z-index: 2;
@media (min-width: $screen-xxl) { @media (min-width: $screen-xxl) {
margin-bottom: 40px; margin-bottom: 40px;
......
src/blocks/callback-popup/callback-popup.scss 0 → 100644
View file @ 923dabc3
// В этом файле должны быть стили для БЭМ-блока callback-popup, его элементов,
// модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
.callback-popup {
$block-name: &; // #{$block-name}__element
color: $black;
border-radius: 8px;
@media (min-width: $screen-md) {
width: 440px;
}
&__title {
color: $black;
margin-bottom: 16px;
display: flex;
justify-content: center;
}
&__text {
display: flex;
justify-content: center;
margin-bottom: 40px;
p {
text-align: center;
}
}
&__content {
position: relative;
width: 100%;
margin-bottom: 16px;
}
&__label {
font-weight: 400;
font-size: 14px;
line-height: 130%;
letter-spacing: 0.05em;
position: absolute;
top: 16px;
left: 16px;
color: #336D69;
background-color: $white;
pointer-events: none;
width: auto;
transition: all $transition-time;
& span {
color: $color-danger;
}
}
&__input {
width: 100%;
background-color: #fff;
border: 1px solid #e3e3e3;
border-radius: 4px;
padding: 16px;
font: 14px/1.3 $ff-i-r;
letter-spacing: 0.05em;
color: $black;
&:focus {
border: 1px solid $color-accent;
outline: none;
&~label {
top: -8px;
font-size: 12px;
}
}
}
&__agree {
width: 100%;
margin-bottom: 24px;
display: flex;
label {
padding-left: 40px;
}
}
}
.thanks-popup{
}
src/blocks/main-title/main-title.scss
View file @ 923dabc3
...@@ -11,22 +11,25 @@ ...@@ -11,22 +11,25 @@
@media (min-width: $screen-xxl) { @media (min-width: $screen-xxl) {
min-height: 680px; min-height: 680px;
display: flex;
align-items: center;
} }
@media (min-width: $screen-xl) {} @media (min-width: $screen-xl) {
@media (min-width: $screen-lg) {} display: flex;
align-items: center;
}
@media (min-width: $screen-md) { @media (min-width: $screen-lg) {
padding-top: 50px; min-height: 488px;
padding-bottom: 152px;
} }
@media (min-width: $screen-md) {}
@media (min-width: $screen-sm) { @media (min-width: $screen-sm) {
padding-top: 30px; min-height: 252px;
padding-bottom: 80px; display: flex;
align-items: center;
} }
&__text { &__text {
......
src/blocks/map/map.scss
View file @ 923dabc3
...@@ -29,9 +29,11 @@ ...@@ -29,9 +29,11 @@
} }
&__item { &__item {
margin-bottom: 32px;
@media (min-width: $screen-lg) { @media (min-width: $screen-lg) {
flex: 0 0 33.3333%; flex: 0 0 33.3333%;
padding: 0 20px; padding: 0 20px;
margin-bottom: 0;
} }
} }
...@@ -45,7 +47,10 @@ ...@@ -45,7 +47,10 @@
&__label { &__label {
color: $main-dark; color: $main-dark;
margin-bottom: 32px; margin-bottom: 16px;
@media (min-width: $screen-lg){
margin-bottom: 32px;
}
p { p {
text-transform: uppercase; text-transform: uppercase;
......
src/blocks/more/more.scss
View file @ 923dabc3
...@@ -13,3 +13,20 @@ ...@@ -13,3 +13,20 @@
justify-content: center; justify-content: center;
} }
} }
.news {
.more{
margin-bottom: 48px;
@media (min-width: $screen-lg) {
margin-bottom: 80px;
}
}
}
.projects__more {
.more{
margin-bottom: 48px;
@media (min-width: $screen-lg) {
margin-bottom: 80px;
}
}
}
src/blocks/news-det/news-det.scss 0 → 100644
View file @ 923dabc3
// В этом файле должны быть стили для БЭМ-блока news-det, его элементов,
// модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
.news-det {
$block-name: &; // #{$block-name}__element
padding: 46px 0 30px;
@media (min-width: $screen-xxl) {
padding: 80px 0;
}
&__date {
font: 13px/1.5 $ff-i-r;
font-weight: 400;
letter-spacing: 0.05em;
margin-bottom: 8px;
@media (min-width: $screen-xxl) {
font-size: 18px;
}
@media (min-width: $screen-lg) {
font-size: 15px;
margin-bottom: 24px;
}
}
h2 {
margin: 0;
font: 28px/1.2 $ff-i-sb;
font-weight: 600;
letter-spacing: 0.02em;
margin-bottom: 40px;
@media (min-width: $screen-xxl) {
font-size: 48px;
}
@media (min-width: $screen-lg) {
font-size: 40px;
margin-bottom: 64px;
}
}
p {
font: 13px/1.5 $ff-i-r;
font-weight: 400;
letter-spacing: 0.05em;
margin-bottom: 16px;
@media (min-width: $screen-xxl) {
font-size: 18px;
}
@media (min-width: $screen-lg) {
font-size: 15px;
}
}
figure {
display: flex;
align-items: center;
flex-direction: column;
padding: 40px 0;
margin: 0;
@media (min-width: $screen-lg) {
padding: 64px 0;
}
}
figcaption {
font: 12px/1.5 $ff-i-r;
color: #838383;
margin-top: 8px;
@media (min-width: $screen-lg) {
display: block;
text-align: center;
font: 14px/1.5 $ff-i-r;
font-weight: 400;
letter-spacing: 0.05em;
margin-top: 16px;
color: #838383;
}
}
img {
max-width: 100%;
@media (min-width: $screen-xxl) {
width: 926px;
}
@media (min-width: $screen-xl) {
width: 80%;
}
}
}
\ No newline at end of file
src/blocks/news-list/news-list.pug 0 → 100644
View file @ 923dabc3
//- Все примеси в этом файле должны начинаться c имени блока (news-list)
mixin news-list(text, mods)
//- Принимает:
//- text {string} - текст
//- mods {string} - список модификаторов
//- Вызов:
+news-list('Текст', 'some-mod')
-
// список модификаторов
var allMods = '';
if(typeof(mods) !== 'undefined' && mods) {
var modsList = mods.split(',');
for (var i = 0; i < modsList.length; i++) {
allMods = allMods + ' news-list--' + modsList[i].trim();
}
}
.news-list(class=allMods)&attributes(attributes)
.news-list__inner.container
ul.news-list__list
li.news-list__item
.news-list__date 22 Июня 2022
.news-list__title.h5 Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства.
.hyperlink
a(href="javascript:void(0);").hyperlink__link
span.text-bold Подробнее
.hyperlink__svg
svg(width='16' height='16' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg')
path(d='M14.7222 3.53111V2.324L13.8687 3.17756L4.71311 12.3331L4.70077 12.3455L4.68932 12.3586C4.65416 12.3991 4.61102 12.4318 4.56262 12.4548C4.51421 12.4778 4.46158 12.4905 4.40801 12.4922C4.35446 12.4939 4.30113 12.4845 4.25137 12.4646C4.20162 12.4446 4.15652 12.4147 4.1189 12.3765C4.08127 12.3384 4.05194 12.2928 4.03275 12.2428C4.01355 12.1928 4.0049 12.1393 4.00734 12.0858C4.00978 12.0323 4.02325 11.9798 4.04692 11.9317C4.07059 11.8837 4.10394 11.841 4.14487 11.8064L4.16101 11.7928L4.17595 11.7778L13.3137 2.63116L14.1663 1.77778H12.96H9.77778C9.67464 1.77778 9.57572 1.73681 9.50279 1.66387C9.42986 1.59094 9.38889 1.49203 9.38889 1.38889C9.38889 1.28575 9.42986 1.18683 9.50279 1.1139C9.57572 1.04097 9.67464 1 9.77778 1H15.1111C15.2143 1 15.3132 1.04097 15.3861 1.1139C15.459 1.18683 15.5 1.28575 15.5 1.38889V6.72222C15.5 6.82536 15.459 6.92428 15.3861 6.99721C15.3132 7.07014 15.2143 7.11111 15.1111 7.11111C15.008 7.11111 14.9091 7.07014 14.8361 6.99721C14.7632 6.92428 14.7222 6.82536 14.7222 6.72222V3.53111ZM1.77778 3.55556H1.27778V4.05556V14.7222V15.2222H1.77778H12.4444H12.9444V14.7222V10.2778C12.9444 10.1746 12.9854 10.0757 13.0583 10.0028C13.1313 9.92986 13.2302 9.88889 13.3333 9.88889C13.4365 9.88889 13.5354 9.92986 13.6083 10.0028C13.6813 10.0757 13.7222 10.1746 13.7222 10.2778V14.7222C13.7222 15.0611 13.5876 15.3861 13.348 15.6257C13.1083 15.8654 12.7833 16 12.4444 16H1.77778C1.43889 16 1.11388 15.8654 0.874252 15.6257C0.634623 15.3861 0.5 15.0611 0.5 14.7222V4.05556C0.5 3.35392 1.07614 2.77778 1.77778 2.77778H6.22222C6.32536 2.77778 6.42428 2.81875 6.49721 2.89168C6.57014 2.96461 6.61111 3.06353 6.61111 3.16667C6.61111 3.26981 6.57014 3.36872 6.49721 3.44165C6.42428 3.51458 6.32536 3.55556 6.22222 3.55556H1.77778Z' fill='#00BFFF' stroke='#00BFFF')
li.news-list__item
.news-list__date 22 Июня 2022
.news-list__title.h5 Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства.
.hyperlink
a(href="javascript:void(0);").hyperlink__link
span.text-bold Подробнее
.hyperlink__svg
svg(width='16' height='16' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg')
path(d='M14.7222 3.53111V2.324L13.8687 3.17756L4.71311 12.3331L4.70077 12.3455L4.68932 12.3586C4.65416 12.3991 4.61102 12.4318 4.56262 12.4548C4.51421 12.4778 4.46158 12.4905 4.40801 12.4922C4.35446 12.4939 4.30113 12.4845 4.25137 12.4646C4.20162 12.4446 4.15652 12.4147 4.1189 12.3765C4.08127 12.3384 4.05194 12.2928 4.03275 12.2428C4.01355 12.1928 4.0049 12.1393 4.00734 12.0858C4.00978 12.0323 4.02325 11.9798 4.04692 11.9317C4.07059 11.8837 4.10394 11.841 4.14487 11.8064L4.16101 11.7928L4.17595 11.7778L13.3137 2.63116L14.1663 1.77778H12.96H9.77778C9.67464 1.77778 9.57572 1.73681 9.50279 1.66387C9.42986 1.59094 9.38889 1.49203 9.38889 1.38889C9.38889 1.28575 9.42986 1.18683 9.50279 1.1139C9.57572 1.04097 9.67464 1 9.77778 1H15.1111C15.2143 1 15.3132 1.04097 15.3861 1.1139C15.459 1.18683 15.5 1.28575 15.5 1.38889V6.72222C15.5 6.82536 15.459 6.92428 15.3861 6.99721C15.3132 7.07014 15.2143 7.11111 15.1111 7.11111C15.008 7.11111 14.9091 7.07014 14.8361 6.99721C14.7632 6.92428 14.7222 6.82536 14.7222 6.72222V3.53111ZM1.77778 3.55556H1.27778V4.05556V14.7222V15.2222H1.77778H12.4444H12.9444V14.7222V10.2778C12.9444 10.1746 12.9854 10.0757 13.0583 10.0028C13.1313 9.92986 13.2302 9.88889 13.3333 9.88889C13.4365 9.88889 13.5354 9.92986 13.6083 10.0028C13.6813 10.0757 13.7222 10.1746 13.7222 10.2778V14.7222C13.7222 15.0611 13.5876 15.3861 13.348 15.6257C13.1083 15.8654 12.7833 16 12.4444 16H1.77778C1.43889 16 1.11388 15.8654 0.874252 15.6257C0.634623 15.3861 0.5 15.0611 0.5 14.7222V4.05556C0.5 3.35392 1.07614 2.77778 1.77778 2.77778H6.22222C6.32536 2.77778 6.42428 2.81875 6.49721 2.89168C6.57014 2.96461 6.61111 3.06353 6.61111 3.16667C6.61111 3.26981 6.57014 3.36872 6.49721 3.44165C6.42428 3.51458 6.32536 3.55556 6.22222 3.55556H1.77778Z' fill='#00BFFF' stroke='#00BFFF')
li.news-list__item
.news-list__date 22 Июня 2022
.news-list__title.h5 Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства.
.hyperlink
a(href="javascript:void(0);").hyperlink__link
span.text-bold Подробнее
.hyperlink__svg
svg(width='16' height='16' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg')
path(d='M14.7222 3.53111V2.324L13.8687 3.17756L4.71311 12.3331L4.70077 12.3455L4.68932 12.3586C4.65416 12.3991 4.61102 12.4318 4.56262 12.4548C4.51421 12.4778 4.46158 12.4905 4.40801 12.4922C4.35446 12.4939 4.30113 12.4845 4.25137 12.4646C4.20162 12.4446 4.15652 12.4147 4.1189 12.3765C4.08127 12.3384 4.05194 12.2928 4.03275 12.2428C4.01355 12.1928 4.0049 12.1393 4.00734 12.0858C4.00978 12.0323 4.02325 11.9798 4.04692 11.9317C4.07059 11.8837 4.10394 11.841 4.14487 11.8064L4.16101 11.7928L4.17595 11.7778L13.3137 2.63116L14.1663 1.77778H12.96H9.77778C9.67464 1.77778 9.57572 1.73681 9.50279 1.66387C9.42986 1.59094 9.38889 1.49203 9.38889 1.38889C9.38889 1.28575 9.42986 1.18683 9.50279 1.1139C9.57572 1.04097 9.67464 1 9.77778 1H15.1111C15.2143 1 15.3132 1.04097 15.3861 1.1139C15.459 1.18683 15.5 1.28575 15.5 1.38889V6.72222C15.5 6.82536 15.459 6.92428 15.3861 6.99721C15.3132 7.07014 15.2143 7.11111 15.1111 7.11111C15.008 7.11111 14.9091 7.07014 14.8361 6.99721C14.7632 6.92428 14.7222 6.82536 14.7222 6.72222V3.53111ZM1.77778 3.55556H1.27778V4.05556V14.7222V15.2222H1.77778H12.4444H12.9444V14.7222V10.2778C12.9444 10.1746 12.9854 10.0757 13.0583 10.0028C13.1313 9.92986 13.2302 9.88889 13.3333 9.88889C13.4365 9.88889 13.5354 9.92986 13.6083 10.0028C13.6813 10.0757 13.7222 10.1746 13.7222 10.2778V14.7222C13.7222 15.0611 13.5876 15.3861 13.348 15.6257C13.1083 15.8654 12.7833 16 12.4444 16H1.77778C1.43889 16 1.11388 15.8654 0.874252 15.6257C0.634623 15.3861 0.5 15.0611 0.5 14.7222V4.05556C0.5 3.35392 1.07614 2.77778 1.77778 2.77778H6.22222C6.32536 2.77778 6.42428 2.81875 6.49721 2.89168C6.57014 2.96461 6.61111 3.06353 6.61111 3.16667C6.61111 3.26981 6.57014 3.36872 6.49721 3.44165C6.42428 3.51458 6.32536 3.55556 6.22222 3.55556H1.77778Z' fill='#00BFFF' stroke='#00BFFF')
li.news-list__item
.news-list__date 22 Июня 2022
.news-list__title.h5 Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства.
.hyperlink
a(href="javascript:void(0);").hyperlink__link
span.text-bold Подробнее
.hyperlink__svg
svg(width='16' height='16' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg')
path(d='M14.7222 3.53111V2.324L13.8687 3.17756L4.71311 12.3331L4.70077 12.3455L4.68932 12.3586C4.65416 12.3991 4.61102 12.4318 4.56262 12.4548C4.51421 12.4778 4.46158 12.4905 4.40801 12.4922C4.35446 12.4939 4.30113 12.4845 4.25137 12.4646C4.20162 12.4446 4.15652 12.4147 4.1189 12.3765C4.08127 12.3384 4.05194 12.2928 4.03275 12.2428C4.01355 12.1928 4.0049 12.1393 4.00734 12.0858C4.00978 12.0323 4.02325 11.9798 4.04692 11.9317C4.07059 11.8837 4.10394 11.841 4.14487 11.8064L4.16101 11.7928L4.17595 11.7778L13.3137 2.63116L14.1663 1.77778H12.96H9.77778C9.67464 1.77778 9.57572 1.73681 9.50279 1.66387C9.42986 1.59094 9.38889 1.49203 9.38889 1.38889C9.38889 1.28575 9.42986 1.18683 9.50279 1.1139C9.57572 1.04097 9.67464 1 9.77778 1H15.1111C15.2143 1 15.3132 1.04097 15.3861 1.1139C15.459 1.18683 15.5 1.28575 15.5 1.38889V6.72222C15.5 6.82536 15.459 6.92428 15.3861 6.99721C15.3132 7.07014 15.2143 7.11111 15.1111 7.11111C15.008 7.11111 14.9091 7.07014 14.8361 6.99721C14.7632 6.92428 14.7222 6.82536 14.7222 6.72222V3.53111ZM1.77778 3.55556H1.27778V4.05556V14.7222V15.2222H1.77778H12.4444H12.9444V14.7222V10.2778C12.9444 10.1746 12.9854 10.0757 13.0583 10.0028C13.1313 9.92986 13.2302 9.88889 13.3333 9.88889C13.4365 9.88889 13.5354 9.92986 13.6083 10.0028C13.6813 10.0757 13.7222 10.1746 13.7222 10.2778V14.7222C13.7222 15.0611 13.5876 15.3861 13.348 15.6257C13.1083 15.8654 12.7833 16 12.4444 16H1.77778C1.43889 16 1.11388 15.8654 0.874252 15.6257C0.634623 15.3861 0.5 15.0611 0.5 14.7222V4.05556C0.5 3.35392 1.07614 2.77778 1.77778 2.77778H6.22222C6.32536 2.77778 6.42428 2.81875 6.49721 2.89168C6.57014 2.96461 6.61111 3.06353 6.61111 3.16667C6.61111 3.26981 6.57014 3.36872 6.49721 3.44165C6.42428 3.51458 6.32536 3.55556 6.22222 3.55556H1.77778Z' fill='#00BFFF' stroke='#00BFFF')
li.news-list__item
.news-list__date 22 Июня 2022
.news-list__title.h5 Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства.
.hyperlink
a(href="javascript:void(0);").hyperlink__link
span.text-bold Подробнее
.hyperlink__svg
svg(width='16' height='16' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg')
path(d='M14.7222 3.53111V2.324L13.8687 3.17756L4.71311 12.3331L4.70077 12.3455L4.68932 12.3586C4.65416 12.3991 4.61102 12.4318 4.56262 12.4548C4.51421 12.4778 4.46158 12.4905 4.40801 12.4922C4.35446 12.4939 4.30113 12.4845 4.25137 12.4646C4.20162 12.4446 4.15652 12.4147 4.1189 12.3765C4.08127 12.3384 4.05194 12.2928 4.03275 12.2428C4.01355 12.1928 4.0049 12.1393 4.00734 12.0858C4.00978 12.0323 4.02325 11.9798 4.04692 11.9317C4.07059 11.8837 4.10394 11.841 4.14487 11.8064L4.16101 11.7928L4.17595 11.7778L13.3137 2.63116L14.1663 1.77778H12.96H9.77778C9.67464 1.77778 9.57572 1.73681 9.50279 1.66387C9.42986 1.59094 9.38889 1.49203 9.38889 1.38889C9.38889 1.28575 9.42986 1.18683 9.50279 1.1139C9.57572 1.04097 9.67464 1 9.77778 1H15.1111C15.2143 1 15.3132 1.04097 15.3861 1.1139C15.459 1.18683 15.5 1.28575 15.5 1.38889V6.72222C15.5 6.82536 15.459 6.92428 15.3861 6.99721C15.3132 7.07014 15.2143 7.11111 15.1111 7.11111C15.008 7.11111 14.9091 7.07014 14.8361 6.99721C14.7632 6.92428 14.7222 6.82536 14.7222 6.72222V3.53111ZM1.77778 3.55556H1.27778V4.05556V14.7222V15.2222H1.77778H12.4444H12.9444V14.7222V10.2778C12.9444 10.1746 12.9854 10.0757 13.0583 10.0028C13.1313 9.92986 13.2302 9.88889 13.3333 9.88889C13.4365 9.88889 13.5354 9.92986 13.6083 10.0028C13.6813 10.0757 13.7222 10.1746 13.7222 10.2778V14.7222C13.7222 15.0611 13.5876 15.3861 13.348 15.6257C13.1083 15.8654 12.7833 16 12.4444 16H1.77778C1.43889 16 1.11388 15.8654 0.874252 15.6257C0.634623 15.3861 0.5 15.0611 0.5 14.7222V4.05556C0.5 3.35392 1.07614 2.77778 1.77778 2.77778H6.22222C6.32536 2.77778 6.42428 2.81875 6.49721 2.89168C6.57014 2.96461 6.61111 3.06353 6.61111 3.16667C6.61111 3.26981 6.57014 3.36872 6.49721 3.44165C6.42428 3.51458 6.32536 3.55556 6.22222 3.55556H1.77778Z' fill='#00BFFF' stroke='#00BFFF')
li.news-list__item
.news-list__date 22 Июня 2022
.news-list__title.h5 Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства.
.hyperlink
a(href="javascript:void(0);").hyperlink__link
span.text-bold Подробнее
.hyperlink__svg
svg(width='16' height='16' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg')
path(d='M14.7222 3.53111V2.324L13.8687 3.17756L4.71311 12.3331L4.70077 12.3455L4.68932 12.3586C4.65416 12.3991 4.61102 12.4318 4.56262 12.4548C4.51421 12.4778 4.46158 12.4905 4.40801 12.4922C4.35446 12.4939 4.30113 12.4845 4.25137 12.4646C4.20162 12.4446 4.15652 12.4147 4.1189 12.3765C4.08127 12.3384 4.05194 12.2928 4.03275 12.2428C4.01355 12.1928 4.0049 12.1393 4.00734 12.0858C4.00978 12.0323 4.02325 11.9798 4.04692 11.9317C4.07059 11.8837 4.10394 11.841 4.14487 11.8064L4.16101 11.7928L4.17595 11.7778L13.3137 2.63116L14.1663 1.77778H12.96H9.77778C9.67464 1.77778 9.57572 1.73681 9.50279 1.66387C9.42986 1.59094 9.38889 1.49203 9.38889 1.38889C9.38889 1.28575 9.42986 1.18683 9.50279 1.1139C9.57572 1.04097 9.67464 1 9.77778 1H15.1111C15.2143 1 15.3132 1.04097 15.3861 1.1139C15.459 1.18683 15.5 1.28575 15.5 1.38889V6.72222C15.5 6.82536 15.459 6.92428 15.3861 6.99721C15.3132 7.07014 15.2143 7.11111 15.1111 7.11111C15.008 7.11111 14.9091 7.07014 14.8361 6.99721C14.7632 6.92428 14.7222 6.82536 14.7222 6.72222V3.53111ZM1.77778 3.55556H1.27778V4.05556V14.7222V15.2222H1.77778H12.4444H12.9444V14.7222V10.2778C12.9444 10.1746 12.9854 10.0757 13.0583 10.0028C13.1313 9.92986 13.2302 9.88889 13.3333 9.88889C13.4365 9.88889 13.5354 9.92986 13.6083 10.0028C13.6813 10.0757 13.7222 10.1746 13.7222 10.2778V14.7222C13.7222 15.0611 13.5876 15.3861 13.348 15.6257C13.1083 15.8654 12.7833 16 12.4444 16H1.77778C1.43889 16 1.11388 15.8654 0.874252 15.6257C0.634623 15.3861 0.5 15.0611 0.5 14.7222V4.05556C0.5 3.35392 1.07614 2.77778 1.77778 2.77778H6.22222C6.32536 2.77778 6.42428 2.81875 6.49721 2.89168C6.57014 2.96461 6.61111 3.06353 6.61111 3.16667C6.61111 3.26981 6.57014 3.36872 6.49721 3.44165C6.42428 3.51458 6.32536 3.55556 6.22222 3.55556H1.77778Z' fill='#00BFFF' stroke='#00BFFF')
li.news-list__item
.news-list__date 22 Июня 2022
.news-list__title.h5 Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства.
.hyperlink
a(href="javascript:void(0);").hyperlink__link
span.text-bold Подробнее
.hyperlink__svg
svg(width='16' height='16' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg')
path(d='M14.7222 3.53111V2.324L13.8687 3.17756L4.71311 12.3331L4.70077 12.3455L4.68932 12.3586C4.65416 12.3991 4.61102 12.4318 4.56262 12.4548C4.51421 12.4778 4.46158 12.4905 4.40801 12.4922C4.35446 12.4939 4.30113 12.4845 4.25137 12.4646C4.20162 12.4446 4.15652 12.4147 4.1189 12.3765C4.08127 12.3384 4.05194 12.2928 4.03275 12.2428C4.01355 12.1928 4.0049 12.1393 4.00734 12.0858C4.00978 12.0323 4.02325 11.9798 4.04692 11.9317C4.07059 11.8837 4.10394 11.841 4.14487 11.8064L4.16101 11.7928L4.17595 11.7778L13.3137 2.63116L14.1663 1.77778H12.96H9.77778C9.67464 1.77778 9.57572 1.73681 9.50279 1.66387C9.42986 1.59094 9.38889 1.49203 9.38889 1.38889C9.38889 1.28575 9.42986 1.18683 9.50279 1.1139C9.57572 1.04097 9.67464 1 9.77778 1H15.1111C15.2143 1 15.3132 1.04097 15.3861 1.1139C15.459 1.18683 15.5 1.28575 15.5 1.38889V6.72222C15.5 6.82536 15.459 6.92428 15.3861 6.99721C15.3132 7.07014 15.2143 7.11111 15.1111 7.11111C15.008 7.11111 14.9091 7.07014 14.8361 6.99721C14.7632 6.92428 14.7222 6.82536 14.7222 6.72222V3.53111ZM1.77778 3.55556H1.27778V4.05556V14.7222V15.2222H1.77778H12.4444H12.9444V14.7222V10.2778C12.9444 10.1746 12.9854 10.0757 13.0583 10.0028C13.1313 9.92986 13.2302 9.88889 13.3333 9.88889C13.4365 9.88889 13.5354 9.92986 13.6083 10.0028C13.6813 10.0757 13.7222 10.1746 13.7222 10.2778V14.7222C13.7222 15.0611 13.5876 15.3861 13.348 15.6257C13.1083 15.8654 12.7833 16 12.4444 16H1.77778C1.43889 16 1.11388 15.8654 0.874252 15.6257C0.634623 15.3861 0.5 15.0611 0.5 14.7222V4.05556C0.5 3.35392 1.07614 2.77778 1.77778 2.77778H6.22222C6.32536 2.77778 6.42428 2.81875 6.49721 2.89168C6.57014 2.96461 6.61111 3.06353 6.61111 3.16667C6.61111 3.26981 6.57014 3.36872 6.49721 3.44165C6.42428 3.51458 6.32536 3.55556 6.22222 3.55556H1.77778Z' fill='#00BFFF' stroke='#00BFFF')
li.news-list__item
.news-list__date 22 Июня 2022
.news-list__title.h5 Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства.
.hyperlink
a(href="javascript:void(0);").hyperlink__link
span.text-bold Подробнее
.hyperlink__svg
svg(width='16' height='16' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg')
path(d='M14.7222 3.53111V2.324L13.8687 3.17756L4.71311 12.3331L4.70077 12.3455L4.68932 12.3586C4.65416 12.3991 4.61102 12.4318 4.56262 12.4548C4.51421 12.4778 4.46158 12.4905 4.40801 12.4922C4.35446 12.4939 4.30113 12.4845 4.25137 12.4646C4.20162 12.4446 4.15652 12.4147 4.1189 12.3765C4.08127 12.3384 4.05194 12.2928 4.03275 12.2428C4.01355 12.1928 4.0049 12.1393 4.00734 12.0858C4.00978 12.0323 4.02325 11.9798 4.04692 11.9317C4.07059 11.8837 4.10394 11.841 4.14487 11.8064L4.16101 11.7928L4.17595 11.7778L13.3137 2.63116L14.1663 1.77778H12.96H9.77778C9.67464 1.77778 9.57572 1.73681 9.50279 1.66387C9.42986 1.59094 9.38889 1.49203 9.38889 1.38889C9.38889 1.28575 9.42986 1.18683 9.50279 1.1139C9.57572 1.04097 9.67464 1 9.77778 1H15.1111C15.2143 1 15.3132 1.04097 15.3861 1.1139C15.459 1.18683 15.5 1.28575 15.5 1.38889V6.72222C15.5 6.82536 15.459 6.92428 15.3861 6.99721C15.3132 7.07014 15.2143 7.11111 15.1111 7.11111C15.008 7.11111 14.9091 7.07014 14.8361 6.99721C14.7632 6.92428 14.7222 6.82536 14.7222 6.72222V3.53111ZM1.77778 3.55556H1.27778V4.05556V14.7222V15.2222H1.77778H12.4444H12.9444V14.7222V10.2778C12.9444 10.1746 12.9854 10.0757 13.0583 10.0028C13.1313 9.92986 13.2302 9.88889 13.3333 9.88889C13.4365 9.88889 13.5354 9.92986 13.6083 10.0028C13.6813 10.0757 13.7222 10.1746 13.7222 10.2778V14.7222C13.7222 15.0611 13.5876 15.3861 13.348 15.6257C13.1083 15.8654 12.7833 16 12.4444 16H1.77778C1.43889 16 1.11388 15.8654 0.874252 15.6257C0.634623 15.3861 0.5 15.0611 0.5 14.7222V4.05556C0.5 3.35392 1.07614 2.77778 1.77778 2.77778H6.22222C6.32536 2.77778 6.42428 2.81875 6.49721 2.89168C6.57014 2.96461 6.61111 3.06353 6.61111 3.16667C6.61111 3.26981 6.57014 3.36872 6.49721 3.44165C6.42428 3.51458 6.32536 3.55556 6.22222 3.55556H1.77778Z' fill='#00BFFF' stroke='#00BFFF')
li.news-list__item
.news-list__date 22 Июня 2022
.news-list__title.h5 Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства.
.hyperlink
a(href="javascript:void(0);").hyperlink__link
span.text-bold Подробнее
.hyperlink__svg
svg(width='16' height='16' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg')
path(d='M14.7222 3.53111V2.324L13.8687 3.17756L4.71311 12.3331L4.70077 12.3455L4.68932 12.3586C4.65416 12.3991 4.61102 12.4318 4.56262 12.4548C4.51421 12.4778 4.46158 12.4905 4.40801 12.4922C4.35446 12.4939 4.30113 12.4845 4.25137 12.4646C4.20162 12.4446 4.15652 12.4147 4.1189 12.3765C4.08127 12.3384 4.05194 12.2928 4.03275 12.2428C4.01355 12.1928 4.0049 12.1393 4.00734 12.0858C4.00978 12.0323 4.02325 11.9798 4.04692 11.9317C4.07059 11.8837 4.10394 11.841 4.14487 11.8064L4.16101 11.7928L4.17595 11.7778L13.3137 2.63116L14.1663 1.77778H12.96H9.77778C9.67464 1.77778 9.57572 1.73681 9.50279 1.66387C9.42986 1.59094 9.38889 1.49203 9.38889 1.38889C9.38889 1.28575 9.42986 1.18683 9.50279 1.1139C9.57572 1.04097 9.67464 1 9.77778 1H15.1111C15.2143 1 15.3132 1.04097 15.3861 1.1139C15.459 1.18683 15.5 1.28575 15.5 1.38889V6.72222C15.5 6.82536 15.459 6.92428 15.3861 6.99721C15.3132 7.07014 15.2143 7.11111 15.1111 7.11111C15.008 7.11111 14.9091 7.07014 14.8361 6.99721C14.7632 6.92428 14.7222 6.82536 14.7222 6.72222V3.53111ZM1.77778 3.55556H1.27778V4.05556V14.7222V15.2222H1.77778H12.4444H12.9444V14.7222V10.2778C12.9444 10.1746 12.9854 10.0757 13.0583 10.0028C13.1313 9.92986 13.2302 9.88889 13.3333 9.88889C13.4365 9.88889 13.5354 9.92986 13.6083 10.0028C13.6813 10.0757 13.7222 10.1746 13.7222 10.2778V14.7222C13.7222 15.0611 13.5876 15.3861 13.348 15.6257C13.1083 15.8654 12.7833 16 12.4444 16H1.77778C1.43889 16 1.11388 15.8654 0.874252 15.6257C0.634623 15.3861 0.5 15.0611 0.5 14.7222V4.05556C0.5 3.35392 1.07614 2.77778 1.77778 2.77778H6.22222C6.32536 2.77778 6.42428 2.81875 6.49721 2.89168C6.57014 2.96461 6.61111 3.06353 6.61111 3.16667C6.61111 3.26981 6.57014 3.36872 6.49721 3.44165C6.42428 3.51458 6.32536 3.55556 6.22222 3.55556H1.77778Z' fill='#00BFFF' stroke='#00BFFF')
li.news-list__item
.news-list__date 22 Июня 2022
.news-list__title.h5 Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства.
.hyperlink
a(href="javascript:void(0);").hyperlink__link
span.text-bold Подробнее
.hyperlink__svg
svg(width='16' height='16' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg')
path(d='M14.7222 3.53111V2.324L13.8687 3.17756L4.71311 12.3331L4.70077 12.3455L4.68932 12.3586C4.65416 12.3991 4.61102 12.4318 4.56262 12.4548C4.51421 12.4778 4.46158 12.4905 4.40801 12.4922C4.35446 12.4939 4.30113 12.4845 4.25137 12.4646C4.20162 12.4446 4.15652 12.4147 4.1189 12.3765C4.08127 12.3384 4.05194 12.2928 4.03275 12.2428C4.01355 12.1928 4.0049 12.1393 4.00734 12.0858C4.00978 12.0323 4.02325 11.9798 4.04692 11.9317C4.07059 11.8837 4.10394 11.841 4.14487 11.8064L4.16101 11.7928L4.17595 11.7778L13.3137 2.63116L14.1663 1.77778H12.96H9.77778C9.67464 1.77778 9.57572 1.73681 9.50279 1.66387C9.42986 1.59094 9.38889 1.49203 9.38889 1.38889C9.38889 1.28575 9.42986 1.18683 9.50279 1.1139C9.57572 1.04097 9.67464 1 9.77778 1H15.1111C15.2143 1 15.3132 1.04097 15.3861 1.1139C15.459 1.18683 15.5 1.28575 15.5 1.38889V6.72222C15.5 6.82536 15.459 6.92428 15.3861 6.99721C15.3132 7.07014 15.2143 7.11111 15.1111 7.11111C15.008 7.11111 14.9091 7.07014 14.8361 6.99721C14.7632 6.92428 14.7222 6.82536 14.7222 6.72222V3.53111ZM1.77778 3.55556H1.27778V4.05556V14.7222V15.2222H1.77778H12.4444H12.9444V14.7222V10.2778C12.9444 10.1746 12.9854 10.0757 13.0583 10.0028C13.1313 9.92986 13.2302 9.88889 13.3333 9.88889C13.4365 9.88889 13.5354 9.92986 13.6083 10.0028C13.6813 10.0757 13.7222 10.1746 13.7222 10.2778V14.7222C13.7222 15.0611 13.5876 15.3861 13.348 15.6257C13.1083 15.8654 12.7833 16 12.4444 16H1.77778C1.43889 16 1.11388 15.8654 0.874252 15.6257C0.634623 15.3861 0.5 15.0611 0.5 14.7222V4.05556C0.5 3.35392 1.07614 2.77778 1.77778 2.77778H6.22222C6.32536 2.77778 6.42428 2.81875 6.49721 2.89168C6.57014 2.96461 6.61111 3.06353 6.61111 3.16667C6.61111 3.26981 6.57014 3.36872 6.49721 3.44165C6.42428 3.51458 6.32536 3.55556 6.22222 3.55556H1.77778Z' fill='#00BFFF' stroke='#00BFFF')
src/blocks/news-list/news-list.scss 0 → 100644
View file @ 923dabc3
// В этом файле должны быть стили для БЭМ-блока news-list, его элементов,
// модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
.news-list {
$block-name: &; // #{$block-name}__element
padding: 46px 0 30px;
@media (min-width: $screen-xxl) {
padding: 80px 0;
}
&__list {
list-style: none;
}
&__item {
&:not(:last-child) {
margin-bottom: 48px;
@media (min-width: $screen-lg) {
margin-bottom: 64px;
}
}
}
&__date{
font: 13px/1.5 $ff-i-r;
font-weight: 400;
letter-spacing: 0.05em;
margin-bottom: 16px;
@media (min-width: $screen-xxl) {
font-size: 18px;
}
@media (min-width: $screen-lg) {
font-size: 15px;
}
}
&__title{
margin-bottom: 16px;
}
}
src/blocks/num-block/num-block.pug 0 → 100644
View file @ 923dabc3
//- Все примеси в этом файле должны начинаться c имени блока (num-block)
mixin num-block(text, mods)
//- Принимает:
//- text {string} - текст
//- mods {string} - список модификаторов
//- Вызов:
+num-block('Текст', 'some-mod')
-
// список модификаторов
var allMods = '';
if(typeof(mods) !== 'undefined' && mods) {
var modsList = mods.split(',');
for (var i = 0; i < modsList.length; i++) {
allMods = allMods + ' num-block--' + modsList[i].trim();
}
}
ul.num-block
li.num-block__item
.num-block__body
.num-block__num.h2 5&nbsp;500+
p.num-block__text.text скважин с геологическим и петрофизическим сопровождением бурения
li.num-block__item
.num-block__body
.num-block__num.h2 400+
p.num-block__text.text проектов по сопровождению бурения и комплексных проектов разработки месторождений
li.num-block__item
.num-block__body
.num-block__num.h2 20%
p.num-block__text.text высокотехнологичных скважин
src/blocks/num-block/num-block.scss 0 → 100644
View file @ 923dabc3
// В этом файле должны быть стили для БЭМ-блока num-block, его элементов,
// модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
.num-block {
$block-name: &; // #{$block-name}__element
list-style: none;
padding: 0;
color: $black;
@media (min-width: $screen-xxl) {
margin: 0 -110px;
}
@media (min-width: $screen-xl) {
margin: 0 -40px;
}
@media (min-width: $screen-lg) {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 0 -20px;
}
&__item {
&:not(:last-child) {
margin-bottom: 32px;
}
@media (min-width: $screen-xxl) {
padding: 0 110px;
}
@media (min-width: $screen-xl) {
padding: 0 40px;
}
@media (min-width: $screen-lg) {
flex: 0 0 33.333%;
padding: 0 20px;
margin-bottom: 0;
}
}
&__num {
white-space: nowrap;
margin-bottom: 8px;
}
&__text {
margin: 0;
}
}
.num-block--industries{
margin-bottom: 32px;
@media (min-width: $screen-lg){
margin-bottom: 80px;
}
}
\ No newline at end of file
src/blocks/page-footer/page-footer.pug
View file @ 923dabc3
...@@ -65,3 +65,4 @@ mixin page-footer(mods) ...@@ -65,3 +65,4 @@ mixin page-footer(mods)
a(href="javascript:void()") политикой в области обработки персональных данных a(href="javascript:void()") политикой в области обработки персональных данных
|и даю согласие на их обработку |и даю согласие на их обработку
button(type="submit").footer-form__submit.btn Отправить button(type="submit").footer-form__submit.btn Отправить
+to-top()
\ No newline at end of file
src/blocks/page-footer/page-footer.scss
View file @ 923dabc3
...@@ -9,6 +9,7 @@ ...@@ -9,6 +9,7 @@
background-color: $main-dark; background-color: $main-dark;
padding: 58px 0 56px; padding: 58px 0 56px;
@media (min-width: $screen-xxl) { @media (min-width: $screen-xxl) {
padding: 120px 0 56px; padding: 120px 0 56px;
} }
...@@ -19,6 +20,7 @@ ...@@ -19,6 +20,7 @@
&__body { &__body {
position: relative;
@media (min-width: $screen-lg) { @media (min-width: $screen-lg) {
display: flex; display: flex;
...@@ -133,6 +135,7 @@ ...@@ -133,6 +135,7 @@
font-weight: 500; font-weight: 500;
margin-bottom: 10px; margin-bottom: 10px;
letter-spacing: 0.05em; letter-spacing: 0.05em;
transition: color $transition-time;
@media (min-width: $screen-xxl) { @media (min-width: $screen-xxl) {
font-size: 22px; font-size: 22px;
...@@ -147,6 +150,10 @@ ...@@ -147,6 +150,10 @@
font-size: 16px; font-size: 16px;
margin-bottom: 24px; margin-bottom: 24px;
} }
&:hover{
color: $main-light;
}
} }
&__company { &__company {
...@@ -198,6 +205,10 @@ ...@@ -198,6 +205,10 @@
text-decoration: none; text-decoration: none;
color: $white; color: $white;
transition: color $transition-time; transition: color $transition-time;
&:hover{
color: $main-light;
}
} }
} }
...@@ -341,6 +352,11 @@ ...@@ -341,6 +352,11 @@
color: $color-accent; color: $color-accent;
text-decoration: none; text-decoration: none;
font-weight: 700; font-weight: 700;
transition: color $transition-time;
&:hover{
color: $main-light;
}
} }
input:checked+span:before { input:checked+span:before {
......
src/blocks/page-header/page-header.pug
View file @ 923dabc3
...@@ -17,7 +17,7 @@ mixin page-header(mods) ...@@ -17,7 +17,7 @@ mixin page-header(mods)
} }
} }
header.page-header(class=allMods, role='banner')&attributes(attributes) header.page-header
.page-header__inner.container .page-header__inner.container
.page-header__top .page-header__top
.page-header__left .page-header__left
...@@ -78,7 +78,7 @@ mixin page-header(mods) ...@@ -78,7 +78,7 @@ mixin page-header(mods)
.page-header__right .page-header__right
.page-header__connect .page-header__connect
a(href="tel:+7(495)2802595").page-header__phone +7 (495) 280-25-95 a(href="tel:+7(495)2802595").page-header__phone +7 (495) 280-25-95
a(href="javascript:void(0)").page-header__connect-btn.btn Обратный звонок a(href="javascript:void(0)" data-fancybox data-src="#callback-popup").page-header__connect-btn.btn Обратный звонок
.page-header__magnify .page-header__magnify
button.page-header__search.search-btn.btn-reset button.page-header__search.search-btn.btn-reset
svg.page-header__search-btn(width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg') svg.page-header__search-btn(width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg')
...@@ -93,4 +93,70 @@ mixin page-header(mods) ...@@ -93,4 +93,70 @@ mixin page-header(mods)
path(d='M8.6777 14.405C12.3794 14.405 15.3802 11.4042 15.3802 7.70248C15.3802 4.0008 12.3794 1 8.6777 1C4.97602 1 1.97522 4.0008 1.97522 7.70248C1.97522 11.4042 4.97602 14.405 8.6777 14.405Z' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' fill='none') path(d='M8.6777 14.405C12.3794 14.405 15.3802 11.4042 15.3802 7.70248C15.3802 4.0008 12.3794 1 8.6777 1C4.97602 1 1.97522 4.0008 1.97522 7.70248C1.97522 11.4042 4.97602 14.405 8.6777 14.405Z' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' fill='none')
path(d='M13.9754 11.9753L19.0002 17.0001' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round') path(d='M13.9754 11.9753L19.0002 17.0001' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round')
.page-header__lang .page-header__lang
a(href="javascript:void(0)").page-header__lang-btn ENG a(href="javascript:void(0)").page-header__lang-btn ENG
\ No newline at end of file
#callback-popup(style="display:none;max-width:440spx;").popup.callback-popup
.callback-popup__title.h4 Обратный звонок
.callback-popup__text
p.text Оставьте свои контакты, и мы перезвоним Вам в ближайшее время.
form(action="").callback-popup__form
.callback-popup__content
input.callback-popup__input(type="text" name="name")
label(for='name').callback-popup__label Имя Фамилия #[span *]
.callback-popup__content
input.callback-popup__input(type="text" name="name")
label(for='name').callback-popup__label Компания #[span *]
.callback-popup__content
input.callback-popup__input(type="text" name="name")
label(for='name').callback-popup__label Должность #[span *]
.callback-popup__content
input.callback-popup__input(type="text" name="name")
label(for='name').callback-popup__label Телефон #[span *]
.callback-popup__content
input.callback-popup__input(type="text" name="name")
label(for='name').callback-popup__label E-mail #[span *]
.callback-popup__content
textarea.callback-popup__input(name="name", cols="30", rows="2")
label(for='name').callback-popup__label Ваше сообщение
.callback-popup__agree
label.footer-form__label.custom-checkbox--white
input(type="checkbox" name="name" required="required").footer-form__checkbox
span
p Ознакомлен с #[a(href="javascript:void()") политикой в области обработки персональных данных] и даю согласие на их обработку
button(type="submit" data-id="#thanks-popup").popup-submit.footer-form__submit.btn Отправить
#more-popup(style="display:none;max-width:440spx;").popup.more-popup
.more-popup__title.h4 Обратный звонок
.more-popup__text
p.text Оставьте свои контакты, и мы перезвоним Вам в ближайшее время.
form(action="").more-popup__form
.more-popup__content
input.more-popup__input(type="text" name="name")
label(for='name').more-popup__label Имя Фамилия #[span *]
.more-popup__content
input.more-popup__input(type="text" name="name")
label(for='name').more-popup__label Компания #[span *]
.more-popup__content
input.more-popup__input(type="text" name="name")
label(for='name').more-popup__label Должность #[span *]
.more-popup__content
input.more-popup__input(type="text" name="name")
label(for='name').more-popup__label Телефон #[span *]
.more-popup__content
input.more-popup__input(type="text" name="name")
label(for='name').more-popup__label E-mail #[span *]
.more-popup__content
textarea.more-popup__input(name="name", cols="30", rows="2")
label(for='name').more-popup__label Ваше сообщение
.more-popup__agree
label.footer-form__label.custom-checkbox--white
input(type="checkbox" name="name" required="required").footer-form__checkbox
span
p Ознакомлен с #[a(href="javascript:void()") политикой в области обработки персональных данных] и даю согласие на их обработку
button(type="submit" data-id="#thanks-popup").popup-submit.footer-form__submit.btn Отправить
//- #thanks-popup.popup.thanks-popup
//- .thanks-popup__inner
//- .thanks-popup__title.h4 Спасибо за обращение! Мы свяжемся с Вами в ближайшее время.
src/blocks/page-header/page-header.scss
View file @ 923dabc3
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
} }
&__left { &__left {
width: 83%; width: 152px;
order: 1; order: 1;
@media (min-width: $screen-xxl) { @media (min-width: $screen-xxl) {
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
&__menu { &__menu {
order: 3; order: 3;
width: 37%; width: 20%;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
...@@ -125,6 +125,10 @@ ...@@ -125,6 +125,10 @@
position: relative; position: relative;
} }
&__search-btn path{
transition: all $transition-time;
}
&__search { &__search {
width: 22px; width: 22px;
height: 22px; height: 22px;
...@@ -139,8 +143,15 @@ ...@@ -139,8 +143,15 @@
stroke: $white; stroke: $white;
} }
} }
&:hover{
.page-header__search-btn path{
stroke: $white;
}
}
} }
.search-block { .search-block {
position: fixed; position: fixed;
width: 100%; width: 100%;
...@@ -306,7 +317,7 @@ ...@@ -306,7 +317,7 @@
&__body { &__body {
position: relative; position: relative;
width: 100%; width: 81%;
overflow: auto; overflow: auto;
@media (min-width: $screen-xxl) { @media (min-width: $screen-xxl) {
...@@ -366,8 +377,7 @@ ...@@ -366,8 +377,7 @@
left: -24%; left: -24%;
width: 24%; width: 24%;
height: 100%; height: 100%;
background-color: $main-dark; background: rgba(1,73,69,.48);
opacity: 0.2;
transition: all $transition-time; transition: all $transition-time;
...@@ -406,6 +416,10 @@ ...@@ -406,6 +416,10 @@
cursor: pointer; cursor: pointer;
border-bottom: 1px solid $black; border-bottom: 1px solid $black;
@media (min-width: $screen-xl) {
border-bottom: none;
}
&:last-child { &:last-child {
margin: 0; margin: 0;
border-bottom: none; border-bottom: none;
...@@ -428,9 +442,6 @@ ...@@ -428,9 +442,6 @@
} }
} }
@media (min-width: $screen-lg) {
border-bottom: none;
}
&.has-child { &.has-child {
...@@ -511,6 +522,7 @@ ...@@ -511,6 +522,7 @@
} }
& .menu__sublist { & .menu__sublist {
padding-top: 24px;
max-height: 500px; max-height: 500px;
opacity: 1; opacity: 1;
} }
...@@ -521,7 +533,6 @@ ...@@ -521,7 +533,6 @@
display: block; display: block;
color: $black; color: $black;
text-decoration: none; text-decoration: none;
margin-bottom: 24px;
font-weight: 500; font-weight: 500;
transition: all $transition-time; transition: all $transition-time;
...@@ -595,6 +606,10 @@ ...@@ -595,6 +606,10 @@
@media (min-width: $screen-xl) { @media (min-width: $screen-xl) {
background-color: $white; background-color: $white;
&:not(:last-child){
border-bottom: 1px solid #E3E3E3;
}
} }
...@@ -620,6 +635,7 @@ ...@@ -620,6 +635,7 @@
} }
&__sublink { &__sublink {
color: $main-dark; color: $main-dark;
text-decoration: none; text-decoration: none;
...@@ -686,6 +702,7 @@ ...@@ -686,6 +702,7 @@
&__text { &__text {
font: 13px/1.2 $ff-i-r; font: 13px/1.2 $ff-i-r;
font-weight: 500; font-weight: 500;
white-space: nowrap;
@media (min-width: $screen-lg) { @media (min-width: $screen-lg) {
font-size: 15px; font-size: 15px;
......
src/blocks/page/page.scss
View file @ 923dabc3
...@@ -123,9 +123,7 @@ body { ...@@ -123,9 +123,7 @@ body {
left: 0px; left: 0px;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: linear-gradient(0deg, #00bfff 0, #00e68a 100%); background: rgba(1,73,69,.48);
;
opacity: 0.5;
z-index: 10; z-index: 10;
transition: all $transition-time; transition: all $transition-time;
} }
...@@ -430,9 +428,7 @@ pre { ...@@ -430,9 +428,7 @@ pre {
} }
} }
a:hover {
color: $main-light;
}
//choices //choices
...@@ -528,17 +524,131 @@ a:hover { ...@@ -528,17 +524,131 @@ a:hover {
//choices ends //choices ends
.mt-80{ .mt-80 {
margin-top: 48px; margin-top: 48px;
@media (min-width: $screen-lg) { @media (min-width: $screen-lg) {
margin-top: 80px; margin-top: 80px;
} }
} }
.mb-64{
.mb-64 {
margin-top: 48px; margin-top: 48px;
@media (min-width: $screen-lg) { @media (min-width: $screen-lg) {
margin-top: 64px; margin-top: 64px;
} }
} }
\ No newline at end of file
//fancybox
.popup>.carousel__button.is-close {
width: 20px;
height: 20px;
top: 20px;
right: 20px;
color: #336D69;
padding: 0;
}
.carousel__button svg{
width: 18px;
height: 18px;
filter: none;
}
.fancybox__content :focus:not(.carousel__button.is-close) {
outline: none;
}
.fancybox__content {
padding: 40px 80px;
}
.fancybox__backdrop {
background: rgba(1, 73, 69, .48);
}
//fancybox ends
/*-- Custom checkbox --*/
.custom-checkbox {
font: 12px/1.3 $ff-i-r;
color: $white;
letter-spacing: .05em;
text-decoration: none;
transition: all .3s;
@media (min-width: $screen-xxl) {
font-size: 14px;
}
span {
position: absolute;
width: 24px;
height: 24px;
border-radius: 4px;
border: none;
margin-left: -40px;
background-color: #336D69;
}
a {
color: $color-accent;
text-decoration: none;
font-weight: 700;
}
input:checked+span:before {
content: "";
position: absolute;
left: 6px;
top: 6px;
width: 12px;
height: 12px;
border-radius: 2px;
background-color: $main-light;
}
}
.custom-checkbox--white {
font: 12px/1.3 $ff-i-r;
color: $black;
letter-spacing: .05em;
text-decoration: none;
transition: all .3s;
@media (min-width: $screen-xxl) {
font-size: 14px;
}
span {
position: absolute;
width: 24px;
height: 24px;
border-radius: 4px;
border: 1px solid $border-color;
margin-left: -40px;
background-color: $white;
}
a {
color: $color-accent;
text-decoration: none;
font-weight: 700;
}
input:checked+span:before {
content: "";
position: absolute;
left: 5px;
top: 5px;
width: 12px;
height: 12px;
border-radius: 2px;
background-color: $main-light;
}
}
src/blocks/search-input/search-input.pug 0 → 100644
View file @ 923dabc3
//- Все примеси в этом файле должны начинаться c имени блока (search-input)
mixin search-input(text, mods)
//- Принимает:
//- text {string} - текст
//- mods {string} - список модификаторов
//- Вызов:
+search-input('Текст', 'some-mod')
-
// список модификаторов
var allMods = '';
if(typeof(mods) !== 'undefined' && mods) {
var modsList = mods.split(',');
for (var i = 0; i < modsList.length; i++) {
allMods = allMods + ' search-input--' + modsList[i].trim();
}
}
.search-input(class=allMods)&attributes(attributes)
.search-input__inner.container
.search-input__result
.search-input__content
input.search-input__input(type="search" name="search")
label(for='search').search-input__label Поиск по сайту
svg.search-input__btn(width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg')
path(d='M8.6777 14.405C12.3794 14.405 15.3802 11.4042 15.3802 7.70248C15.3802 4.0008 12.3794 1 8.6777 1C4.97602 1 1.97522 4.0008 1.97522 7.70248C1.97522 11.4042 4.97602 14.405 8.6777 14.405Z' stroke='black' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.48')
path(d='M13.9754 11.9753L19.0002 17.0001' stroke='black' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' opacity='0.48')
src/blocks/search-input/search-input.scss 0 → 100644
View file @ 923dabc3
// В этом файле должны быть стили для БЭМ-блока search-input, его элементов,
// модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
.search-input {
$block-name: &; // #{$block-name}__element
padding: 42px 0 32px;
@media (min-width: $screen-lg) {
padding: 80px 0 40px;
}
&__result {
width: 100%;
}
&__content {
position: relative;
width: 100%;
}
&__btn {
position: absolute;
top: 16px;
right: 14px;
width: 22px;
height: 22px;
background-color: $white;
cursor: pointer;
}
&__label {
font-weight: 400;
font-size: 14px;
line-height: 130%;
letter-spacing: 0.05em;
position: absolute;
top: 16px;
left: 16px;
color: $main-dark;
background-color: $white;
pointer-events: none;
width: auto;
transition: all $transition-time;
}
&__input {
width: 100%;
background-color: #fff;
border: 1px solid #e3e3e3;
border-radius: 4px;
padding: 16px;
font: 14px/1.3 $ff-i-r;
letter-spacing: 0.05em;
color: $black;
&:focus {
border: 1px solid $color-accent;
outline: none;
&~label {
top: -8px;
font-size: 12px;
}
}
}
}
\ No newline at end of file
src/blocks/search-result/search-result.scss 0 → 100644
View file @ 923dabc3
// В этом файле должны быть стили для БЭМ-блока search-result, его элементов,
// модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
.search-result {
$block-name: &; // #{$block-name}__element
&__top {
color: $black;
margin-bottom: 40px;
@media (min-width: $screen-lg) {
margin-bottom: 80px;
}
span {
display: block;
color: $main-dark;
}
}
&__list {
list-style: none;
font-size: 15px;
font-weight: 600;
color: $black;
padding-left: 0;
@media (min-width: $screen-xxl) {
font-size: 20px;
}
@media (min-width: $screen-lg) {
font-size: 17px;
}
}
&__item {
margin-bottom: 36px;
@media (min-width: $screen-lg) {
margin-bottom: 64px;
}
}
&__title {
display: inline-block;
margin-bottom: 8px;
@media (min-width: $screen-lg){
margin-bottom: 24px;
}
}
&__p-block {
margin-bottom: 8px;
@media (min-width: $screen-lg){
margin-bottom: 32px;
}
}
&__date {
a {
text-decoration: none;
color: $color-accent;
}
}
}
\ No newline at end of file
src/blocks/task/task.scss
View file @ 923dabc3
...@@ -23,8 +23,10 @@ ...@@ -23,8 +23,10 @@
&__list { &__list {
list-style: none; list-style: none;
padding-left: 20px; padding-left: 20px;
margin-bottom: 40px;
@media (min-width: $screen-lg) { @media (min-width: $screen-lg) {
padding-left: 26px; padding-left: 26px;
margin-bottom: 80px;
} }
} }
......
src/blocks/to-top/to-top.js
View file @ 923dabc3
...@@ -28,14 +28,14 @@ ready(function(){ ...@@ -28,14 +28,14 @@ ready(function(){
} }
function visibilityToggle() { // function visibilityToggle() {
if(window.pageYOffset >= 500) { // if(window.pageYOffset <= 768) {
document.getElementById('to-top').classList.add('to-top--visible'); // document.getElementById('to-top').classList.add('to-top--visible');
} // }
else { // else {
document.getElementById('to-top').classList.remove('to-top--visible'); // document.getElementById('to-top').classList.remove('to-top--visible');
} // }
} // }
function animate(_ref) { function animate(_ref) {
var timing = _ref.timing, var timing = _ref.timing,
......
src/blocks/to-top/to-top.pug
View file @ 923dabc3
...@@ -17,4 +17,5 @@ mixin to-top(mods) ...@@ -17,4 +17,5 @@ mixin to-top(mods)
} }
} }
a.to-top#to-top(class=allMods, href='#')&attributes(attributes) ↑ a.to-top#to-top(class=allMods, href='#')&attributes(attributes)
span.to-top__btn наверх
\ No newline at end of file
src/blocks/to-top/to-top.scss
View file @ 923dabc3
...@@ -2,37 +2,63 @@ ...@@ -2,37 +2,63 @@
// модификаторов, псевдоселекторов, псевдоэлементов, $media-условий... // модификаторов, псевдоселекторов, псевдоэлементов, $media-условий...
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority // Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
$transition-time: 0.3s !default; $transition-time: 0.3s !default;
.to-top { .to-top {
$block-name: &; // #{$block-name}__element $block-name: &; // #{$block-name}__element
position: fixed; display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(270deg, #00BFFF -0.23%, #00E68A 99.77%);
box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.24);
border-radius: 8px;
text-decoration: none;
position: absolute;
z-index: 99; z-index: 99;
right: 1rem; right: 0;
bottom: 1rem; top: 0px;
width: 3rem; width: 56px;
height: 3rem; height: 56px;
border-radius: 50%; padding: 8px;
background-color: #000;
color: transparent;
font: 0/0 a; // stylelint-disable-line
// см. bg-img/to-up.svg
// http://yoksel.github.io/url-encoder/ru/
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 11' width='17' height='11'%3E%3Cpath fill='%23fff' d='M.202 1.97L1.956.204A.61.61 0 0 1 2.43 0a.61.61 0 0 1 .47.204L8.5 5.84 14.1.204A.61.61 0 0 1 14.57 0a.61.61 0 0 1 .474.204l1.754 1.766a.618.618 0 0 1 .202.473.62.62 0 0 1-.202.476l-7.826 7.875A.61.61 0 0 1 8.5 11a.61.61 0 0 1-.472-.204L.202 2.92A.618.618 0 0 1 0 2.444c0-.203.067-.34.202-.475z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
transform: rotate(180deg);
transition: opacity $transition-time; transition: opacity $transition-time;
.js & { @media (min-width: $screen-md) {
opacity: 0; display: none;
visibility: hidden; }
&__btn {
font: 10px/1.5 $ff-i-b;
color: $white;
white-space: nowrap;
padding-top: 12px;
position: relative;
&--visible { &::before {
opacity: 1; position: absolute;
visibility: visible; content: '';
background: url(../img/arrow-down-white.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 0;
width: 16px;
height: 16px;
top: -8px;
left: 50%;
transform: translateX(-50%);
transition: all $transition-time;
} }
} }
}
// .js & {
// opacity: 0;
// visibility: hidden;
// &--visible {
// opacity: 1;
// visibility: visible;
// }
// }
}
\ No newline at end of file
src/blocks/top-slider/top-slider.scss
View file @ 923dabc3
...@@ -104,7 +104,13 @@ ...@@ -104,7 +104,13 @@
} }
svg path { svg path {
opacity: 1; opacity: .5;
transition: all $transition-time;
}
&:hover{
svg path{
opacity: 1;
}
} }
} }
...@@ -127,7 +133,13 @@ ...@@ -127,7 +133,13 @@
} }
svg path { svg path {
opacity: 1; opacity: .5;
transition: all $transition-time;
}
&:hover{
svg path{
opacity: 1;
}
} }
} }
...@@ -177,6 +189,10 @@ ...@@ -177,6 +189,10 @@
background-color: $main-dark; background-color: $main-dark;
opacity: 1; opacity: 1;
transition: all $transition-time; transition: all $transition-time;
&:hover{
background-color: $white;
}
} }
.swiper-pagination-bullet-active { .swiper-pagination-bullet-active {
......
src/favicon/favicon-16x16.png
View replaced file @ e4df6e60 View file @ 923dabc3
src/favicon/favicon-16x16.png

686 Bytes | W: | H:

src/favicon/favicon-16x16.png

3.76 KB | W: | H:

src/favicon/favicon-16x16.png
src/favicon/favicon-16x16.png
src/favicon/favicon-16x16.png
src/favicon/favicon-16x16.png
  • 2-up
  • Swipe
  • Onion skin
src/favicon/favicon-32x32.png
View replaced file @ e4df6e60 View file @ 923dabc3
src/favicon/favicon-32x32.png

1010 Bytes | W: | H:

src/favicon/favicon-32x32.png

3.76 KB | W: | H:

src/favicon/favicon-32x32.png
src/favicon/favicon-32x32.png
src/favicon/favicon-32x32.png
src/favicon/favicon-32x32.png
  • 2-up
  • Swipe
  • Onion skin
src/favicon/favicon-original.png
View replaced file @ e4df6e60 View file @ 923dabc3
src/favicon/favicon-original.png

2.42 KB | W: | H:

src/favicon/favicon-original.png

3.76 KB | W: | H:

src/favicon/favicon-original.png
src/favicon/favicon-original.png
src/favicon/favicon-original.png
src/favicon/favicon-original.png
  • 2-up
  • Swipe
  • Onion skin
src/img/arrow-down-black.svg 0 → 100644
View file @ 923dabc3
<svg width="24" height="29" viewBox="0 0 24 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.71672 14.1858C2.1311 14.7718 1.18135 14.772 0.595402 14.1864C0.00944948 13.6008 0.0091809 12.6511 0.594802 12.0651L2.71672 14.1858ZM12 2.77539L10.939 1.71503L12 0.65347L13.0609 1.71503L12 2.77539ZM23.4052 12.0651C23.9908 12.6511 23.9905 13.6008 23.4046 14.1864C22.8186 14.772 21.8689 14.7718 21.2832 14.1858L23.4052 12.0651ZM0.594802 12.0651L10.939 1.71503L13.0609 3.83575L2.71672 14.1858L0.594802 12.0651ZM13.0609 1.71503L23.4052 12.0651L21.2832 14.1858L10.939 3.83575L13.0609 1.71503Z" fill="black"/>
<path d="M10.4995 3.0271C10.4995 2.19867 11.1711 1.5271 11.9995 1.5271C12.8279 1.5271 13.4995 2.19867 13.4995 3.0271H10.4995ZM13.4995 26.7755C13.4995 27.6039 12.8279 28.2755 11.9995 28.2755C11.1711 28.2755 10.4995 27.6039 10.4995 26.7755H13.4995ZM13.4995 3.0271L13.4995 26.7755H10.4995L10.4995 3.0271H13.4995Z" fill="black"/>
</svg>
src/img/branch2.jpg
View replaced file @ e4df6e60 View file @ 923dabc3
src/img/branch2.jpg

7.41 MB | W: | H:

src/img/branch2.jpg

180 KB | W: | H:

src/img/branch2.jpg
src/img/branch2.jpg
src/img/branch2.jpg
src/img/branch2.jpg
  • 2-up
  • Swipe
  • Onion skin
src/img/branch3.jpg
View replaced file @ e4df6e60 View file @ 923dabc3
This image diff could not be displayed because it is too large. You can view the blob instead.
src/img/fav.svg 0 → 100644
View file @ 923dabc3
<svg width="81" height="50" viewBox="0 0 81 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.8117 13.7044C21.6922 23.0389 11.636 41.3613 11.636 41.3613C11.636 41.3613 34.924 41.371 34.9048 41.3613C36.7332 41.3998 37.6859 41.7366 38.6578 43.5458C38.6578 43.5554 42.1703 49.9548 42.1703 49.9548C42.1703 49.9548 5.11154 49.9548 5.10191 49.9548C0.617529 49.9356 -1.24936 46.6637 0.877353 42.8529C5.37136 34.8272 22.8855 2.8399 22.8855 2.82065C23.7804 1.17509 25.1662 0.106924 26.9946 0.12617C28.823 0.15504 30.2183 1.25208 31.1133 2.86877C31.1133 2.88801 51.4277 39.8505 51.4181 39.8409C52.0917 41.0726 52.9963 41.3132 54.2858 41.3228C63.9089 41.4479 71.492 34.2787 71.5401 24.9346C71.5882 16.1198 64.111 8.79662 54.9402 8.71001C54.9498 8.71001 40.7653 8.70039 40.7653 8.71001C39.5624 8.61378 38.8984 8.11338 38.4365 7.28579C38.4557 7.28579 34.5199 0.0684312 34.5199 0.0684312C34.5199 0.0684312 48.9931 -0.085539 54.7285 0.0684312C65.4967 0.347502 73.5032 5.13983 78.1223 14.7918C84.8296 28.8128 76.5249 45.6917 61.1278 49.1368C57.4614 49.9644 49.7533 49.9548 49.7437 49.9548C47.8287 50.0125 46.4526 49.0021 45.4902 47.2315C39.8415 36.8385 27.5046 14.7149 26.8117 13.7044Z" fill="url(#paint0_linear_885_4487)"/>
<defs>
<linearGradient id="paint0_linear_885_4487" x1="73.7699" y1="8.70915" x2="1.82908" y2="47.8696" gradientUnits="userSpaceOnUse">
<stop stop-color="#00BFFF"/>
<stop offset="1" stop-color="#00E68A"/>
</linearGradient>
</defs>
</svg>
src/img/search-icon.svg 0 → 100644
View file @ 923dabc3
<svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.2">
<path d="M9.11 17.22C13.589 17.22 17.22 13.589 17.22 9.11C17.22 4.63097 13.589 1 9.11 1C4.63097 1 1 4.63097 1 9.11C1 13.589 4.63097 17.22 9.11 17.22Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.5195 14.2812L21.5995 20.3613" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</svg>
src/js/script.js
View file @ 923dabc3
...@@ -28,6 +28,7 @@ Swiper.use([Navigation, Pagination, EffectFade]); ...@@ -28,6 +28,7 @@ Swiper.use([Navigation, Pagination, EffectFade]);
window.addEventListener("load", () => { window.addEventListener("load", () => {
const mobile = window.matchMedia('(max-width:1200px)'); const mobile = window.matchMedia('(max-width:1200px)');
/*-- Top Slider --*/ /*-- Top Slider --*/
...@@ -40,10 +41,12 @@ window.addEventListener("load", () => { ...@@ -40,10 +41,12 @@ window.addEventListener("load", () => {
topSliderSwiper = new Swiper(".top-slider.swiper", { topSliderSwiper = new Swiper(".top-slider.swiper", {
slidesPerView: 1, slidesPerView: 1,
spaceBetween: 0, spaceBetween: 0,
loop: true,
effect: "fade", effect: "fade",
speed: 1500, speed: 1500,
pagination: { pagination: {
el: '.top-slider__pagination', el: '.top-slider__pagination',
clickable: true,
}, },
navigation: { navigation: {
nextEl: '.top-slider__next', nextEl: '.top-slider__next',
...@@ -187,7 +190,7 @@ window.addEventListener("load", () => { ...@@ -187,7 +190,7 @@ window.addEventListener("load", () => {
}) })
} }
GradientAccordeon(); GradientAccordeon();
window.addEventListener('resize', GradientAccordeon); // window.addEventListener('resize', GradientAccordeon);
} }
/*-- Search --*/ /*-- Search --*/
...@@ -199,11 +202,12 @@ window.addEventListener("load", () => { ...@@ -199,11 +202,12 @@ window.addEventListener("load", () => {
const searchBlock = document.querySelector('.search-block'); const searchBlock = document.querySelector('.search-block');
searchBlock.classList.toggle('active'); searchBlock.classList.toggle('active');
searchBtn.classList.toggle('active'); searchBtn.classList.toggle('active');
document.body.classList.toggle('lock');
}) })
const searchInput = document.querySelector('.search-block input') const searchInput = document.querySelector('.search-block input')
searchInput.addEventListener('focus', function() { searchInput.addEventListener('focus', function () {
const searchIcon = document.querySelector('.search-block__btn'); const searchIcon = document.querySelector('.search-block__btn');
const searchPaths = document.querySelectorAll('.search-block__btn path'); const searchPaths = document.querySelectorAll('.search-block__btn path');
...@@ -212,4 +216,38 @@ window.addEventListener("load", () => { ...@@ -212,4 +216,38 @@ window.addEventListener("load", () => {
}) })
}) })
} }
/*-- Thanks popup --*/
// const body = document.querySelector('body');
// const popupBtn = document.querySelector('.popup-submit');
// let unlock = true;
// const timeout = 400;
// popupBtn.addEventListener('click', function (e) {
// const popupName = popupBtn.getAttribute('data-id').replace('#', '');
// const currentPopup = document.getElementById(popupName);
// popupOpen(currentPopup);
// console.log(currentPopup);
// })
// function popupOpen(currentPopup) {
// if (currentPopup && unlock) {
// const popupActive = document.querySelector('.popup.open');
// if (popupActive) {
// popupClose(popupActive, false);
// } else {
// bodyLock();
// }
// currentPopup.classList.add('open');
// body.style.overflow = 'hidden';
// currentPopup.addEventListener('click', function (e) {
// if (!e.target.closest('.popup')) {
// popupClose(e.target.closest('.popup'));
// }
// })
// }
// }
}); });
src/pages/all-pages.pug
View file @ 923dabc3
...@@ -16,16 +16,21 @@ block content ...@@ -16,16 +16,21 @@ block content
.all-pages__inner .all-pages__inner
p #[a.h5(href="index.html", target="_blank").link Главная] p #[a.h5(href="index.html", target="_blank").link Главная]
p #[a.h5(href="about.html", target="_blank").link Кто мы] p #[a.h5(href="about.html", target="_blank").link Кто мы]
p #[a.h5(href="news.html", target="_blank").link Новости]
p #[a.h5(href="news-det.html", target="_blank").link Новости Детальная]
p #[a.h5(href="corp.html", target="_blank").link Корпоративная ответственность]
p #[a.h5(href="solutions.html", target="_blank").link Решения] p #[a.h5(href="solutions.html", target="_blank").link Решения]
p #[a.h5(href="solutions-det1.html", target="_blank").link Решения детальная - Энергоучёт и энергоэффективность] p #[a.h5(href="solutions-det1.html", target="_blank").link Решения детальная - Энергоучёт и энергоэффективность]
p #[a.h5(href="monitoring.html", target="_blank").link Решения детальная - Мониторинг технологических процессов и производств] p #[a.h5(href="monitoring.html", target="_blank").link Решения детальная - Мониторинг технологических процессов и производств]
p #[a.h5(href="planning.html", target="_blank").link Планирование и оптимизация производственных процессов] p #[a.h5(href="planning.html", target="_blank").link Планирование и оптимизация производственных процессов]
p #[a.h5(href="industries.html", target="_blank").link Отрасли] p #[a.h5(href="industries.html", target="_blank").link Отрасли]
p #[a.h5(href="industries-det1.html", target="_blank").link Отрасли детальная - Цифровизация производства]
p #[a.h5(href="projects.html", target="_blank").link Проекты] p #[a.h5(href="projects.html", target="_blank").link Проекты]
//- p #[a.h5(href="project-det.html", target="_blank").link Проект детальная - Бинбанк] p #[a.h5(href="project-det.html", target="_blank").link Проект детальная - Бинбанк]
//- p #[a.h5(href="project-descr.html", target="_blank").link Проект детальная - Автоматизированная система управления ремонтами и техническим обслуживанием оборудования] p #[a.h5(href="project-descr.html", target="_blank").link Проект детальная - Автоматизированная система управления ремонтами и техническим обслуживанием оборудования]
p #[a.h5(href="contacts.html", target="_blank").link Контакты] p #[a.h5(href="contacts.html", target="_blank").link Контакты]
p #[a.h5(href="search-result.html", target="_blank").link Поиск по сайту] p #[a.h5(href="search-result.html", target="_blank").link Поиск по сайту]
p #[a.h5(href="personal.html", target="_blank").link Согласие на обработку персональных данных]
p #[a.h5(href="404.html", target="_blank").link 404] p #[a.h5(href="404.html", target="_blank").link 404]
//- block footer //- block footer
......
src/pages/corp.pug 0 → 100644
View file @ 923dabc3
extends ../pug/layout.pug
block meta
title Корпоративная ответственность
meta(name='description' content='')
//- block append head
//- link(rel='stylesheet' href='css/some.css')
block content
+inner-wrapper()
+inner-wrapper-top(style="background-image: url(img/bgrd_corp.jpg);")
+breadcrumbs()
+breadcrumbs-item('Главная', '/')
+breadcrumbs-item('Кто мы', '/')
+breadcrumbs-item('Корпоративная ответственность')
+main-title('Корпоративная ответственность')
+main-descr('Разработка комплексных программных продуктов на заказ, реализация решений в области цифровизации производства и снижения импортозависимости.')
section.news-det
.news-det__inner.container
p Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку.
p Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации.
p Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
p Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку.
p Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации.
p Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
p Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку.
p Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации.
p Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
p Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку.
p Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации.
p Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
figure
img(src="img/corp.png", aria='hidden')
figcaption Описание к фотографии
section.about__licence
.about__licence-inner.container
.about__licence-wrapper
+download()
//- block footer
//- p footer
//- block append page-bottom
//- script(src='js/some.js')
src/pages/industries-det1.pug 0 → 100644
View file @ 923dabc3
extends ../pug/layout.pug
block meta
title Цифровизация производства
meta(name='description', content='')
//- block append head
//- link(rel='stylesheet', href='css/some.css')
block content
+inner-wrapper()
+inner-wrapper-top(style="background-image: url(img/bgrd_industries.jpg);")
+breadcrumbs()
+breadcrumbs-item('Главная', '/')
+breadcrumbs-item('Цифровизация производства')
+main-title('Цифровизация производства')
+main-descr('Разработка комплексных программных продуктов на заказ, реализация решений в области цифровизации производства и снижения импортозависимости.')
section.plain-content
.plain-content__inner.container
.plain-content__text
p.text Интегрированное планирование и оптимизация разрабатывает и внедряет инженерные и IT-решения для повышения эффективности бурения и разработки месторождений. Мы объединили инновации в геомеханике, геонавигации и петрофизике с технологиями облачной цифровой платформы и промышленного Искусственного интеллекта.
.num-block--industries
+num-block()
section.accordeon.accordeon--industries
.accordeon__inner.container
.accordeon__element
.accordeon__btn(style="background-image: url(img/fill-img.jpg);")
h3.accordeon__title Цифровые двойники (цифровые модели, обеспечивающие предоставление реальной картины работы производства)
button(type='button').accordeon__check.btn-reset
.accordeon__content
.text-block
p.text-block__text.text Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и&nbsp;поддержку.
p.text-block__text.text-bold Сбор данных по потреблению энергоресурсов
p.text-block__text.text-bold Коммерческий учет
p.text-block__text.text-bold Диспетчеризация и технический учет
p.text-block__text.text-bold Управление жизненным циклов средств измерения и приборов учета
p.text-block__text.text Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
section.best
h2.best__title.h2-inner Преимущества
.best__about
ul.best__about-list
li.best__about-item
.best__about-body
.best__about-pic
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
.best__about-content
.best__about-title
h3.best__about-h3.h5 Наглядная экономика проектов
.best__about-subtitle
p.best__about-text.text Автоматизация расчета экономической эффективности
li.best__about-item
.best__about-body
.best__about-pic
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
.best__about-content
.best__about-title
h3.best__about-h3.h5 Единое пространство
.best__about-subtitle
p.best__about-text.text Единое пространство для совместной работы подразделений
li.best__about-item
.best__about-body
.best__about-pic
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
.best__about-content
.best__about-title
h3.best__about-h3.h5 Эффективное управление данными
.best__about-subtitle
p.best__about-text.text Контроль полноты исходных данных
li.best__about-item
.best__about-body
.best__about-pic
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
.best__about-content
.best__about-title
h3.best__about-h3.h5 Повышение эффективности
.best__about-subtitle
p.best__about-text.text Сокращение трудозатрат на ведение реестра
.best__screen
ul.best__screen-list
li.best__screen-item
img(src="img/screen1.png", alt="Статистика")
li.best__screen-item
img(src="img/screen2.png", alt="Статистика")
li.best__screen-item
img(src="img/screen3.png", alt="Статистика")
+task()
.collapse
button(type="button").collapse__btn.text-bold.btn-reset Свернуть
.accordeon__element
.accordeon__btn(style="background-image: url(img/fill-img.jpg);")
h3.accordeon__title Достоверность данных (качественная и достоверная информация, оперативно поступающая на всех этапах производства)Коммерческий учёт
button(type='button').accordeon__check.btn-reset
.accordeon__content
.text-block
p.text-block__text.text Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и&nbsp;поддержку.
p.text-block__text.text-bold Сбор данных по потреблению энергоресурсов
p.text-block__text.text-bold Коммерческий учет
p.text-block__text.text-bold Диспетчеризация и технический учет
p.text-block__text.text-bold Управление жизненным циклов средств измерения и приборов учета
p.text-block__text.text Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
section.best
.best__inner.container
h2.best__title.h2-inner Преимущества
.best__about
ul.best__about-list
li.best__about-item
.best__about-body
.best__about-pic
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
.best__about-content
.best__about-title
h3.best__about-h3.h5 Наглядная экономика проектов
.best__about-subtitle
p.best__about-text.text Автоматизация расчета экономической эффективности
li.best__about-item
.best__about-body
.best__about-pic
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
.best__about-content
.best__about-title
h3.best__about-h3.h5 Единое пространство
.best__about-subtitle
p.best__about-text.text Единое пространство для совместной работы подразделений
li.best__about-item
.best__about-body
.best__about-pic
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
.best__about-content
.best__about-title
h3.best__about-h3.h5 Эффективное управление данными
.best__about-subtitle
p.best__about-text.text Контроль полноты исходных данных
li.best__about-item
.best__about-body
.best__about-pic
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
.best__about-content
.best__about-title
h3.best__about-h3.h5 Повышение эффективности
.best__about-subtitle
p.best__about-text.text Сокращение трудозатрат на ведение реестра
.best__screen
ul.best__screen-list
li.best__screen-item
img(src="img/screen1.png", alt="Статистика")
li.best__screen-item
img(src="img/screen2.png", alt="Статистика")
li.best__screen-item
img(src="img/screen3.png", alt="Статистика")
+task()
.collapse
button(type="button").collapse__btn.text-bold.btn-reset Свернуть
.accordeon__element
.accordeon__btn(style="background-image: url(img/fill-img.jpg);")
h3.accordeon__title Проактивные приложения (приложения, сигнализирующие о наступлении события и инициирующие выполнения требуемого действия)
button(type='button').accordeon__check.btn-reset
.accordeon__content
.text-block
p.text-block__text.text Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и&nbsp;поддержку.
p.text-block__text.text-bold Сбор данных по потреблению энергоресурсов
p.text-block__text.text-bold Коммерческий учет
p.text-block__text.text-bold Диспетчеризация и технический учет
p.text-block__text.text-bold Управление жизненным циклов средств измерения и приборов учета
p.text-block__text.text Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
section.best
.best__inner.container
h2.best__title.h2-inner Преимущества
.best__about
ul.best__about-list
li.best__about-item
.best__about-body
.best__about-pic
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
.best__about-content
.best__about-title
h3.best__about-h3.h5 Наглядная экономика проектов
.best__about-subtitle
p.best__about-text.text Автоматизация расчета экономической эффективности
li.best__about-item
.best__about-body
.best__about-pic
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
.best__about-content
.best__about-title
h3.best__about-h3.h5 Единое пространство
.best__about-subtitle
p.best__about-text.text Единое пространство для совместной работы подразделений
li.best__about-item
.best__about-body
.best__about-pic
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
.best__about-content
.best__about-title
h3.best__about-h3.h5 Эффективное управление данными
.best__about-subtitle
p.best__about-text.text Контроль полноты исходных данных
li.best__about-item
.best__about-body
.best__about-pic
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
.best__about-content
.best__about-title
h3.best__about-h3.h5 Повышение эффективности
.best__about-subtitle
p.best__about-text.text Сокращение трудозатрат на ведение реестра
.best__screen
ul.best__screen-list
li.best__screen-item
img(src="img/screen1.png", alt="Статистика")
li.best__screen-item
img(src="img/screen2.png", alt="Статистика")
li.best__screen-item
img(src="img/screen3.png", alt="Статистика")
+task()
.collapse
button(type="button").collapse__btn.text-bold.btn-reset Свернуть
.accordeon__element
.accordeon__btn(style="background-image: url(img/fill-img.jpg);")
h3.accordeon__title Распределенная командная работа и цифровой рабочий (обеспечения рабочего взаимодействия сотрудников вне зависимости от географического места работы, междисциплинарное взаимодействие)
button(type='button').accordeon__check.btn-reset
.accordeon__content
.text-block
p.text-block__text.text Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и&nbsp;поддержку.
p.text-block__text.text-bold Сбор данных по потреблению энергоресурсов
p.text-block__text.text-bold Коммерческий учет
p.text-block__text.text-bold Диспетчеризация и технический учет
p.text-block__text.text-bold Управление жизненным циклов средств измерения и приборов учета
p.text-block__text.text Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
section.best
.best__inner.container
h2.best__title.h2-inner Преимущества
.best__about
ul.best__about-list
li.best__about-item
.best__about-body
.best__about-pic
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
.best__about-content
.best__about-title
h3.best__about-h3.h5 Наглядная экономика проектов
.best__about-subtitle
p.best__about-text.text Автоматизация расчета экономической эффективности
li.best__about-item
.best__about-body
.best__about-pic
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
.best__about-content
.best__about-title
h3.best__about-h3.h5 Единое пространство
.best__about-subtitle
p.best__about-text.text Единое пространство для совместной работы подразделений
li.best__about-item
.best__about-body
.best__about-pic
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
.best__about-content
.best__about-title
h3.best__about-h3.h5 Эффективное управление данными
.best__about-subtitle
p.best__about-text.text Контроль полноты исходных данных
li.best__about-item
.best__about-body
.best__about-pic
img(src="img/logo-sq-white.svg" alt="Логотип").best__about-img
.best__about-content
.best__about-title
h3.best__about-h3.h5 Повышение эффективности
.best__about-subtitle
p.best__about-text.text Сокращение трудозатрат на ведение реестра
.best__screen
ul.best__screen-list
li.best__screen-item
img(src="img/screen1.png", alt="Статистика")
li.best__screen-item
img(src="img/screen2.png", alt="Статистика")
li.best__screen-item
img(src="img/screen3.png", alt="Статистика")
+task()
.collapse
button(type="button").collapse__btn.text-bold.btn-reset Свернуть
+projects()
+partners()
section.num-solutions.section--angled.mb-section-angled
.num-solutions__inner.container
h2.num-solutions__title.h2 Отрасли
.branch__block
.branch__top(style="background-image: url(img/branch1.jpg);")
a(href="javascript:void(0);").branch__link
.branch__item-body
h3.branch__item-title Цифровизация производства
ul.branch__item-bottom
li.branch__item-item
span.branch__item-subtitle.h5 Цифровые двойники
li.branch__item-item
span.branch__item-subtitle.h5 Достоверность данных
li.branch__item-item
span.branch__item-subtitle.h5 Проактивные приложения
li.branch__item-item
span.branch__item-subtitle.h5 Распределённая командная работа и цифровой рабочий
ul.branch__grid
.branch__item(style="background-image: url(img/branch2.jpg);")
a(href="javascript:void(0);").branch__link
.branch__body
h3.branch__title-h3 Нефть и газ
ul.branch__bottom
li.branch__subtitle.h5 Цифровые двойники
li.branch__subtitle.h5 Цифровое бурение
li.branch__subtitle.h5 Интегрированное планирование и оптимизация
li.branch__subtitle.h5 Переработка и сбыт
li.branch__subtitle.h5 Корпоративные сервисы
.branch__item(style="background-image: url(img/branch3.jpg);")
a(href="javascript:void(0);").branch__link
.branch__body
h3.branch__title-h3 Энергетика
ul.branch__bottom
li.branch__subtitle.h5 Генерация
li.branch__subtitle.h5 Ресурсоснабжающие организации и сбыт
li.branch__subtitle.h5 Корпоративные сервисы
.branch__item(style="background-image: url(img/branch4.png);")
a(href="javascript:void(0);").branch__link
.branch__body
h3.branch__title-h3 Промышленное производство
ul.branch__bottom
li.branch__subtitle.h5 Цифровые двойники
li.branch__subtitle.h5 Достоверность данных
li.branch__subtitle.h5 Проактивные приложения
li.branch__subtitle.h5 Распределённая командная работа и цифровой рабочий
//- block footer
//- p footer
//- block append page-bottom
//- script(src='js/some.js')
src/pages/news-det.pug 0 → 100644
View file @ 923dabc3
extends ../pug/layout.pug
block meta
title Новости
meta(name='description' content='')
//- block append head
//- link(rel='stylesheet' href='css/some.css')
block content
+inner-wrapper()
+inner-wrapper-top(style="background-image: url(img/bgrd_news.jpg);")
+breadcrumbs()
+breadcrumbs-item('Главная', '/')
+breadcrumbs-item('Кто мы', '/')
+breadcrumbs-item('Новости')
+main-title('Новости')
+main-descr('Разработка комплексных программных продуктов на заказ, реализация решений в области цифровизации производства и снижения импортозависимости.')
section.news-det
.news-det__inner.container
.news-det__date 22 Июня 2022
h2 Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства.
p Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку.
p Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации.
p Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
p Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку.
p Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации.
p Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
figure
img(src="img/news-pic.png", aria='hidden')
figcaption Описание к фотографии
p Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку.
p Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации.
p Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
p Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку.
p Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации.
p Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
.apply(class=allMods)&attributes(attributes)
.apply__inner.container
ul.apply__list
li.apply__item
.apply__body
.apply__icon
svg(width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg')
g(clip-path='url(#clip0_263_7463)')
path(fill-rule='evenodd' clip-rule='evenodd' d='M27.2123 0.0775398C15.9908 1.24022 6.46526 9.08612 3.19829 19.8573C2.40432 22.4751 1.9449 25.88 2.02334 28.5654L2.06438 29.9732L1.33935 29.9729C0.736046 29.9727 0.562638 30.0243 0.307155 30.2798L0 30.5868V33.4758V36.3648L0.307155 36.6719C0.60968 36.9745 0.646464 36.979 2.79455 36.979H4.97503L5.49863 38.5063C5.78665 39.3462 6.33002 40.6508 6.70611 41.4051L7.38986 42.7768L5.82193 44.3615C4.95952 45.2331 4.25388 46.0427 4.25388 46.1606C4.25388 46.2785 4.33432 46.527 4.43266 46.7129C4.531 46.8987 6.57386 49.0072 8.97217 51.3984C13.0053 55.4195 13.3652 55.7461 13.7622 55.7461C14.1469 55.7461 14.3406 55.5909 15.6346 54.2446C16.4286 53.4188 17.1402 52.7431 17.2162 52.7433C17.2921 52.7433 17.9959 53.0467 18.7801 53.4174C19.5643 53.788 20.8394 54.3004 21.6134 54.5562L23.021 55.021V57.2033C23.021 59.3537 23.0255 59.3903 23.3281 59.6928L23.6352 60H30.0274H36.4196L36.7266 59.6928C37.0292 59.3903 37.0337 59.3539 37.0337 57.201V55.016L38.0659 54.6785C39.2772 54.2825 41.346 53.4057 42.2039 52.9248L42.8076 52.5865L44.4042 54.1663C45.2824 55.0352 46.0974 55.7461 46.2154 55.7461C46.3332 55.7461 46.5817 55.6657 46.7676 55.5673C46.9534 55.469 49.0618 53.4261 51.4531 51.0278C55.4869 46.982 55.8008 46.6358 55.8008 46.2347C55.8008 45.8459 55.6492 45.6562 54.2995 44.3558C53.4737 43.5602 52.7981 42.85 52.7981 42.7774C52.7981 42.705 53.1014 42.0041 53.4721 41.2199C53.8427 40.4357 54.3551 39.1608 54.6109 38.3866L55.0757 36.979H57.258C59.4084 36.979 59.445 36.9745 59.7476 36.6719L60.0547 36.3648V33.4758V30.5868L59.7476 30.2798C59.4923 30.0244 59.3183 29.9726 58.7154 29.9725L57.9903 29.9723L57.9781 27.5641C57.9555 23.1507 57.1088 19.5977 55.1081 15.522C51.1336 7.42548 43.2388 1.64197 34.2789 0.263209C32.6964 0.0197373 28.767 -0.0834819 27.2123 0.0775398ZM32.5477 2.07974C37.5816 2.59521 42.4855 4.59065 46.3111 7.68034C52.4862 12.6675 56.0511 20.1637 56.0511 28.1615C56.0511 28.94 56.0169 29.6659 55.9751 29.7747C55.9072 29.9518 55.2 29.9727 49.2759 29.9727H42.6525L42.3643 30.2608C42.1537 30.4715 42.0522 30.7606 41.9871 31.3365C41.6602 34.2259 39.9061 37.3574 37.5779 39.2079C36.3407 40.1912 34.4266 41.1458 32.9675 41.5072C31.3461 41.9088 28.6574 41.9088 27.1497 41.5072C23.6186 40.5665 20.6736 38.1191 19.1781 34.8822C18.7243 33.9001 18.1415 31.8296 18.1415 31.1995C18.1415 30.7845 17.9462 30.359 17.652 30.133C17.5017 30.0177 15.8338 29.9797 10.8045 29.9767C4.8593 29.973 4.14753 29.9518 4.07959 29.7747C4.0378 29.6659 4.00365 28.94 4.00365 28.1615C4.00365 20.2382 7.50834 12.7846 13.5585 7.84086C18.8433 3.52255 25.8569 1.39474 32.5477 2.07974ZM28.9774 4.12573C27.9243 4.51771 27.0246 5.80889 27.0246 6.92816C27.0246 7.96498 27.7968 9.22525 28.6482 9.57782L29.0292 9.73571L28.9965 14.8735L28.9639 20.0114L28.1506 20.1628C27.2857 20.324 25.7716 20.8551 25.3043 21.1611L25.0228 21.3455V17.9522V14.5589L24.6653 14.2251C24.4688 14.0414 23.7664 13.4699 23.1045 12.9549L21.9012 12.0188L21.9775 11.3643C22.0956 10.3528 21.837 9.63187 21.0886 8.88669C19.8176 7.62104 18.2143 7.62104 16.9487 8.88669C15.6829 10.1525 15.6829 11.7582 16.9487 13.024C17.8774 13.9527 19.0201 14.207 20.0865 13.7226L20.5929 13.4926L21.8007 14.4448L23.0086 15.3969L23.0147 19.1014L23.021 22.8059L22.5378 23.3552C22.0023 23.9641 21.0701 25.3614 20.9526 25.7313C20.881 25.9569 20.714 25.9686 17.664 25.9627L14.4507 25.9566L13.4985 24.7488L12.5464 23.5409L12.7764 23.0346C13.2608 21.9681 13.0065 20.8254 12.0778 19.8967C10.812 18.6309 9.20626 18.6309 7.94048 19.8967C6.67483 21.1624 6.67483 22.7656 7.94048 24.0366C8.68616 24.7855 9.40682 25.0439 10.4181 24.9251L11.0726 24.8481L12.1986 26.274C12.8179 27.0584 13.454 27.761 13.612 27.8355C13.7946 27.9214 15.0552 27.9708 17.0669 27.9708H20.2343L20.1123 28.6277C19.9599 29.4482 20.0678 31.4379 20.3141 32.3517C21.0135 34.9456 22.4453 36.9506 24.6054 38.3607C26.309 39.4728 27.8481 39.9137 30.0274 39.9137C32.2066 39.9137 33.7457 39.4728 35.4493 38.3607C37.6094 36.9506 39.0412 34.9456 39.7406 32.3517C39.9869 31.4379 40.0948 29.4482 39.9424 28.6277L39.8204 27.9708H43.1312H46.4421L46.7756 27.6136C46.9592 27.4172 47.5287 26.7143 48.0411 26.0517L48.973 24.8471L49.632 24.9246C50.6483 25.0439 51.3673 24.7868 52.1142 24.0366C53.3799 22.7656 53.3799 21.1624 52.1142 19.8967C50.8484 18.6309 49.2427 18.6309 47.977 19.8967C47.0482 20.8254 46.7939 21.9681 47.2783 23.0346L47.5083 23.5409L46.5562 24.7488L45.604 25.9566L42.4136 25.9599L39.2232 25.9632L38.7234 25.0747C38.4484 24.586 37.9558 23.8802 37.6287 23.5064L37.0337 22.8266L37.04 19.1118L37.0461 15.3969L38.254 14.4448L39.4618 13.4926L39.9682 13.7226C41.0346 14.207 42.1773 13.9527 43.106 13.024C43.9902 12.1398 44.2345 11.2046 43.888 10.0315C43.6849 9.34423 42.6485 8.30779 41.9612 8.10473C40.7889 7.75841 39.8541 8.00238 38.9661 8.88669C38.2172 9.63237 37.9588 10.353 38.0777 11.3643L38.1546 12.0188L36.7287 13.1448C35.9444 13.7641 35.2417 14.4002 35.1673 14.5582C35.0811 14.7414 35.0319 16.0248 35.0319 18.0956V21.3455L34.7504 21.1611C34.2831 20.8551 32.769 20.324 31.9041 20.1628L31.0908 20.0114L31.0582 14.8735L31.0255 9.73571L31.4065 9.57782C32.2579 9.22525 33.0301 7.96498 33.0301 6.92816C33.0301 5.90235 32.2965 4.72352 31.3556 4.23695C30.8241 3.96208 29.5743 3.90365 28.9774 4.12573ZM30.7211 6.25792C31.3418 6.87849 30.902 7.95259 30.0274 7.95259C29.7836 7.95259 29.5271 7.83911 29.3336 7.64543C29.1399 7.45188 29.0264 7.1954 29.0264 6.95168C29.0264 6.07701 30.1005 5.63723 30.7211 6.25792ZM19.7111 10.2616C20.3318 10.8821 19.892 11.9562 19.0173 11.9562C18.7736 11.9562 18.5171 11.8428 18.3236 11.6491C18.1299 11.4555 18.0164 11.199 18.0164 10.9553C18.0164 10.7116 18.1299 10.4551 18.3236 10.2616C18.5171 10.0679 18.7736 9.95441 19.0173 9.95441C19.261 9.95441 19.5175 10.0679 19.7111 10.2616ZM41.7311 10.2616C42.3518 10.8821 41.9121 11.9562 41.0374 11.9562C40.523 11.9562 40.0365 11.4697 40.0365 10.9553C40.0365 10.441 40.523 9.95441 41.0374 9.95441C41.2811 9.95441 41.5376 10.0679 41.7311 10.2616ZM10.7029 21.2716C10.8966 21.4651 11.01 21.7216 11.01 21.9654C11.01 22.2091 10.8966 22.4656 10.7029 22.6591C10.5093 22.8528 10.2528 22.9663 10.0091 22.9663C9.7654 22.9663 9.50891 22.8528 9.31536 22.6591C9.12169 22.4656 9.00821 22.2091 9.00821 21.9654C9.00821 21.7216 9.12169 21.4651 9.31536 21.2716C9.50891 21.0779 9.7654 20.9644 10.0091 20.9644C10.2528 20.9644 10.5093 21.0779 10.7029 21.2716ZM50.7394 21.2716C51.36 21.8922 50.9203 22.9663 50.0456 22.9663C49.5312 22.9663 49.0447 22.4797 49.0447 21.9654C49.0447 21.451 49.5312 20.9644 50.0456 20.9644C50.2893 20.9644 50.5458 21.0779 50.7394 21.2716ZM31.7164 22.1519C33.1286 22.4458 34.5602 23.2406 35.6747 24.3494C38.8165 27.4752 38.8089 32.4514 35.6575 35.6028C32.5061 38.7541 27.53 38.7618 24.4041 35.62C21.2367 32.4364 21.2303 27.4943 24.3896 24.3349C26.3394 22.3852 29.0116 21.589 31.7164 22.1519ZM16.1845 32.1934C16.2184 32.3138 16.2825 32.6094 16.3267 32.8503C16.6624 34.6737 17.8406 37.1263 19.1786 38.7868C21.0619 41.1243 23.6337 42.7515 26.7352 43.5685C27.7834 43.8447 28.2466 43.8941 29.9022 43.9062C31.0853 43.915 32.1341 43.8569 32.5922 43.7573C38.5604 42.4593 42.4962 38.4581 43.8442 32.3185L43.9198 31.9745H50.9863H58.0529V33.4758V34.9772H56.0024C54.2323 34.9772 53.9161 35.0071 53.6909 35.1962C53.5253 35.3352 53.2723 35.9403 52.9978 36.8539C52.4897 38.5453 51.8913 39.9826 51.038 41.5612C50.6986 42.189 50.4209 42.8312 50.4209 42.9884C50.4209 43.1852 50.8771 43.7359 51.8875 44.759L53.3541 46.2438L49.824 49.7739L46.2939 53.304L44.8855 51.9051C44.1109 51.1356 43.3351 50.4717 43.1616 50.4298C42.9235 50.3721 42.4322 50.5664 41.1597 51.2214C39.4723 52.0899 38.149 52.6238 36.4304 53.1294C35.0298 53.5414 35.0319 53.537 35.0319 55.9574V57.9982H30.0274H25.0228V55.9477C25.0228 54.1805 24.9925 53.86 24.8038 53.6288C24.6601 53.4528 24.1374 53.2312 23.282 52.9839C21.6385 52.5087 20.1805 51.9098 18.5608 51.0445C17.8625 50.6715 17.1639 50.3662 17.0085 50.3662C16.8157 50.3662 16.2544 50.8319 15.241 51.8328L13.7562 53.2994L10.2261 49.7693L6.69597 46.2392L8.09487 44.8308C8.86445 44.0562 9.5283 43.2804 9.57022 43.1069C9.6279 42.8688 9.43359 42.3774 8.77862 41.105C7.9042 39.4061 7.36108 38.055 6.88114 36.3846C6.4784 34.9835 6.46589 34.9772 4.04256 34.9772H2.00182V33.4758V31.9745H9.06238C15.6798 31.9745 16.1267 31.9882 16.1845 32.1934Z' fill='url(#paint0_linear_263_7463)')
defs
lineargradient#paint0_linear_263_7463(x1='60.1902' y1='29.1429' x2='0.135471' y2='29.1429' gradientUnits='userSpaceOnUse')
stop(stop-color='#00BFFF')
stop(offset='1' stop-color='#00E68A')
clippath#clip0_263_7463
rect(width='60' height='60' fill='white')
.apply__text Цифровизация производства
li.apply__item
.apply__body
.apply__icon
svg(width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg')
g(clip-path='url(#clip0_263_7472)')
path(d='M22.5 46.875H37.5' stroke='url(#paint0_linear_263_7472)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round')
path(d='M24.375 54.375H35.625' stroke='url(#paint1_linear_263_7472)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round')
path(d='M18.7484 39.3757C15.6005 37.0143 13.2754 33.7224 12.1024 29.9662C10.9294 26.2099 10.9679 22.1799 12.2125 18.4467C13.4571 14.7136 15.8447 11.4667 19.0371 9.16588C22.2295 6.86505 26.0649 5.62696 30 5.62695C33.9351 5.62695 37.7705 6.86503 40.9629 9.16585C44.1553 11.4667 46.5429 14.7136 47.7875 18.4467C49.0321 22.1798 49.0706 26.2099 47.8976 29.9661C46.7246 33.7223 44.3995 37.0143 41.2517 39.3757' stroke='url(#paint2_linear_263_7472)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none')
defs
lineargradient#paint0_linear_263_7472(x1='37.5338' y1='47.3607' x2='22.5338' y2='47.3607' gradientUnits='userSpaceOnUse')
stop(stop-color='#00BFFF')
stop(offset='1' stop-color='#00E68A')
lineargradient#paint1_linear_263_7472(x1='35.6504' y1='54.8607' x2='24.4004' y2='54.8607' gradientUnits='userSpaceOnUse')
stop(stop-color='#00BFFF')
stop(offset='1' stop-color='#00E68A')
lineargradient#paint2_linear_263_7472(x1='48.8346' y1='22.0192' x2='11.3346' y2='22.0192' gradientUnits='userSpaceOnUse')
stop(stop-color='#00BFFF')
stop(offset='1' stop-color='#00E68A')
clippath#clip0_263_7472
rect(width='60' height='60' fill='white')
.apply__text Энергетика
+return('к списку новостей')
//- block footer
//- p footer
//- block append page-bottom
//- script(src='js/some.js')
src/pages/news.pug 0 → 100644
View file @ 923dabc3
extends ../pug/layout.pug
block meta
title Новости
meta(name='description', content='')
//- block append head
//- link(rel='stylesheet', href='css/some.css')
block content
+inner-wrapper()
+inner-wrapper-top(style="background-image: url(img/bgrd_news.jpg);")
+breadcrumbs()
+breadcrumbs-item('Главная', '/')
+breadcrumbs-item('Кто мы', '/')
+breadcrumbs-item('Новости')
+main-title('Новости')
+main-descr('Разработка комплексных программных продуктов на заказ, реализация решений в области цифровизации производства и снижения импортозависимости.')
+news-list()
.news
+more('показать больше')
//- block footer
//- p footer
//- block append page-bottom
//- script(src='js/some.js')
src/pages/personal.pug 0 → 100644
View file @ 923dabc3
extends ../pug/layout.pug
block meta
title Согласие на обработку персональных данных
meta(name='description' content='')
//- block append head
//- link(rel='stylesheet' href='css/some.css')
block content
+inner-wrapper()
+inner-wrapper-top(style="background-image: url(img/bgrd_personal.jpg);")
+breadcrumbs()
+breadcrumbs-item('Главная', '/')
+breadcrumbs-item('Согласие на обработку персональных данных')
+main-title('Согласие на обработку персональных данных')
section.text-block.mt-80
.text-block__inner.container
p.text-block__text.text Предоставляя свои персональные данные Пользователь даёт согласие на&nbsp;обработку, хранение и&nbsp;использование своих персональных данных на&nbsp;основании ФЗ &#8470;&nbsp;152-ФЗ &laquo;О&nbsp;персональных данных&raquo; от&nbsp;27.07.2006&nbsp;г.&nbsp;в&nbsp;следующих целях:
ul.task__list
li.task__item
p.text Осуществление клиентской поддержки;
li.task__item
p.text Получения Пользователем информации о маркетинговых событиях;
li.task__item
p.text Проведения аудита и прочих внутренних исследований с целью повышения качества предоставляемых услуг;
p.text-block__text.text-bold Под персональными данными подразумевается любая информация личного характера, позволяющая установить личность Пользователя/Покупателя такая как:
ul.task__list
li.task__item
p.text Фамилия, Имя, Отчество;
li.task__item
p.text Дата рождения;
li.task__item
p.text Контактный телефон;
li.task__item
p.text Адрес электронной почты;
li.task__item
p.text Почтовый адрес;
p.text-block__text.text Персональные данные Пользователей хранятся исключительно на&nbsp;электронных носителях и&nbsp;обрабатываются с&nbsp;использованием автоматизированных систем, за&nbsp;исключением случаев, когда неавтоматизированная обработка персональных данных необходима в&nbsp;связи с&nbsp;исполнением требований законодательства.
p.text-block__text.text-bold Компания обязуется не&nbsp;передавать полученные персональные данные третьим лицам, за&nbsp;исключением следующих случаев:
ul.task__list
li.task__item
p.text По запросам уполномоченных органов государственной власти РФ только по основаниям и в порядке, установленным законодательством РФ
li.task__item
p.text Стратегическим партнерам, которые работают с Компанией для предоставления продуктов и услуг, или тем из них, которые помогают Компании реализовывать продукты и услуги потребителям. Мы предоставляем третьим лицам минимальный объем персональных данных, необходимый только для оказания требуемой услуги или проведения необходимой транзакции.
p.text-block__text.text Компания оставляет за собой право вносить изменения в одностороннем порядке в настоящие правила, при условии, что изменения не противоречат действующему законодательству РФ. Изменения условий настоящих правил вступают в силу после их публикации на Сайте.
ul.download.mb-64
li.download__item
.download__body
.download__pic
svg(width='32' height='34' viewBox='0 0 32 34' fill='none' xmlns='http://www.w3.org/2000/svg')
path(d='M28.3346 33H4.33333C3.97971 33 3.64057 32.8595 3.39052 32.6095C3.14048 32.3594 3 32.0203 3 31.6667V2.33333C3 1.97971 3.14048 1.64057 3.39052 1.39052C3.64057 1.14048 3.97971 1 4.33333 1H20.3346L29.668 10.3333V31.6667C29.668 31.8418 29.6335 32.0151 29.5665 32.1769C29.4995 32.3387 29.4013 32.4857 29.2774 32.6095C29.1536 32.7333 29.0066 32.8315 28.8449 32.8985C28.6831 32.9655 28.5097 33 28.3346 33Z' stroke='#00BFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none')
path(d='M20.334 1V10.3333H29.6686' stroke='#00BFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none')
path(d='M11.666 21.6665L16.3327 26.3332L20.9993 21.6665' stroke='#00BFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none')
path(d='M16.334 15.6665V26.3332' stroke='#00BFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none')
.download__content
.download__title
h3.download__h3.h5 Документ №1
.download__subtitle
p.download__text.text Дополнительная информация описания документа.
+hyperlink()
//- block footer
//- p footer
//- block append page-bottom
//- script(src='js/some.js')
src/pages/projects.pug
View file @ 923dabc3
...@@ -42,7 +42,8 @@ block content ...@@ -42,7 +42,8 @@ block content
.project-search__search .project-search__search
button.project-search__btn.btn поиск button.project-search__btn.btn поиск
+project-grid() +project-grid()
+more('показать больше') .projects__more
+more('показать больше')
//- block footer //- block footer
......
src/pages/search-result.pug
View file @ 923dabc3
extends ../pug/layout.pug extends ../pug/layout.pug
block meta block meta
title Энергоучёт и энергоэффективность title Поиск по сайту
meta(name='description', content='') meta(name='description', content='')
//- block append head //- block append head
...@@ -11,16 +11,36 @@ block meta ...@@ -11,16 +11,36 @@ block meta
block content block content
+inner-wrapper() +inner-wrapper()
+inner-wrapper-top(style="background-image: url(img/bgrd_solutions.jpg);") +inner-wrapper-top(style="background-image: url(img/bgrd_search.jpg);")
+breadcrumbs() +breadcrumbs()
+breadcrumbs-item('Главная', '/') +breadcrumbs-item('Главная', '/')
+breadcrumbs-item('Решения', '/') +breadcrumbs-item('Поиск по сайту')
+breadcrumbs-item('Энергоучёт и энергоэффективность') +main-title('Поиск по сайту')
+main-title('Энергоучёт и энергоэффективность') +search-input()
+main-descr('Разработка комплексных программных продуктов на заказ, реализация решений в области цифровизации производства и снижения импортозависимости.') section.search-result
+about-solutions() .search-result__inner.container
+accordeon() p.search-result__top.h3 Результаты поиска по запросу:#[span «Нефть и газ»]
ul.search-result__list
li.search-result__item
span.search-result__title.h5 1. Нефть и газ
.search-result__p-block
p.search-result__text.text Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и&nbsp;поддержку.
p.search-result__text.text Мы&nbsp;предлагаем набор планов и&nbsp;возможностей, инноваций и&nbsp;связанных с&nbsp;ними технологических решений, которые помогают компаниям и&nbsp;промышленным предприятиям перейти на&nbsp;новые уровни автоматизации и&nbsp;цифровизации.
.search-result__date.info Раздел: #[a(href="javascript:void(0);") Отрасли]
li.search-result__item
span.search-result__title.h5 2. Нефть и газ
.search-result__p-block
p.search-result__text.text Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и&nbsp;поддержку.
p.search-result__text.text Мы&nbsp;предлагаем набор планов и&nbsp;возможностей, инноваций и&nbsp;связанных с&nbsp;ними технологических решений, которые помогают компаниям и&nbsp;промышленным предприятиям перейти на&nbsp;новые уровни автоматизации и&nbsp;цифровизации.
.search-result__date.info Раздел: #[a(href="javascript:void(0);") Отрасли]
li.search-result__item
span.search-result__title.h5 3. Нефть и газ
.search-result__p-block
p.search-result__text.text Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и&nbsp;поддержку.
p.search-result__text.text Мы&nbsp;предлагаем набор планов и&nbsp;возможностей, инноваций и&nbsp;связанных с&nbsp;ними технологических решений, которые помогают компаниям и&nbsp;промышленным предприятиям перейти на&nbsp;новые уровни автоматизации и&nbsp;цифровизации.
.search-result__date.info Раздел: #[a(href="javascript:void(0);") Отрасли]
//- block footer //- block footer
......
src/pug/layout.pug
View file @ 923dabc3
...@@ -22,8 +22,8 @@ html(class='page no-js', lang='ru') ...@@ -22,8 +22,8 @@ html(class='page no-js', lang='ru')
//- Фавиконки (https://realfavicongenerator.net) //- Фавиконки (https://realfavicongenerator.net)
//- link(rel='apple-touch-icon', sizes='180x180', href='/img/favicon/apple-touch-icon.png') //- link(rel='apple-touch-icon', sizes='180x180', href='/img/favicon/apple-touch-icon.png')
//- link(rel='icon', type='image/png', sizes='32x32', href='/img/favicon/favicon-32x32.png') link(rel='icon', type='image/png', sizes='32x32', href='/img/favicon/favicon-32x32.png')
//- link(rel='icon', type='image/png', sizes='16x16', href='/img/favicon/favicon-16x16.png') link(rel='icon', type='image/png', sizes='16x16', href='/img/favicon/favicon-16x16.png')
//- link(rel='manifest', href='/img/favicon/site.webmanifest') //- link(rel='manifest', href='/img/favicon/site.webmanifest')
//- link(rel='mask-icon', href='/img/favicon/safari-pinned-tab.svg', color='#5bbad5') //- link(rel='mask-icon', href='/img/favicon/safari-pinned-tab.svg', color='#5bbad5')
//- meta(name='msapplication-TileColor', content='#5bbad5') //- meta(name='msapplication-TileColor', content='#5bbad5')
...@@ -56,5 +56,6 @@ html(class='page no-js', lang='ru') ...@@ -56,5 +56,6 @@ html(class='page no-js', lang='ru')
.page__footer-wrapper .page__footer-wrapper
+page-footer() +page-footer()
block page-bottom block page-bottom
script(src='js/bundle.js') script(src='js/bundle.js')
src/scss/global.scss
View file @ 923dabc3
...@@ -151,7 +151,7 @@ ...@@ -151,7 +151,7 @@
&:before { &:before {
transform-origin: 100% 0; transform-origin: 100% 0;
height: 53px; height: 55px;
top: -31px; top: -31px;
background-color: $main-light; background-color: $main-light;
...@@ -354,8 +354,20 @@ ...@@ -354,8 +354,20 @@
font-size: 24px; font-size: 24px;
} }
} }
.info {
font: 12px/1.3 $ff-i-r;
letter-spacing: 0.05em;
@media (min-width: $screen-xxl) {
font-size: 14px;
}
}
.pt-16 { .pt-16 {
padding-top: 16px; padding-top: 16px;
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment