Commit bbbf3d77 authored by IrinaPronina's avatar IrinaPronina

Last update

parent 9ccf2ebf
Pipeline #93 failed with stages
...@@ -5,13 +5,9 @@ ...@@ -5,13 +5,9 @@
.about-solutions { .about-solutions {
$block-name: &; // #{$block-name}__element $block-name: &; // #{$block-name}__element
padding: 52px 0 52px;
background-color: $white; background-color: $white;
@media (min-width: $screen-xl) { @media (min-width: $screen-xl) {
background-image: url("../img/blum.svg"); background-image: url("../img/blum.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
...@@ -22,16 +18,11 @@ ...@@ -22,16 +18,11 @@
@media (min-width: $screen-sm) {
padding: 80px 0 80px;
}
.partners { .partners {
margin-bottom: 52px; margin-bottom: 48px;
@media (min-width: $screen-lg) { @media (min-width: $screen-lg) {
margin-bottom: 62px; margin-bottom: 56px;
} }
} }
} }
\ No newline at end of file
...@@ -14,13 +14,11 @@ ...@@ -14,13 +14,11 @@
&__apply { &__apply {
display: none; display: none;
padding-bottom: 120px; padding-bottom: 120px;
margin-top: 80px;
z-index: -1; z-index: -1;
@media (min-width: $screen-xl) { @media (min-width: $screen-xl) {
display: block; display: block;
padding-bottom: 0px; padding-bottom: 0px;
margin-top: 160px;
} }
// @media (min-width: $screen-lg) { // @media (min-width: $screen-lg) {
...@@ -42,12 +40,6 @@ ...@@ -42,12 +40,6 @@
margin-bottom: 40px; margin-bottom: 40px;
} }
&__licence {
@media (min-width: $screen-xl) {
margin-bottom: 80px;
}
}
&__solutions-block { &__solutions-block {
display: none; display: none;
...@@ -57,29 +49,29 @@ ...@@ -57,29 +49,29 @@
} }
} }
&.solutions { &.solutions {}
margin-bottom: 120px;
@media (min-width: $screen-xxl) {
margin-bottom: 80px;
}
}
.solutions__content{ .solutions__content {
@media (min-width: $screen-xl) { @media (min-width: $screen-xl) {
padding-bottom: 0; padding-bottom: 0;
} }
@media (min-width: $screen-lg) { @media (min-width: $screen-lg) {
padding-bottom: 60px; padding-bottom: 60px;
} }
} }
&.decor:after { &.decor:after {
bottom: -100px; bottom: -56px;
height: 56px;
@media (min-width: 2100px) { @media (min-width: 2100px) {
bottom: -150px; bottom: -150px;
height: 150px; height: 150px;
} }
@media (min-width: $screen-xl) {
bottom: -100px;
height: 100px;
}
} }
} }
\ No newline at end of file
This diff is collapsed.
...@@ -7,10 +7,10 @@ ...@@ -7,10 +7,10 @@
$block-name: &; // #{$block-name}__element $block-name: &; // #{$block-name}__element
padding: 56px 0; padding: 56px 0;
margin-bottom: -52px; margin-bottom: -56px;
@media (min-width: $screen-xxl) { @media (min-width: $screen-xxl) {
margin-bottom: -80px; margin-bottom: -88px;
} }
@media (min-width: $screen-lg) { @media (min-width: $screen-lg) {
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
.accordeon__content { .accordeon__content {
max-height: 5000px; max-height: 5000px;
opacity: 1; opacity: 1;
padding-top: 24px; padding-top: 16px;
visibility: visible; visibility: visible;
@media (max-width: ($screen-lg - 1)) { @media (max-width: ($screen-lg - 1)) {
...@@ -230,20 +230,17 @@ ...@@ -230,20 +230,17 @@
} }
.accordeon.accordeon--industries {
}
.accordeon--industries { .accordeon--industries {
margin-bottom: 0; padding: 30px 0; margin-bottom: 0; padding: 0;
@media (min-width: $screen-xxl) { @media (min-width: $screen-xxl) {
margin-bottom: 0px; margin-bottom: 0px;
} }
@media (min-width: $screen-lg) { @media (min-width: $screen-lg) {
padding: 50px 0; padding: 0;
} }
.accordeon__btn { .accordeon__btn {
......
...@@ -20,10 +20,10 @@ mixin apply(text, mods) ...@@ -20,10 +20,10 @@ mixin apply(text, mods)
.apply(class=allMods)&attributes(attributes) .apply(class=allMods)&attributes(attributes)
.apply__inner.container .apply__inner.container
h2.task__title.h2-inner Области применения h2.task__title.h2-margin.h2-inner Области применения
ul.apply__list ul.apply__list
li.apply__item li.apply__item
.apply__body a(href="javascript:void(0);").apply__body
.apply__icon .apply__icon
svg(width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg') 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)') g(clip-path='url(#clip0_263_7463)')
...@@ -36,7 +36,7 @@ mixin apply(text, mods) ...@@ -36,7 +36,7 @@ mixin apply(text, mods)
rect(width='60' height='60' fill='white') rect(width='60' height='60' fill='white')
.apply__text Цифровизация производства .apply__text Цифровизация производства
li.apply__item li.apply__item
.apply__body a(href="javascript:void(0);").apply__body
.apply__icon .apply__icon
svg(width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg') 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)') g(clip-path='url(#clip0_263_7472)')
......
...@@ -6,25 +6,20 @@ ...@@ -6,25 +6,20 @@
$block-name: &; // #{$block-name}__element $block-name: &; // #{$block-name}__element
margin-bottom: 40px;
@media (min-width: $screen-lg) { &__title {}
margin-bottom: 64px;
}
&__title {
margin-bottom: 56px;
}
&__list { &__list {
list-style: none; list-style: none;
padding: 0; padding: 0;
row-gap: 16px;
filter: drop-shadow(0px 8px 32px rgba(0, 0, 0, 0.24)); filter: drop-shadow(0px 8px 32px rgba(0, 0, 0, 0.24));
@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;
row-gap: 40px;
} }
} }
...@@ -40,16 +35,21 @@ ...@@ -40,16 +35,21 @@
@media (max-width: ($screen-c - 1)) { @media (max-width: ($screen-c - 1)) {
flex: 0 0 50%; flex: 0 0 50%;
margin-bottom: 20px;
} }
} }
&__body { &__body {
background: linear-gradient(0deg, #005F82, #005F82); text-decoration: none;
background: #005F82;
display: flex; display: flex;
padding: 18px 16px; padding: 18px 16px;
align-items: center; align-items: center;
border-radius: 16px; border-radius: 16px;
transition: all $transition-time;
&:hover {
background: #002130;
}
@media (min-width: $screen-lg) { @media (min-width: $screen-lg) {
padding: 36px 32px; padding: 36px 32px;
......
...@@ -5,48 +5,10 @@ ...@@ -5,48 +5,10 @@
.branch { .branch {
$block-name: &; // #{$block-name}__element $block-name: &; // #{$block-name}__element
padding: 46px 0;
margin-bottom: 48px;
@media (min-width: $screen-xxl) {
padding: 160px 0;
margin-bottom: 104px;
}
@media (min-width: $screen-c) {
padding: 136px 0;
margin-bottom: 118px;
}
@media (min-width: $screen-xl) {
padding: 118px 0 136px;
margin-bottom: 132px;
}
@media (min-width: $screen-lg) {
padding: 102px 0 112px;
margin-bottom: 40px;
}
@media (min-width: $screen-md) {
padding: 102px 0;
margin-bottom: 100px;
}
@media (min-width: $screen-sm) {
padding: 60px 0;
}
&__title { &__title {
color: $white; color: $white;
margin: 0 0 30px;
@media (min-width: $screen-xxl) {
margin: 0 0 56px;
}
@media (min-width: $screen-md) {
margin: 0 0 48px;
}
} }
&__top { &__top {
......
...@@ -11,7 +11,8 @@ ...@@ -11,7 +11,8 @@
border-radius: 8px; border-radius: 8px;
@media (min-width: $screen-md) { @media (min-width: $screen-md) {
width: 440px; width: 680px;
max-width: 680px !important;
} }
&__title { &__title {
...@@ -76,6 +77,7 @@ ...@@ -76,6 +77,7 @@
font-size: 12px; font-size: 12px;
} }
} }
} }
&__agree { &__agree {
...@@ -88,10 +90,4 @@ ...@@ -88,10 +90,4 @@
} }
} }
} }
\ No newline at end of file
.thanks-popup{
}
...@@ -7,9 +7,10 @@ ...@@ -7,9 +7,10 @@
$block-name: &; // #{$block-name}__element $block-name: &; // #{$block-name}__element
list-style: none; list-style: none;
padding: 0;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin: 0;
padding-left: 0;
&__item { &__item {
......
...@@ -14,7 +14,6 @@ ...@@ -14,7 +14,6 @@
} }
&__descr { &__descr {
padding: 40px 0 40px;
text-align: center; text-align: center;
} }
......
...@@ -18,6 +18,10 @@ ...@@ -18,6 +18,10 @@
&:hover{ &:hover{
color: $light-blue; color: $light-blue;
svg path{
stroke: $light-blue;
}
} }
&:active{ &:active{
color: #03ACE4; color: #03ACE4;
...@@ -28,6 +32,10 @@ ...@@ -28,6 +32,10 @@
padding-left: 8px; padding-left: 8px;
} }
& svg path{
transition: all $transition-time;
}
&__size{ &__size{
padding-left: 30px; padding-left: 30px;
color: #93969E; color: #93969E;
......
...@@ -20,7 +20,7 @@ mixin main-title(title, mods) ...@@ -20,7 +20,7 @@ mixin main-title(title, mods)
section.main-title(class=allMods)&attributes(attributes) section.main-title(class=allMods)&attributes(attributes)
.main-title__inner.container .main-title__inner.container
h2.main-title__text.h2=title h1.h2.main-title__text=title
block block
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
&__top { &__top {
margin: 0; margin: 0;
margin-bottom: 64px; margin-bottom: 56px;
} }
&__list { &__list {
......
...@@ -14,26 +14,9 @@ ...@@ -14,26 +14,9 @@
} }
} }
.news {
.more {
margin-bottom: 48px;
@media (min-width: $screen-lg) {
margin-bottom: 80px;
}
}
}
.projects__more { .projects__more {
@media (min-width: $screen-xl) { @media (min-width: $screen-xl) {
margin-top: 32px; margin-top: 32px;
} }
.more {
margin-bottom: 48px;
@media (min-width: $screen-lg) {
margin-bottom: 80px;
}
}
} }
\ No newline at end of file
...@@ -6,12 +6,6 @@ ...@@ -6,12 +6,6 @@
$block-name: &; // #{$block-name}__element $block-name: &; // #{$block-name}__element
padding: 46px 0 30px;
@media (min-width: $screen-xxl) {
padding: 80px 0;
}
&__date { &__date {
font: 13px/1.5 $ff-i-r; font: 13px/1.5 $ff-i-r;
font-weight: 400; font-weight: 400;
...@@ -33,16 +27,16 @@ ...@@ -33,16 +27,16 @@
font: 28px/1.2 $ff-i-sb; font: 28px/1.2 $ff-i-sb;
font-weight: 600; font-weight: 600;
letter-spacing: 0.02em; letter-spacing: 0.02em;
margin-bottom: 40px; margin-bottom: 24px;
@media (min-width: $screen-xxl) { @media (min-width: $screen-xxl) {
font-size: 48px; font-size: 48px;
margin-bottom: 40px;
} }
@media (min-width: $screen-lg) { @media (min-width: $screen-lg) {
font-size: 40px; font-size: 40px;
margin-bottom: 64px; margin-bottom: 32px;
} }
} }
...@@ -52,6 +46,10 @@ ...@@ -52,6 +46,10 @@
letter-spacing: 0.05em; letter-spacing: 0.05em;
margin-bottom: 16px; margin-bottom: 16px;
&:last-child {
margin-bottom: 0;
}
@media (min-width: $screen-xxl) { @media (min-width: $screen-xxl) {
font-size: 18px; font-size: 18px;
} }
...@@ -65,14 +63,15 @@ ...@@ -65,14 +63,15 @@
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
padding: 20px 0; padding: 16px 0 24px;
margin: 0; margin: 0;
@media (min-width: $screen-lg) { @media (min-width: $screen-lg) {
padding: 64px 0; padding: 32px 0 40px;
} }
@media (min-width: $screen-md) { @media (min-width: $screen-md) {
padding: 40px 0; padding: 24px 0 32px;
} }
} }
...@@ -98,6 +97,7 @@ ...@@ -98,6 +97,7 @@
@media (min-width: $screen-xxl) { @media (min-width: $screen-xxl) {
width: 926px; width: 926px;
} }
@media (min-width: $screen-xl) { @media (min-width: $screen-xl) {
width: 80%; width: 80%;
} }
......
...@@ -6,12 +6,6 @@ ...@@ -6,12 +6,6 @@
$block-name: &; // #{$block-name}__element $block-name: &; // #{$block-name}__element
padding: 46px 0 30px;
@media (min-width: $screen-xxl) {
padding: 80px 0;
}
&__list { &__list {
list-style: none; list-style: none;
...@@ -19,10 +13,10 @@ ...@@ -19,10 +13,10 @@
&__item { &__item {
&:not(:last-child) { &:not(:last-child) {
margin-bottom: 48px; margin-bottom: 32px;
@media (min-width: $screen-lg) { @media (min-width: $screen-lg) {
margin-bottom: 64px; margin-bottom: 48px;
} }
} }
} }
......
...@@ -44,6 +44,9 @@ ...@@ -44,6 +44,9 @@
flex: 0 0 33.333%; flex: 0 0 33.333%;
padding: 0 20px; padding: 0 20px;
margin-bottom: 0; margin-bottom: 0;
&:not(:last-child) {
margin-bottom: 0px;
}
} }
} }
...@@ -60,7 +63,7 @@ ...@@ -60,7 +63,7 @@
.num-block--industries{ .num-block--industries{
margin-bottom: 32px; margin-bottom: 32px;
@media (min-width: $screen-lg){ @media (min-width: $screen-lg){
margin-bottom: 80px; margin-bottom: 56px;
} }
} }
\ No newline at end of file
...@@ -20,6 +20,6 @@ mixin num-solutions(text, mods) ...@@ -20,6 +20,6 @@ mixin num-solutions(text, mods)
section.num-solutions.section--angled.mb-section-angled section.num-solutions.section--angled.mb-section-angled
.num-solutions__inner.container .num-solutions__inner.container
h2.num-solutions__title.h2 Решения h2.num-solutions__title.h2-margin.h2 Решения
.num-solutions__grid .num-solutions__grid
+solutions-grid() +solutions-grid()
...@@ -6,30 +6,8 @@ ...@@ -6,30 +6,8 @@
$block-name: &; // #{$block-name}__element $block-name: &; // #{$block-name}__element
padding: 46px 0 80px;
@media (min-width: $screen-xxl) {
padding: 160px 0 140px;
}
@media (min-width: $screen-xl) {
padding: 100px 0 140px;
}
@media (min-width: $screen-lg) {
padding: 80px 0 160px;
}
@media (min-width: $screen-sm) {
padding: 54px 0 100px;
}
&__title { &__title {
color: $white; color: $white;
margin-bottom: 24px;
@media (min-width: $screen-lg) {
margin-bottom: 36px;
}
} }
} }
\ No newline at end of file
...@@ -7,23 +7,19 @@ ...@@ -7,23 +7,19 @@
$block-name: &; // #{$block-name}__element $block-name: &; // #{$block-name}__element
background-color: $main-dark; background-color: $main-dark;
padding: 58px 0 56px; padding: 56px 0 32px;
@media (min-width: $screen-xxl) { @media (min-width: $screen-xxl) {
padding: 120px 0 56px; padding: 120px 0 32px;
} }
@media (min-width: $screen-c) { @media (min-width: $screen-xl) {
padding: 86px 0 48px; padding: 80px 0 32px;
}
@media (min-width: $screen-lg) {
padding: 80px 0 48px;
} }
@media (min-width: $screen-md) { @media (min-width: $screen-md) {
padding: 64px 0 56px; padding: 72px 0 32px;
} }
......
...@@ -130,7 +130,7 @@ mixin page-header(mods) ...@@ -130,7 +130,7 @@ mixin page-header(mods)
button(type="submit" data-id="#thanks-popup").popup-submit.footer-form__submit.btn Отправить 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(style="display:none;max-width:440px;").popup.more-popup
.more-popup__title.h4 Обратный звонок .more-popup__title.h4 Обратный звонок
.more-popup__text .more-popup__text
p.text Оставьте свои контакты, и мы перезвоним Вам в ближайшее время. p.text Оставьте свои контакты, и мы перезвоним Вам в ближайшее время.
...@@ -160,7 +160,9 @@ mixin page-header(mods) ...@@ -160,7 +160,9 @@ mixin page-header(mods)
p Ознакомлен с #[a(href="javascript:void()") политикой в области обработки персональных данных] и даю согласие на их обработку p Ознакомлен с #[a(href="javascript:void()") политикой в области обработки персональных данных] и даю согласие на их обработку
button(type="submit" data-id="#thanks-popup").popup-submit.footer-form__submit.btn Отправить button(type="submit" data-id="#thanks-popup").popup-submit.footer-form__submit.btn Отправить
//- #thanks-popup.popup.thanks-popup #thanks-popup(style="display:none;max-width:440px;").popup.thanks-popup
//- .thanks-popup__inner .thanks-popup__inner
//- .thanks-popup__title.h4 Спасибо за обращение! Мы свяжемся с Вами в ближайшее время. .thanks-popup__icon
img(src="img/thx.svg" alt="" aria-hidden="true")
.thanks-popup__title.h4 Спасибо за обращение! Мы свяжемся с Вами в ближайшее время.
...@@ -80,6 +80,13 @@ ...@@ -80,6 +80,13 @@
&__content { &__content {
flex-grow: 1; flex-grow: 1;
@media (min-width: $screen-xxl) {
padding-bottom: 8px;
}
@media (min-width: $screen-xl) {
padding-bottom: 4px;
}
} }
&__footer-wrapper { &__footer-wrapper {
...@@ -423,19 +430,6 @@ pre { ...@@ -423,19 +430,6 @@ pre {
background: linear-gradient(270deg, #00bfff -.23%, #00e68a 99.77%); background: linear-gradient(270deg, #00bfff -.23%, #00e68a 99.77%);
background-clip: text; background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
margin-bottom: 32px;
@media (min-width: $screen-xxl) {
margin-bottom: 92px;
}
@media (min-width: $screen-c) {
margin-bottom: 80px;
}
@media (min-width: $screen-md) {
margin-bottom: 80px;
}
} }
...@@ -557,6 +551,13 @@ pre { ...@@ -557,6 +551,13 @@ pre {
margin-top: 64px; margin-top: 64px;
} }
} }
.pt-64 {
padding-top: 48px;
@media (min-width: $screen-lg) {
padding-top: 64px;
}
}
.mb-section-80 { .mb-section-80 {
margin-bottom: 40px; margin-bottom: 40px;
...@@ -592,7 +593,10 @@ pre { ...@@ -592,7 +593,10 @@ pre {
} }
.fancybox__content { .fancybox__content {
padding: 40px 80px;
@media (min-width: $screen-md){
padding: 40px 120px;
}
} }
.fancybox__backdrop { .fancybox__backdrop {
...@@ -600,6 +604,13 @@ pre { ...@@ -600,6 +604,13 @@ pre {
} }
.fancybox__slide {
@media (min-width: 1024px){
padding: 48px 100px;
}
}
//fancybox ends //fancybox ends
/*-- Custom checkbox --*/ /*-- Custom checkbox --*/
...@@ -684,8 +695,40 @@ pre { ...@@ -684,8 +695,40 @@ pre {
} }
} }
.corp{
padding-top: 40px;
@media (min-width: $screen-xxl) {
padding-top: 56px;
}
@media (min-width: $screen-md) {
padding-top: 48px;
}
}
.disable-scroll { .disable-scroll {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
height: 100vh; height: 100vh;
}
.solutions.decor+section{
margin-top: 0;
@media (min-width: $screen-xxl) {
margin-top: 92px ;
}
@media (min-width: $screen-xl) {
margin-top: 70px;
}
@media (min-width: $screen-md) {
margin-top: 52px;
}
@media (min-width: $screen-sm) {
margin-top: 0px;
}
} }
\ No newline at end of file
...@@ -5,16 +5,6 @@ ...@@ -5,16 +5,6 @@
.partners { .partners {
$block-name: &; // #{$block-name}__element $block-name: &; // #{$block-name}__element
$block-name: &; // #{$block-name}__element
margin-bottom: 86px;
@media (min-width: $screen-xxl) {
margin-bottom: 152px;
}
@media (min-width: $screen-c) {
margin-bottom: 80px;
}
&__title { &__title {
background: linear-gradient(270deg, #00BFFF -0.23%, #00E68A 99.77%); background: linear-gradient(270deg, #00BFFF -0.23%, #00E68A 99.77%);
...@@ -35,13 +25,13 @@ ...@@ -35,13 +25,13 @@
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 146px; height: 196px;
padding: 0 40px; padding: 0 40px;
} }
&__img { &__img {
width: 100%; width: 100%;
height: 100%; height: 146px;
object-fit: contain; object-fit: contain;
object-position: center; object-position: center;
filter: grayscale(99%); filter: grayscale(99%);
......
...@@ -5,12 +5,13 @@ ...@@ -5,12 +5,13 @@
.plain-content { .plain-content {
$block-name: &; // #{$block-name}__element $block-name: &; // #{$block-name}__element
padding: 46px 0 30px; &__text{
p{
@media (min-width: $screen-xxl){ &:last-child{
padding: 80px 0; margin-bottom: 0;
}
} }
}
} }
.plain-content.bgrd { .plain-content.bgrd {
......
...@@ -18,9 +18,9 @@ mixin plus(text, mods) ...@@ -18,9 +18,9 @@ mixin plus(text, mods)
} }
} }
section.plus(style="background-image: url(img/content-logo.svg);") section.plus.p-sec(style="background-image: url(img/content-logo.svg);")
.plus__inner.container .plus__inner.container
h2.plus__title.h2 Преимущества h2.plus__title.h2-margin.h2 Преимущества
ul.plus__grid ul.plus__grid
li.plus__item li.plus__item
.plus__body .plus__body
......
...@@ -9,32 +9,24 @@ ...@@ -9,32 +9,24 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: $white; background-color: $white;
background-position: center center; background-position: center center;
padding-bottom: 120px;
margin-top: 80px;
z-index: -1; z-index: -1;
@media (min-width: $screen-xxl) { @media (min-width: $screen-xxl) {
padding-bottom: 108px;
margin-top: 206px;
} }
@media (min-width: $screen-c) { @media (min-width: $screen-c) {
padding-bottom: 100px;
margin-bottom: 0;
} }
@media (min-width: $screen-xl) { @media (min-width: $screen-xl) {
padding-bottom: 18px;
margin-top: 194px;
} }
@media (min-width: $screen-md) { @media (min-width: $screen-md) {
margin-top: 166px;
padding-bottom: 70px;
margin-bottom: 80px;
} }
@media (min-width: $screen-sm) { @media (min-width: $screen-sm) {
margin-top: 80px;
padding-bottom: 24px;
} }
&__title { &__title {
...@@ -44,16 +36,11 @@ ...@@ -44,16 +36,11 @@
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
background-clip: text; background-clip: text;
@media (min-width: $screen-xxl) {
margin-bottom: 56px;
}
@media (min-width: $screen-md) {
margin-bottom: 46px;
}
} }
&__grid { &__grid {
padding: 0; padding: 0;
margin: 0;
list-style: none; list-style: none;
display: grid; display: grid;
grid-template-columns: repeat(1, 1fr); grid-template-columns: repeat(1, 1fr);
...@@ -75,18 +62,20 @@ ...@@ -75,18 +62,20 @@
} }
&__img { &__img {
width: 80px; width: 64px;
height: 80px; height: 64px;
margin-bottom: 32px; margin-bottom: 8px;
@media (min-width: $screen-xxl) { @media (min-width: $screen-xxl) {
width: 96px; width: 96px;
height: 96px; height: 96px;
margin-bottom: 32px; margin-bottom: 24px;
} }
@media (min-width: $screen-md) { @media (min-width: $screen-md) {
margin-bottom: 24px; margin-bottom: 24px;
width: 80px;
height: 80px;
} }
@media (min-width: $screen-sm) { @media (min-width: $screen-sm) {
margin-bottom: 8px; margin-bottom: 8px;
......
...@@ -5,11 +5,10 @@ ...@@ -5,11 +5,10 @@
.project-search { .project-search {
$block-name: &; // #{$block-name}__element $block-name: &; // #{$block-name}__element
padding-top: 48px; padding-top: 48px;
margin-bottom: 40px;
@media (min-width: $screen-lg) { @media (min-width: $screen-lg) {
margin-bottom: 64px; padding-top: 80px; padding-top: 64px;
} }
&__top { &__top {
...@@ -51,6 +50,20 @@ padding-top: 48px; ...@@ -51,6 +50,20 @@ padding-top: 48px;
flex: 0 0 68%; flex: 0 0 68%;
margin-bottom: 0; margin-bottom: 0;
} }
label{
font: 12px/1.3 $ff-i-r;
letter-spacing: 0.05em;
color: $color-main;
@media (min-width: $screen-xxl) {
font-size: 14px;
}
@media (min-width: $screen-lg) {
font-size: 12px;
}
}
} }
&__search { &__search {
......
...@@ -18,7 +18,7 @@ mixin project-tasks(text, mods) ...@@ -18,7 +18,7 @@ mixin project-tasks(text, mods)
} }
} }
.project-tasks(class=allMods)&attributes(attributes) .project-tasks.p-sec
.project-tasks__inner.container .project-tasks__inner.container
ul.project-tasks__list ul.project-tasks__list
li.project-tasks__item li.project-tasks__item
......
...@@ -6,11 +6,6 @@ ...@@ -6,11 +6,6 @@
$block-name: &; // #{$block-name}__element $block-name: &; // #{$block-name}__element
margin: 48px 0;
@media (min-width: $screen-lg) {
margin: 80px 0 64px;
}
&__list { &__list {
......
...@@ -20,5 +20,5 @@ mixin projects(text, mods) ...@@ -20,5 +20,5 @@ mixin projects(text, mods)
.projects(class=allMods)&attributes(attributes) .projects(class=allMods)&attributes(attributes)
.projects__inner.container .projects__inner.container
h2.projects__title.h2-inner Проекты h2.projects__title.h2-margin.h2-inner Проекты
...@@ -8,18 +8,5 @@ ...@@ -8,18 +8,5 @@
&__title { &__title {
color: $black; color: $black;
margin-bottom: 24px;
@media (min-width: $screen-xxl) {
margin-bottom: 88px;
}
@media (min-width: $screen-xl) {
margin-bottom: 60px;
}
@media (min-width: $screen-lg) {
margin-bottom: 40px;
}
} }
} }
\ No newline at end of file
...@@ -7,8 +7,11 @@ ...@@ -7,8 +7,11 @@
$block-name: &; // #{$block-name}__element $block-name: &; // #{$block-name}__element
margin-bottom: 48px; margin-bottom: 48px;
@media (min-width: $screen-xxl) {
margin-bottom: 64px;
}
@media (min-width: $screen-lg) { @media (min-width: $screen-lg) {
margin-bottom: 80px; margin-bottom: 56px;
} }
&__link{ &__link{
......
...@@ -18,7 +18,7 @@ mixin search-input(text, mods) ...@@ -18,7 +18,7 @@ mixin search-input(text, mods)
} }
} }
.search-input(class=allMods)&attributes(attributes) .search-input.p-sec
.search-input__inner.container .search-input__inner.container
.search-input__result .search-input__result
.search-input__content .search-input__content
......
...@@ -6,11 +6,6 @@ ...@@ -6,11 +6,6 @@
$block-name: &; // #{$block-name}__element $block-name: &; // #{$block-name}__element
padding: 42px 0 32px;
@media (min-width: $screen-lg) {
padding: 80px 0 40px;
}
&__result { &__result {
width: 100%; width: 100%;
...@@ -56,6 +51,14 @@ ...@@ -56,6 +51,14 @@
font: 14px/1.3 $ff-i-r; font: 14px/1.3 $ff-i-r;
letter-spacing: 0.05em; letter-spacing: 0.05em;
color: $black; color: $black;
height: 100%;
@media (min-width: $screen-xxl){
padding: 16px;
}
@media (min-width: $screen-lg){
padding: 14px;
}
&:focus { &:focus {
border: 1px solid $color-accent; border: 1px solid $color-accent;
......
...@@ -8,10 +8,10 @@ ...@@ -8,10 +8,10 @@
&__top { &__top {
color: $black; color: $black;
margin-bottom: 40px; margin-bottom: 24px;
@media (min-width: $screen-lg) { @media (min-width: $screen-lg) {
margin-bottom: 80px; margin-bottom: 32px;
} }
span { span {
...@@ -26,6 +26,7 @@ ...@@ -26,6 +26,7 @@
font-weight: 600; font-weight: 600;
color: $black; color: $black;
padding-left: 0; padding-left: 0;
margin-bottom: 0;
@media (min-width: $screen-xxl) { @media (min-width: $screen-xxl) {
font-size: 20px; font-size: 20px;
...@@ -37,18 +38,22 @@ ...@@ -37,18 +38,22 @@
} }
&__item { &__item {
margin-bottom: 36px;
@media (min-width: $screen-lg) { &:not(:last-child) {
margin-bottom: 64px; margin-bottom: 24px;
@media (min-width: $screen-lg) {
margin-bottom: 32px;
}
} }
} }
&__title { &__title {
display: inline-block; display: inline-block;
margin-bottom: 8px; margin-bottom: 8px;
@media (min-width: $screen-lg){ @media (min-width: $screen-lg) {
margin-bottom: 24px; margin-bottom: 24px;
} }
} }
...@@ -56,8 +61,8 @@ ...@@ -56,8 +61,8 @@
&__p-block { &__p-block {
margin-bottom: 8px; margin-bottom: 8px;
@media (min-width: $screen-lg){ @media (min-width: $screen-lg) {
margin-bottom: 32px; margin-bottom: 24px;
} }
} }
......
...@@ -20,27 +20,27 @@ mixin solutions-grid(text, mods) ...@@ -20,27 +20,27 @@ mixin solutions-grid(text, mods)
ul.solutions-grid(class=allMods)&attributes(attributes) ul.solutions-grid(class=allMods)&attributes(attributes)
li.solutions-grid__item li.solutions-grid__item
a(href="javascript:void(0);").solutions-grid__body a(href="javascript:void(0);" style="background-image: url(img/solutions_bg_1.svg);").solutions-grid__body
h3.solutions-grid__subtitle.h5 Мониторинг технологических процессов и производств h3.solutions-grid__subtitle.h5 Мониторинг технологических процессов и производств
li.solutions-grid__item li.solutions-grid__item
a(href="javascript:void(0);").solutions-grid__body a(href="javascript:void(0);" style="background-image: url(img/solutions_bg_2.svg);").solutions-grid__body
h3.solutions-grid__subtitle.h5 Энергоучёт и энергоэффективность h3.solutions-grid__subtitle.h5 Энергоучёт и энергоэффективность
li.solutions-grid__item li.solutions-grid__item
a(href="javascript:void(0);").solutions-grid__body a(href="javascript:void(0);" style="background-image: url(img/solutions_bg_3.svg);").solutions-grid__body
h3.solutions-grid__subtitle.h5 Промышленная безопасность персонала h3.solutions-grid__subtitle.h5 Промышленная безопасность персонала
li.solutions-grid__item li.solutions-grid__item
a(href="javascript:void(0);").solutions-grid__body a(href="javascript:void(0);" style="background-image: url(img/solutions_bg_4.svg);").solutions-grid__body
h3.solutions-grid__subtitle.h5 Планирование и оптимизация производственных процессов h3.solutions-grid__subtitle.h5 Планирование и оптимизация производственных процессов
li.solutions-grid__item li.solutions-grid__item
a(href="javascript:void(0);").solutions-grid__body a(href="javascript:void(0);" style="background-image: url(img/solutions_bg_5.svg);").solutions-grid__body
h3.solutions-grid__subtitle.h5 Аналитика и визуализация, моделирование и прогнозирование, управление данными h3.solutions-grid__subtitle.h5 Аналитика и визуализация, моделирование и прогнозирование, управление данными
li.solutions-grid__item li.solutions-grid__item
a(href="javascript:void(0);").solutions-grid__body a(href="javascript:void(0);" style="background-image: url(img/solutions_bg_6.svg);").solutions-grid__body
h3.solutions-grid__subtitle.h5 Поддержка процессов эксплуатации и ремонтов оборудования h3.solutions-grid__subtitle.h5 Поддержка процессов эксплуатации и ремонтов оборудования
li.solutions-grid__item li.solutions-grid__item
a(href="javascript:void(0);").solutions-grid__body a(href="javascript:void(0);" style="background-image: url(img/solutions_bg_7.svg);").solutions-grid__body
h3.solutions-grid__subtitle.h5 Цифровой персонал / Цифровое рабочее место h3.solutions-grid__subtitle.h5 Цифровой персонал / Цифровое рабочее место
li.solutions-grid__item li.solutions-grid__item
a(href="javascript:void(0);").solutions-grid__body a(href="javascript:void(0);" style="background-image: url(img/solutions_bg_8.svg);").solutions-grid__body
h3.solutions-grid__subtitle.h5 Цифровое зрение: ИИ, Большие данные, Глубокое обучение h3.solutions-grid__subtitle.h5 Цифровое зрение: ИИ, Большие данные, Глубокое обучение
...@@ -15,7 +15,6 @@ ...@@ -15,7 +15,6 @@
gap: 16px; gap: 16px;
z-index: 7; z-index: 7;
filter: drop-shadow(0px 8px 32px rgba(0, 0, 0, 0.24)); filter: drop-shadow(0px 8px 32px rgba(0, 0, 0, 0.24));
transform: translateY(20px);
@media (min-width: $screen-c) { @media (min-width: $screen-c) {
...@@ -39,22 +38,41 @@ ...@@ -39,22 +38,41 @@
&__item { &__item {
grid-column: 12 span; grid-column: 12 span;
background-color: $black;
border-radius: 16px; border-radius: 16px;
position: relative; position: relative;
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: $black;
background-position: center center; background-position: center center;
background-size: cover; background-size: cover;
overflow: hidden; overflow: hidden;
transition: all $transition-time; transition: all $transition-time;
&::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #015F83;
opacity: 1;
top: 0;
left: 0;
z-index: -1;
pointer-events: none;
transition: all $transition-time;
}
&:hover {
&::before {
background: $black;
}
}
@media (min-width: $screen-xxl) { @media (min-width: $screen-xxl) {
grid-column: 3 span; grid-column: 3 span;
height: 320px;
aspect-ratio: 1/1; aspect-ratio: 1/1;
height: auto;
} }
@media (min-width: $screen-c) { @media (min-width: $screen-c) {
...@@ -64,7 +82,7 @@ ...@@ -64,7 +82,7 @@
@media (min-width: $screen-xl) { @media (min-width: $screen-xl) {
grid-column: 6 span; grid-column: 6 span;
width: 320px; width: auto;
} }
...@@ -80,92 +98,39 @@ ...@@ -80,92 +98,39 @@
&:nth-child(1) { &:nth-child(1),
background-image: url("../img/a1.jpg"); &:nth-child(2),
position: relative; &:nth-child(3),
// &::before {
// content: '';
// position: absolute;
// width: 100%;
// height: 100%;
// background: rgba(0, 0, 0, 0.48);
// opacity: 0;
// top: 0;
// left: 0;
// z-index: 1;
// pointer-events: none;
// }
&:hover {
// &::before {
// opacity: 1;
// }
background-image: url("../img/a2.jpg");
}
}
&:nth-child(2) {
background-image: url("../img/b1.jpg");
&:hover {
background-image: url("../img/b2.jpg");
}
}
&:nth-child(3) {
background-image: url("../img/c1.jpg");
&:hover {
background-image: url("../img/c2.jpg");
}
}
&:nth-child(4) { &:nth-child(4) {
background-image: url("../img/d1.jpg"); position: relative;
&:hover {
background-image: url("../img/d2.jpg");
}
}
&:nth-child(5) {
background-image: url("../img/e1.jpg");
&:hover {
background-image: url("../img/e2.jpg");
}
}
&:nth-child(6) {
background-image: url("../img/f1.jpg");
&:hover { &::before {
background-image: url("../img/f2.jpg"); content: '';
position: absolute;
width: 100%;
height: 100%;
background: #00666D;
opacity: 1;
top: 0;
left: 0;
z-index: -1;
pointer-events: none;
transition: all $transition-time;
} }
}
&:nth-child(7) {
background-image: url("../img/g1.jpg");
&:hover { &:hover {
background-image: url("../img/g2.jpg"); &::before {
background: $black;
}
} }
} }
&:nth-child(8) {
background-image: url("../img/h1.jpg");
&:hover {
background-image: url("../img/h2.jpg");
}
}
} }
&__body { &__body {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: block; display: block;
cursor: pointer; cursor: pointer;
text-decoration: none; text-decoration: none;
......
...@@ -21,11 +21,11 @@ mixin solutions(text, mods) ...@@ -21,11 +21,11 @@ mixin solutions(text, mods)
section.solutions.decor(class=allMods)&attributes(attributes) section.solutions.decor(class=allMods)&attributes(attributes)
.solutions__inner.container .solutions__inner.container
.solutions__content .solutions__content
.solutions__top .solutions__top.margin-in-section
.solutions__top-title Advanced Digital Solutions .solutions__top-title Advanced Digital Solutions
.solutions__top-descr .solutions__top-descr
p.solutions__top-text.text Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку. p.solutions__top-text.text Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку.
p.solutions__top-text.text Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации. p.solutions__top-text.text Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации.
p.solutions__top-text.text Наши Заказчики&nbsp;&mdash; основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им&nbsp;контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений,<br> оптимизируют сложные технологические процессы. p.solutions__top-text.text Наши Заказчики&nbsp;&mdash; основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им&nbsp;контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений,<br> оптимизируют сложные технологические процессы.
h2.solutions__title.h2 Решения h2.solutions__title.h2-margin.h2 Решения
+solutions-grid() +solutions-grid()
\ No newline at end of file
...@@ -26,20 +26,21 @@ ...@@ -26,20 +26,21 @@
@media (min-width: $screen-xxl) { @media (min-width: $screen-xxl) {
transform: translateY(80px); transform: translateY(64px);
} }
@media (min-width: $screen-c) { @media (min-width: $screen-c) {
transform: translateY(73px); transform: translateY(56px);
} }
@media (min-width: $screen-xl) { @media (min-width: $screen-xl) {
transform: translateY(73px); transform: translateY(56px);
padding-bottom: 0; padding-bottom: 0;
} }
@media (min-width: $screen-md) { @media (min-width: $screen-md) {
transform: translateY(48px); transform: translateY(32px);
} }
@media (min-width: $screen-sm) { @media (min-width: $screen-sm) {
...@@ -49,15 +50,6 @@ ...@@ -49,15 +50,6 @@
} }
&__top { &__top {
@media (min-width: $screen-xxl) {
margin-bottom: 72px;
}
@media (min-width: $screen-c) {
margin-bottom: 66px;
}
@media (min-width: $screen-md) {
margin-bottom: 66px;
}
} }
&__top-title { &__top-title {
...@@ -95,17 +87,17 @@ ...@@ -95,17 +87,17 @@
} }
&__top-text { &__top-text {
margin-bottom: 28px; margin-bottom: 24px;
@media (min-width: $screen-xxl) { @media (min-width: $screen-xxl) {
margin-bottom: 28px; margin-bottom: 24px;
} }
@media (min-width: $screen-lg) { @media (min-width: $screen-lg) {
margin-bottom: 24px; margin-bottom: 24px;
} }
@media (min-width: $screen-md) { @media (min-width: $screen-md) {
margin-bottom: 26px; margin-bottom: 24px;
} }
@media (min-width: $screen-sm) { @media (min-width: $screen-sm) {
...@@ -115,17 +107,6 @@ ...@@ -115,17 +107,6 @@
&__title { &__title {
color: $white; color: $white;
margin: 0;
@media (min-width: $screen-xxl) {
margin-bottom: 32px;
}
@media (min-width: $screen-c) {
margin-bottom: 20px;
}
@media (min-width: $screen-md) {
margin-bottom: 16px;
}
} }
} }
......
...@@ -28,5 +28,31 @@ mixin table(mods) ...@@ -28,5 +28,31 @@ mixin table(mods)
} }
} }
table.table(class=allMods)&attributes(attributes) .section-table
block h2.table-caption Таблица
.table
table
thead
tr
th Заголовок Заголовок
th Заголовок
th Заголовок
tbody
tr
td Значение
td Значение
td Значение
tr
td Значение
td Значение
td ЗначениеЗначениеЗначение
tr
td Значение
td Значение
td Значение
tr
td Значение
td Значение
td Значение
.table-annotation
p Описание
...@@ -3,35 +3,121 @@ ...@@ -3,35 +3,121 @@
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority // Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
.table { .table {
display: table; border: 1px solid #E3E3E3;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
overflow-x: auto;
}
.section-table{
width: 100%;
overflow: hidden;
}
.table-caption {
text-align: center;
font: 14px/1.5 $ff-i-b;
letter-spacing: 0.05em;
color: $black;
margin-bottom: 14px;
@media (min-width: $screen-xxl) {
font-size: 18px;
margin-bottom: 24px;
}
@media (min-width: $screen-lg) {
font-size: 15px;
margin-bottom: 16px;
}
}
.table + .table-annotation {
margin-top: 14px;
@media (min-width: $screen-xxl) {
margin-top: 24px;
}
@media (min-width: $screen-lg) {
margin-top: 16px;
}
}
.table-annotation {
font: 12px/1.3 $ff-i-r;
letter-spacing: 0.05em;
color: #838383;
text-align: center;
@media (min-width: $screen-xxl) {
font-size: 14px;
}
p{
&:last-child{
margin-bottom: 0;
}
}
}
table {
width: 100%; width: 100%;
margin-top: $typo-margin-vertical;
margin-bottom: $typo-margin-vertical;
border: 1px solid $border-color;
border-collapse: collapse; border-collapse: collapse;
text-align: center;
margin-bottom: 0;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
overflow: hidden;
thead {
border-top-left-radius: 8px;
}
td,
th { th {
padding: $field-padding-vertical $field-padding-horizontal; font: 14px/1.5 $ff-i-b;
vertical-align: top; letter-spacing: 0.05em;
border-bottom: 1px solid $border-color; color: $white;
background-color: $color-main;
padding: 8px 0;
@media (min-width: $screen-xxl) {
font-size: 18px;
}
&:not(:first-child) { @media (min-width: $screen-lg) {
border-left: 1px solid $border-color; font-size: 15px;
} }
} }
th { td {
text-align: inherit; color: $black;
} padding: 8px 0;
font: 12px/1.3 $ff-i-r;
// caption { letter-spacing: 0.05em;
// caption-side: top; min-width: 150px;
// text-align: left;
// padding: 0.4rem $field-padding-horizontal; @media (min-width: $screen-xxl) {
// border-bottom: 1px solid $border-color; font-size: 14px;
// font-size: $font-size-sm; }
// line-height: 1em; }
// color: $text-color-muted;
// } tbody {
} tr {
border-bottom: 1px solid #E3E3E3;
&:last-child {
border-bottom: 0;
}
}
tr:nth-child(even) {
background-color: #F8F8F8;
}
}
}
\ No newline at end of file
...@@ -18,9 +18,9 @@ mixin task(text, mods) ...@@ -18,9 +18,9 @@ mixin task(text, mods)
} }
} }
.task(class=allMods)&attributes(attributes) .task
.task__inner.container .task__inner.container
h2.task__title.h2-inner Решаемые задачи h2.task__title.h2-margin.h2-inner Решаемые задачи
ul.task__list ul.task__list
li.task__item li.task__item
p.text Управление допусками, государственной сертификацией и аттестацией персонала опасных производств; p.text Управление допусками, государственной сертификацией и аттестацией персонала опасных производств;
......
...@@ -6,29 +6,14 @@ ...@@ -6,29 +6,14 @@
$block-name: &; $block-name: &;
margin-bottom: 40px; &__title {}
@media (min-width: $screen-lg) {
margin-bottom: 64px;
}
&__title {
margin: 0;
margin-bottom: 30px;
@media (min-width: $screen-lg) {
margin-bottom: 56px;
}
}
&__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: 64px;
} }
} }
...@@ -39,6 +24,10 @@ ...@@ -39,6 +24,10 @@
font-size: 18px; font-size: 18px;
color: $black; color: $black;
&:last-child{
margin-bottom: 0;
}
p { p {
margin: 0; margin: 0;
} }
...@@ -68,7 +57,12 @@ ...@@ -68,7 +57,12 @@
} }
.task--links { .task--links {
margin-top: 64px; display: none;
@media (min-width: $screen-lg) {
display: block;
}
.hyperlink__link { .hyperlink__link {
......
...@@ -5,32 +5,54 @@ ...@@ -5,32 +5,54 @@
.text-block { .text-block {
$block-name: &; $block-name: &;
margin-bottom: 40px;
@media (min-width: $screen-lg) {
margin-bottom: 64px;
}
&__text { &__text {
margin-bottom: 0;
margin-bottom: 16px; &:not(:last-child) {
margin-bottom: 16px;
@media (min-width: $screen-xl) {}
@media (min-width: $screen-lg) { @media (min-width: $screen-lg) {
margin-bottom: 24px; margin-bottom: 24px;
}
} }
}
&__wrapper {
margin-bottom: 24px;
p {
font: 13px/1.5 $ff-i-r;
font-weight: 400;
letter-spacing: 0.05em;
margin-bottom: 16px;
&:last-child {
margin-bottom: 0;
}
@media (min-width: $screen-md) {} @media (min-width: $screen-xxl) {
font-size: 18px;
}
@media (min-width: $screen-sm) {} @media (min-width: $screen-lg) {
font-size: 15px;
}
}
} }
&__h2 { &--top {
margin-bottom: 36px; padding-top: 36px;
@media (min-width: $screen-xxl) {
padding-top: 0px;
}
@media (min-width: $screen-xl) { @media (min-width: $screen-xl) {
margin-bottom: 56px; padding-top: 46px;
} }
} }
} }
\ No newline at end of file
// В этом файле должны быть стили для БЭМ-блока thanks-popup, его элементов,
// модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
.thanks-popup {
$block-name: &; // #{$block-name}__element
color: $black;
border-radius: 8px;
@media (min-width: $screen-md) {
width: 680px;
max-width: 680px !important;
}
&__inner{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
&__icon{
margin-bottom: 24px;
}
&__title{
text-align: center;
}
}
...@@ -19,6 +19,7 @@ mixin top-slider(text, mods) ...@@ -19,6 +19,7 @@ mixin top-slider(text, mods)
} }
section.swiper.top-slider section.swiper.top-slider
h1.sr-only Advanced Digital Solutions
.swiper-wrapper .swiper-wrapper
.swiper-slide.top-slider__slide .swiper-slide.top-slider__slide
.top-slider__img(style="background-image: url(img/slider1.jpg);") .top-slider__img(style="background-image: url(img/slider1.jpg);")
......
...@@ -62,7 +62,7 @@ ...@@ -62,7 +62,7 @@
background-color: $main-light; background-color: $main-light;
background-position: center center; background-position: center center;
background-size: cover; background-size: cover;
height: 344px; height: 370px;
@media (min-width: $screen-xxl) { @media (min-width: $screen-xxl) {
...@@ -80,6 +80,9 @@ ...@@ -80,6 +80,9 @@
@media (min-width: $screen-md) { @media (min-width: $screen-md) {
height: 377px; height: 377px;
} }
@media (min-width: $screen-sm) {
height: 250px;
}
} }
......
src/img/bgrd_contacts.jpg

94.4 KB | W: | H:

src/img/bgrd_contacts.jpg

150 KB | W: | H:

src/img/bgrd_contacts.jpg
src/img/bgrd_contacts.jpg
src/img/bgrd_contacts.jpg
src/img/bgrd_contacts.jpg
  • 2-up
  • Swipe
  • Onion skin
src/img/bgrd_projects.jpg

411 KB | W: | H:

src/img/bgrd_projects.jpg

435 KB | W: | H:

src/img/bgrd_projects.jpg
src/img/bgrd_projects.jpg
src/img/bgrd_projects.jpg
src/img/bgrd_projects.jpg
  • 2-up
  • Swipe
  • Onion skin
src/img/bgrd_search.jpg

438 KB | W: | H:

src/img/bgrd_search.jpg

462 KB | W: | H:

src/img/bgrd_search.jpg
src/img/bgrd_search.jpg
src/img/bgrd_search.jpg
src/img/bgrd_search.jpg
  • 2-up
  • Swipe
  • Onion skin
src/img/bgrd_solutions.jpg

271 KB | W: | H:

src/img/bgrd_solutions.jpg

264 KB | W: | H:

src/img/bgrd_solutions.jpg
src/img/bgrd_solutions.jpg
src/img/bgrd_solutions.jpg
src/img/bgrd_solutions.jpg
  • 2-up
  • Swipe
  • Onion skin
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="64" height="64" rx="16" fill="url(#paint0_linear_223_9662)"/>
<path d="M48 21.3333L26.6667 42.6666L16 32.0005" stroke="white" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
<defs>
<linearGradient id="paint0_linear_223_9662" x1="64" y1="1.41191e-05" x2="-4.95434e-06" y2="64" gradientUnits="userSpaceOnUse">
<stop stop-color="#00BFFF"/>
<stop offset="1" stop-color="#00E68A"/>
</linearGradient>
</defs>
</svg>
...@@ -56,9 +56,9 @@ window.addEventListener("load", () => { ...@@ -56,9 +56,9 @@ window.addEventListener("load", () => {
320: { 320: {
speed: 1000, speed: 1000,
}, },
1710: { // 1710: {
speed: 1250, // speed: 1250,
}, // },
} }
}); });
} }
......
...@@ -16,10 +16,10 @@ block content ...@@ -16,10 +16,10 @@ block content
+breadcrumbs-item('Главная', '/') +breadcrumbs-item('Главная', '/')
+breadcrumbs-item('404') +breadcrumbs-item('404')
+main-title('404') +main-title('404')
section.error.plain-content section.error.plain-content.p-sec
.error__inner.container .error__inner.container
.error__wrapper .error__wrapper
.error__title .error__title.h2-margin
img(src="img/404.png", alt="404") img(src="img/404.png", alt="404")
.error__descr .error__descr
span.error__error.h3 Ошибка! span.error__error.h3 Ошибка!
......
This diff is collapsed.
...@@ -18,7 +18,7 @@ block content ...@@ -18,7 +18,7 @@ block content
+breadcrumbs-item('Корпоративная ответственность') +breadcrumbs-item('Корпоративная ответственность')
+main-title('Корпоративная ответственность') +main-title('Корпоративная ответственность')
+main-descr('Разработка комплексных программных продуктов на заказ, реализация решений в области цифровизации производства и снижения импортозависимости.') +main-descr('Разработка комплексных программных продуктов на заказ, реализация решений в области цифровизации производства и снижения импортозависимости.')
section.news-det section.news-det.p-sec
.news-det__inner.container .news-det__inner.container
p Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку. p Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку.
p Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации. p Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации.
...@@ -31,12 +31,12 @@ block content ...@@ -31,12 +31,12 @@ block content
p Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации. p Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации.
p Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы. p Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
p Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку. p Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку.
p Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации. figure.corp
p Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
figure
img(src="img/corp.png", aria='hidden') img(src="img/corp.png", aria='hidden')
figcaption Описание к фотографии figcaption Описание к фотографии
section.about__licence p Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации.
p Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
section.about__licence.pb-sec
.about__licence-inner.container .about__licence-inner.container
.about__licence-wrapper .about__licence-wrapper
+download() +download()
......
...@@ -11,11 +11,60 @@ block content ...@@ -11,11 +11,60 @@ block content
+top-slider() +top-slider()
+solutions() +solutions()
+plus() +plus()
+branch() section.branch.section--angled
section.partners-slider(class=allMods)&attributes(attributes) .branch__inner.container
.partners-slider__inner.container h2.branch__title.h2-margin.h2 Отрасли
h2.partners-slider__title.h2 Нам доверяют .branch__block
+partners() .branch__top
a(href="javascript:void(0);").branch__link
.branch__item-body
img(src="img/branch1.jpg", alt="").branch__item-img
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
a(href="javascript:void(0);").branch__link
.branch__body
img(src="img/branch2.jpg", alt="").branch__item-img
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
a(href="javascript:void(0);").branch__link
.branch__body
img(src="img/branch3.jpg", alt="").branch__item-img
h3.branch__title-h3 Энергетика
ul.branch__bottom
li.branch__subtitle.h5 Генерация
li.branch__subtitle.h5 Ресурсоснабжающие организации и сбыт
li.branch__subtitle.h5 Корпоративные сервисы
.branch__item
a(href="javascript:void(0);").branch__link
.branch__body
img(src="img/branch4.jpg", alt="").branch__item-img
h3.branch__title-h3 Промышленное производство
ul.branch__bottom
li.branch__subtitle.h5 Цифровые двойники
li.branch__subtitle.h5 Ресурсоснабжающие организации и сбыт
li.branch__subtitle.h5 Корпоративные сервисы
section.partners-slider.p-sec
.partners-slider__inner.container
h2.partners-slider__title.h2-margin.h2 Нам доверяют
+partners()
//- block footer //- block footer
......
This diff is collapsed.
...@@ -22,9 +22,9 @@ block content ...@@ -22,9 +22,9 @@ block content
.plain-content__text .plain-content__text
p.text Advanced Digital Solutions предлагает своим заказчикам широкий спектр решений и&nbsp;услуг&nbsp;&mdash; от&nbsp;автоматизации деятельности предприятий до&nbsp;сопровождения и&nbsp;поддержки&nbsp;ИТ и&nbsp;инженерной инфраструктуры. Наши опыт и&nbsp;экспертиза помогут вам достичь целей и&nbsp;повысить эффективность бизнеса. Предлагает своим заказчикам широкий спектр решений и&nbsp;услуг&nbsp;&mdash; от&nbsp;автоматизации деятельности предприятий до&nbsp;сопровождения и&nbsp;поддержки&nbsp;ИТ и&nbsp;инженерной инфраструктуры. Наши опыт и&nbsp;экспертиза помогут вам достичь целей и&nbsp;повысить эффективность бизнеса. p.text Advanced Digital Solutions предлагает своим заказчикам широкий спектр решений и&nbsp;услуг&nbsp;&mdash; от&nbsp;автоматизации деятельности предприятий до&nbsp;сопровождения и&nbsp;поддержки&nbsp;ИТ и&nbsp;инженерной инфраструктуры. Наши опыт и&nbsp;экспертиза помогут вам достичь целей и&nbsp;повысить эффективность бизнеса. Предлагает своим заказчикам широкий спектр решений и&nbsp;услуг&nbsp;&mdash; от&nbsp;автоматизации деятельности предприятий до&nbsp;сопровождения и&nbsp;поддержки&nbsp;ИТ и&nbsp;инженерной инфраструктуры. Наши опыт и&nbsp;экспертиза помогут вам достичь целей и&nbsp;повысить эффективность бизнеса.
p.text Наши опыт и&nbsp;экспертиза помогут вам достичь целей и&nbsp;повысить эффективность бизнеса. Предлагает своим заказчикам широкий спектр решений и&nbsp;услуг&nbsp;&mdash; от&nbsp;автоматизации еятельности предприятий до&nbsp;сопровождения и&nbsp;поддержки&nbsp;ИТ и&nbsp;инженерной инфраструктуры. Наши опыт и&nbsp;экспертиза помогут вам достичь целей и&nbsp;повысить эффективность бизнеса. p.text Наши опыт и&nbsp;экспертиза помогут вам достичь целей и&nbsp;повысить эффективность бизнеса. Предлагает своим заказчикам широкий спектр решений и&nbsp;услуг&nbsp;&mdash; от&nbsp;автоматизации еятельности предприятий до&nbsp;сопровождения и&nbsp;поддержки&nbsp;ИТ и&nbsp;инженерной инфраструктуры. Наши опыт и&nbsp;экспертиза помогут вам достичь целей и&nbsp;повысить эффективность бизнеса.
section.num-solutions.section--angled.mb-section-angled section.num-solutions.section--angled.mb-section-angled.pb-angled-before-footer
.num-solutions__inner.container .num-solutions__inner.container
h2.num-solutions__title.h2 Отрасли h2.num-solutions__title.h2-margin.h2 Отрасли
.branch__block .branch__block
.branch__top(style="background-image: url(img/branch1.jpg);") .branch__top(style="background-image: url(img/branch1.jpg);")
a(href="javascript:void(0);").branch__link a(href="javascript:void(0);").branch__link
......
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
...@@ -17,7 +17,7 @@ block content ...@@ -17,7 +17,7 @@ block content
+breadcrumbs-item('Поиск по сайту') +breadcrumbs-item('Поиск по сайту')
+main-title('Поиск по сайту') +main-title('Поиск по сайту')
+search-input() +search-input()
section.search-result section.search-result.pb-sec
.search-result__inner.container .search-result__inner.container
p.search-result__top.h3 Результаты поиска по запросу:#[span «Нефть и газ»] p.search-result__top.h3 Результаты поиска по запросу:#[span «Нефть и газ»]
ul.search-result__list ul.search-result__list
......
...@@ -17,7 +17,7 @@ block content ...@@ -17,7 +17,7 @@ block content
+breadcrumbs-item('Решения') +breadcrumbs-item('Решения')
+main-title('Решения') +main-title('Решения')
+main-descr('Разработка комплексных программных продуктов на заказ, реализация решений в области цифровизации производства и снижения импортозависимости.') +main-descr('Разработка комплексных программных продуктов на заказ, реализация решений в области цифровизации производства и снижения импортозависимости.')
section.plain-content section.plain-content.p-sec
.plain-content__inner.container .plain-content__inner.container
.plain-content__text .plain-content__text
p.text Advanced Digital Solutions предлагает своим заказчикам широкий спектр решений и&nbsp;услуг&nbsp;&mdash; от&nbsp;автоматизации деятельности предприятий до&nbsp;сопровождения и&nbsp;поддержки&nbsp;ИТ и&nbsp;инженерной инфраструктуры. Наши опыт и&nbsp;экспертиза помогут вам достичь целей и&nbsp;повысить эффективность бизнеса. Предлагает своим заказчикам широкий спектр решений и&nbsp;услуг&nbsp;&mdash; от&nbsp;автоматизации деятельности предприятий до&nbsp;сопровождения и&nbsp;поддержки&nbsp;ИТ и&nbsp;инженерной инфраструктуры. Наши опыт и&nbsp;экспертиза помогут вам достичь целей и&nbsp;повысить эффективность бизнеса. p.text Advanced Digital Solutions предлагает своим заказчикам широкий спектр решений и&nbsp;услуг&nbsp;&mdash; от&nbsp;автоматизации деятельности предприятий до&nbsp;сопровождения и&nbsp;поддержки&nbsp;ИТ и&nbsp;инженерной инфраструктуры. Наши опыт и&nbsp;экспертиза помогут вам достичь целей и&nbsp;повысить эффективность бизнеса. Предлагает своим заказчикам широкий спектр решений и&nbsp;услуг&nbsp;&mdash; от&nbsp;автоматизации деятельности предприятий до&nbsp;сопровождения и&nbsp;поддержки&nbsp;ИТ и&nbsp;инженерной инфраструктуры. Наши опыт и&nbsp;экспертиза помогут вам достичь целей и&nbsp;повысить эффективность бизнеса.
......
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
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