Commit bbbf3d77 authored by IrinaPronina's avatar IrinaPronina

Last update

parent 9ccf2ebf
Pipeline #93 failed with stages
......@@ -5,13 +5,9 @@
.about-solutions {
$block-name: &; // #{$block-name}__element
padding: 52px 0 52px;
background-color: $white;
@media (min-width: $screen-xl) {
background-image: url("../img/blum.svg");
background-repeat: no-repeat;
......@@ -22,16 +18,11 @@
@media (min-width: $screen-sm) {
padding: 80px 0 80px;
}
.partners {
margin-bottom: 52px;
margin-bottom: 48px;
@media (min-width: $screen-lg) {
margin-bottom: 62px;
margin-bottom: 56px;
}
}
}
\ No newline at end of file
......@@ -14,13 +14,11 @@
&__apply {
display: none;
padding-bottom: 120px;
margin-top: 80px;
z-index: -1;
@media (min-width: $screen-xl) {
display: block;
padding-bottom: 0px;
margin-top: 160px;
}
// @media (min-width: $screen-lg) {
......@@ -42,12 +40,6 @@
margin-bottom: 40px;
}
&__licence {
@media (min-width: $screen-xl) {
margin-bottom: 80px;
}
}
&__solutions-block {
display: none;
......@@ -57,29 +49,29 @@
}
}
&.solutions {
margin-bottom: 120px;
@media (min-width: $screen-xxl) {
margin-bottom: 80px;
}
}
&.solutions {}
.solutions__content{
.solutions__content {
@media (min-width: $screen-xl) {
padding-bottom: 0;
}
@media (min-width: $screen-lg) {
padding-bottom: 60px;
}
}
&.decor:after {
bottom: -100px;
bottom: -56px;
height: 56px;
@media (min-width: 2100px) {
bottom: -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 @@
$block-name: &; // #{$block-name}__element
padding: 56px 0;
margin-bottom: -52px;
margin-bottom: -56px;
@media (min-width: $screen-xxl) {
margin-bottom: -80px;
margin-bottom: -88px;
}
@media (min-width: $screen-lg) {
......@@ -33,7 +33,7 @@
.accordeon__content {
max-height: 5000px;
opacity: 1;
padding-top: 24px;
padding-top: 16px;
visibility: visible;
@media (max-width: ($screen-lg - 1)) {
......@@ -230,20 +230,17 @@
}
.accordeon.accordeon--industries {
}
.accordeon--industries {
margin-bottom: 0; padding: 30px 0;
margin-bottom: 0; padding: 0;
@media (min-width: $screen-xxl) {
margin-bottom: 0px;
}
@media (min-width: $screen-lg) {
padding: 50px 0;
padding: 0;
}
.accordeon__btn {
......
......@@ -20,10 +20,10 @@ mixin apply(text, mods)
.apply(class=allMods)&attributes(attributes)
.apply__inner.container
h2.task__title.h2-inner Области применения
h2.task__title.h2-margin.h2-inner Области применения
ul.apply__list
li.apply__item
.apply__body
a(href="javascript:void(0);").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)')
......@@ -36,7 +36,7 @@ mixin apply(text, mods)
rect(width='60' height='60' fill='white')
.apply__text Цифровизация производства
li.apply__item
.apply__body
a(href="javascript:void(0);").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)')
......
......@@ -6,25 +6,20 @@
$block-name: &; // #{$block-name}__element
margin-bottom: 40px;
@media (min-width: $screen-lg) {
margin-bottom: 64px;
}
&__title {
margin-bottom: 56px;
}
&__title {}
&__list {
list-style: none;
padding: 0;
row-gap: 16px;
filter: drop-shadow(0px 8px 32px rgba(0, 0, 0, 0.24));
@media (min-width: $screen-lg) {
display: flex;
flex-wrap: wrap;
margin: 0 -20px;
row-gap: 40px;
}
}
......@@ -40,16 +35,21 @@
@media (max-width: ($screen-c - 1)) {
flex: 0 0 50%;
margin-bottom: 20px;
}
}
&__body {
background: linear-gradient(0deg, #005F82, #005F82);
text-decoration: none;
background: #005F82;
display: flex;
padding: 18px 16px;
align-items: center;
border-radius: 16px;
transition: all $transition-time;
&:hover {
background: #002130;
}
@media (min-width: $screen-lg) {
padding: 36px 32px;
......
......@@ -5,48 +5,10 @@
.branch {
$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 {
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 {
......
......@@ -11,7 +11,8 @@
border-radius: 8px;
@media (min-width: $screen-md) {
width: 440px;
width: 680px;
max-width: 680px !important;
}
&__title {
......@@ -76,6 +77,7 @@
font-size: 12px;
}
}
}
&__agree {
......@@ -88,10 +90,4 @@
}
}
}
.thanks-popup{
}
}
\ No newline at end of file
......@@ -7,9 +7,10 @@
$block-name: &; // #{$block-name}__element
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
margin: 0;
padding-left: 0;
&__item {
......
......@@ -14,7 +14,6 @@
}
&__descr {
padding: 40px 0 40px;
text-align: center;
}
......
......@@ -18,6 +18,10 @@
&:hover{
color: $light-blue;
svg path{
stroke: $light-blue;
}
}
&:active{
color: #03ACE4;
......@@ -28,6 +32,10 @@
padding-left: 8px;
}
& svg path{
transition: all $transition-time;
}
&__size{
padding-left: 30px;
color: #93969E;
......
......@@ -20,7 +20,7 @@ mixin main-title(title, mods)
section.main-title(class=allMods)&attributes(attributes)
.main-title__inner.container
h2.main-title__text.h2=title
h1.h2.main-title__text=title
block
......@@ -17,7 +17,7 @@
&__top {
margin: 0;
margin-bottom: 64px;
margin-bottom: 56px;
}
&__list {
......
......@@ -14,26 +14,9 @@
}
}
.news {
.more {
margin-bottom: 48px;
@media (min-width: $screen-lg) {
margin-bottom: 80px;
}
}
}
.projects__more {
@media (min-width: $screen-xl) {
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 @@
$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;
......@@ -33,16 +27,16 @@
font: 28px/1.2 $ff-i-sb;
font-weight: 600;
letter-spacing: 0.02em;
margin-bottom: 40px;
margin-bottom: 24px;
@media (min-width: $screen-xxl) {
font-size: 48px;
margin-bottom: 40px;
}
@media (min-width: $screen-lg) {
font-size: 40px;
margin-bottom: 64px;
margin-bottom: 32px;
}
}
......@@ -52,6 +46,10 @@
letter-spacing: 0.05em;
margin-bottom: 16px;
&:last-child {
margin-bottom: 0;
}
@media (min-width: $screen-xxl) {
font-size: 18px;
}
......@@ -65,14 +63,15 @@
display: flex;
align-items: center;
flex-direction: column;
padding: 20px 0;
padding: 16px 0 24px;
margin: 0;
@media (min-width: $screen-lg) {
padding: 64px 0;
padding: 32px 0 40px;
}
@media (min-width: $screen-md) {
padding: 40px 0;
padding: 24px 0 32px;
}
}
......@@ -98,6 +97,7 @@
@media (min-width: $screen-xxl) {
width: 926px;
}
@media (min-width: $screen-xl) {
width: 80%;
}
......
......@@ -6,12 +6,6 @@
$block-name: &; // #{$block-name}__element
padding: 46px 0 30px;
@media (min-width: $screen-xxl) {
padding: 80px 0;
}
&__list {
list-style: none;
......@@ -19,10 +13,10 @@
&__item {
&:not(:last-child) {
margin-bottom: 48px;
margin-bottom: 32px;
@media (min-width: $screen-lg) {
margin-bottom: 64px;
margin-bottom: 48px;
}
}
}
......
......@@ -44,6 +44,9 @@
flex: 0 0 33.333%;
padding: 0 20px;
margin-bottom: 0;
&:not(:last-child) {
margin-bottom: 0px;
}
}
}
......@@ -60,7 +63,7 @@
.num-block--industries{
margin-bottom: 32px;
@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)
section.num-solutions.section--angled.mb-section-angled
.num-solutions__inner.container
h2.num-solutions__title.h2 Решения
h2.num-solutions__title.h2-margin.h2 Решения
.num-solutions__grid
+solutions-grid()
......@@ -6,30 +6,8 @@
$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 {
color: $white;
margin-bottom: 24px;
@media (min-width: $screen-lg) {
margin-bottom: 36px;
}
}
}
\ No newline at end of file
}
......@@ -7,23 +7,19 @@
$block-name: &; // #{$block-name}__element
background-color: $main-dark;
padding: 58px 0 56px;
padding: 56px 0 32px;
@media (min-width: $screen-xxl) {
padding: 120px 0 56px;
padding: 120px 0 32px;
}
@media (min-width: $screen-c) {
padding: 86px 0 48px;
}
@media (min-width: $screen-lg) {
padding: 80px 0 48px;
@media (min-width: $screen-xl) {
padding: 80px 0 32px;
}
@media (min-width: $screen-md) {
padding: 64px 0 56px;
padding: 72px 0 32px;
}
......
......@@ -130,7 +130,7 @@ mixin page-header(mods)
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__text
p.text Оставьте свои контакты, и мы перезвоним Вам в ближайшее время.
......@@ -160,7 +160,9 @@ mixin page-header(mods)
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 Спасибо за обращение! Мы свяжемся с Вами в ближайшее время.
#thanks-popup(style="display:none;max-width:440px;").popup.thanks-popup
.thanks-popup__inner
.thanks-popup__icon
img(src="img/thx.svg" alt="" aria-hidden="true")
.thanks-popup__title.h4 Спасибо за обращение! Мы свяжемся с Вами в ближайшее время.
......@@ -80,6 +80,13 @@
&__content {
flex-grow: 1;
@media (min-width: $screen-xxl) {
padding-bottom: 8px;
}
@media (min-width: $screen-xl) {
padding-bottom: 4px;
}
}
&__footer-wrapper {
......@@ -423,19 +430,6 @@ pre {
background: linear-gradient(270deg, #00bfff -.23%, #00e68a 99.77%);
background-clip: text;
-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 {
margin-top: 64px;
}
}
.pt-64 {
padding-top: 48px;
@media (min-width: $screen-lg) {
padding-top: 64px;
}
}
.mb-section-80 {
margin-bottom: 40px;
......@@ -592,7 +593,10 @@ pre {
}
.fancybox__content {
padding: 40px 80px;
@media (min-width: $screen-md){
padding: 40px 120px;
}
}
.fancybox__backdrop {
......@@ -600,6 +604,13 @@ pre {
}
.fancybox__slide {
@media (min-width: 1024px){
padding: 48px 100px;
}
}
//fancybox ends
/*-- Custom checkbox --*/
......@@ -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 {
position: relative;
overflow: hidden;
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 @@
.partners {
$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 {
background: linear-gradient(270deg, #00BFFF -0.23%, #00E68A 99.77%);
......@@ -35,13 +25,13 @@
display: inline-flex;
justify-content: center;
align-items: center;
height: 146px;
height: 196px;
padding: 0 40px;
}
&__img {
width: 100%;
height: 100%;
height: 146px;
object-fit: contain;
object-position: center;
filter: grayscale(99%);
......
......@@ -5,12 +5,13 @@
.plain-content {
$block-name: &; // #{$block-name}__element
padding: 46px 0 30px;
@media (min-width: $screen-xxl){
padding: 80px 0;
&__text{
p{
&:last-child{
margin-bottom: 0;
}
}
}
}
.plain-content.bgrd {
......
......@@ -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
h2.plus__title.h2 Преимущества
h2.plus__title.h2-margin.h2 Преимущества
ul.plus__grid
li.plus__item
.plus__body
......
......@@ -9,32 +9,24 @@
background-repeat: no-repeat;
background-color: $white;
background-position: center center;
padding-bottom: 120px;
margin-top: 80px;
z-index: -1;
@media (min-width: $screen-xxl) {
padding-bottom: 108px;
margin-top: 206px;
}
@media (min-width: $screen-c) {
padding-bottom: 100px;
margin-bottom: 0;
}
@media (min-width: $screen-xl) {
padding-bottom: 18px;
margin-top: 194px;
}
@media (min-width: $screen-md) {
margin-top: 166px;
padding-bottom: 70px;
margin-bottom: 80px;
}
@media (min-width: $screen-sm) {
margin-top: 80px;
padding-bottom: 24px;
}
&__title {
......@@ -44,16 +36,11 @@
-webkit-text-fill-color: transparent;
background-clip: text;
@media (min-width: $screen-xxl) {
margin-bottom: 56px;
}
@media (min-width: $screen-md) {
margin-bottom: 46px;
}
}
&__grid {
padding: 0;
margin: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(1, 1fr);
......@@ -75,18 +62,20 @@
}
&__img {
width: 80px;
height: 80px;
margin-bottom: 32px;
width: 64px;
height: 64px;
margin-bottom: 8px;
@media (min-width: $screen-xxl) {
width: 96px;
height: 96px;
margin-bottom: 32px;
margin-bottom: 24px;
}
@media (min-width: $screen-md) {
margin-bottom: 24px;
width: 80px;
height: 80px;
}
@media (min-width: $screen-sm) {
margin-bottom: 8px;
......
......@@ -5,11 +5,10 @@
.project-search {
$block-name: &; // #{$block-name}__element
padding-top: 48px;
margin-bottom: 40px;
padding-top: 48px;
@media (min-width: $screen-lg) {
margin-bottom: 64px; padding-top: 80px;
padding-top: 64px;
}
&__top {
......@@ -51,6 +50,20 @@ padding-top: 48px;
flex: 0 0 68%;
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 {
......
......@@ -18,7 +18,7 @@ mixin project-tasks(text, mods)
}
}
.project-tasks(class=allMods)&attributes(attributes)
.project-tasks.p-sec
.project-tasks__inner.container
ul.project-tasks__list
li.project-tasks__item
......
......@@ -6,11 +6,6 @@
$block-name: &; // #{$block-name}__element
margin: 48px 0;
@media (min-width: $screen-lg) {
margin: 80px 0 64px;
}
&__list {
......
......@@ -20,5 +20,5 @@ mixin projects(text, mods)
.projects(class=allMods)&attributes(attributes)
.projects__inner.container
h2.projects__title.h2-inner Проекты
h2.projects__title.h2-margin.h2-inner Проекты
......@@ -8,18 +8,5 @@
&__title {
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 @@
$block-name: &; // #{$block-name}__element
margin-bottom: 48px;
@media (min-width: $screen-xxl) {
margin-bottom: 64px;
}
@media (min-width: $screen-lg) {
margin-bottom: 80px;
margin-bottom: 56px;
}
&__link{
......
......@@ -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__result
.search-input__content
......
......@@ -6,11 +6,6 @@
$block-name: &; // #{$block-name}__element
padding: 42px 0 32px;
@media (min-width: $screen-lg) {
padding: 80px 0 40px;
}
&__result {
width: 100%;
......@@ -56,6 +51,14 @@
font: 14px/1.3 $ff-i-r;
letter-spacing: 0.05em;
color: $black;
height: 100%;
@media (min-width: $screen-xxl){
padding: 16px;
}
@media (min-width: $screen-lg){
padding: 14px;
}
&:focus {
border: 1px solid $color-accent;
......
......@@ -8,10 +8,10 @@
&__top {
color: $black;
margin-bottom: 40px;
margin-bottom: 24px;
@media (min-width: $screen-lg) {
margin-bottom: 80px;
margin-bottom: 32px;
}
span {
......@@ -26,6 +26,7 @@
font-weight: 600;
color: $black;
padding-left: 0;
margin-bottom: 0;
@media (min-width: $screen-xxl) {
font-size: 20px;
......@@ -37,18 +38,22 @@
}
&__item {
margin-bottom: 36px;
@media (min-width: $screen-lg) {
margin-bottom: 64px;
&:not(:last-child) {
margin-bottom: 24px;
@media (min-width: $screen-lg) {
margin-bottom: 32px;
}
}
}
&__title {
display: inline-block;
margin-bottom: 8px;
@media (min-width: $screen-lg){
@media (min-width: $screen-lg) {
margin-bottom: 24px;
}
}
......@@ -56,8 +61,8 @@
&__p-block {
margin-bottom: 8px;
@media (min-width: $screen-lg){
margin-bottom: 32px;
@media (min-width: $screen-lg) {
margin-bottom: 24px;
}
}
......
......@@ -20,27 +20,27 @@ mixin solutions-grid(text, mods)
ul.solutions-grid(class=allMods)&attributes(attributes)
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 Мониторинг технологических процессов и производств
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 Энергоучёт и энергоэффективность
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 Промышленная безопасность персонала
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 Планирование и оптимизация производственных процессов
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 Аналитика и визуализация, моделирование и прогнозирование, управление данными
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 Поддержка процессов эксплуатации и ремонтов оборудования
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 Цифровой персонал / Цифровое рабочее место
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 Цифровое зрение: ИИ, Большие данные, Глубокое обучение
......@@ -15,7 +15,6 @@
gap: 16px;
z-index: 7;
filter: drop-shadow(0px 8px 32px rgba(0, 0, 0, 0.24));
transform: translateY(20px);
@media (min-width: $screen-c) {
......@@ -39,22 +38,41 @@
&__item {
grid-column: 12 span;
background-color: $black;
border-radius: 16px;
position: relative;
background-repeat: no-repeat;
background-color: $black;
background-position: center center;
background-size: cover;
overflow: hidden;
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) {
grid-column: 3 span;
height: 320px;
aspect-ratio: 1/1;
height: auto;
}
@media (min-width: $screen-c) {
......@@ -64,7 +82,7 @@
@media (min-width: $screen-xl) {
grid-column: 6 span;
width: 320px;
width: auto;
}
......@@ -80,92 +98,39 @@
&:nth-child(1) {
background-image: url("../img/a1.jpg");
position: relative;
// &::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(1),
&:nth-child(2),
&:nth-child(3),
&:nth-child(4) {
background-image: url("../img/d1.jpg");
&: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");
position: relative;
&:hover {
background-image: url("../img/f2.jpg");
&::before {
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 {
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 {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: block;
cursor: pointer;
text-decoration: none;
......
......@@ -21,11 +21,11 @@ mixin solutions(text, mods)
section.solutions.decor(class=allMods)&attributes(attributes)
.solutions__inner.container
.solutions__content
.solutions__top
.solutions__top.margin-in-section
.solutions__top-title Advanced Digital Solutions
.solutions__top-descr
p.solutions__top-text.text Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку.
p.solutions__top-text.text Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации.
p.solutions__top-text.text Наши Заказчики&nbsp;&mdash; основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им&nbsp;контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений,<br> оптимизируют сложные технологические процессы.
h2.solutions__title.h2 Решения
h2.solutions__title.h2-margin.h2 Решения
+solutions-grid()
\ No newline at end of file
......@@ -26,20 +26,21 @@
@media (min-width: $screen-xxl) {
transform: translateY(80px);
transform: translateY(64px);
}
@media (min-width: $screen-c) {
transform: translateY(73px);
transform: translateY(56px);
}
@media (min-width: $screen-xl) {
transform: translateY(73px);
transform: translateY(56px);
padding-bottom: 0;
}
@media (min-width: $screen-md) {
transform: translateY(48px);
transform: translateY(32px);
}
@media (min-width: $screen-sm) {
......@@ -49,15 +50,6 @@
}
&__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 {
......@@ -95,17 +87,17 @@
}
&__top-text {
margin-bottom: 28px;
margin-bottom: 24px;
@media (min-width: $screen-xxl) {
margin-bottom: 28px;
margin-bottom: 24px;
}
@media (min-width: $screen-lg) {
margin-bottom: 24px;
}
@media (min-width: $screen-md) {
margin-bottom: 26px;
margin-bottom: 24px;
}
@media (min-width: $screen-sm) {
......@@ -115,17 +107,6 @@
&__title {
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)
}
}
table.table(class=allMods)&attributes(attributes)
block
.section-table
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 @@
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
.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%;
margin-top: $typo-margin-vertical;
margin-bottom: $typo-margin-vertical;
border: 1px solid $border-color;
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 {
padding: $field-padding-vertical $field-padding-horizontal;
vertical-align: top;
border-bottom: 1px solid $border-color;
font: 14px/1.5 $ff-i-b;
letter-spacing: 0.05em;
color: $white;
background-color: $color-main;
padding: 8px 0;
@media (min-width: $screen-xxl) {
font-size: 18px;
}
&:not(:first-child) {
border-left: 1px solid $border-color;
@media (min-width: $screen-lg) {
font-size: 15px;
}
}
th {
text-align: inherit;
}
// caption {
// caption-side: top;
// text-align: left;
// padding: 0.4rem $field-padding-horizontal;
// border-bottom: 1px solid $border-color;
// font-size: $font-size-sm;
// line-height: 1em;
// color: $text-color-muted;
// }
}
td {
color: $black;
padding: 8px 0;
font: 12px/1.3 $ff-i-r;
letter-spacing: 0.05em;
min-width: 150px;
@media (min-width: $screen-xxl) {
font-size: 14px;
}
}
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)
}
}
.task(class=allMods)&attributes(attributes)
.task
.task__inner.container
h2.task__title.h2-inner Решаемые задачи
h2.task__title.h2-margin.h2-inner Решаемые задачи
ul.task__list
li.task__item
p.text Управление допусками, государственной сертификацией и аттестацией персонала опасных производств;
......
......@@ -6,29 +6,14 @@
$block-name: &;
margin-bottom: 40px;
@media (min-width: $screen-lg) {
margin-bottom: 64px;
}
&__title {
margin: 0;
margin-bottom: 30px;
@media (min-width: $screen-lg) {
margin-bottom: 56px;
}
}
&__title {}
&__list {
list-style: none;
padding-left: 20px;
margin-bottom: 40px;
@media (min-width: $screen-lg) {
padding-left: 26px;
margin-bottom: 64px;
}
}
......@@ -39,6 +24,10 @@
font-size: 18px;
color: $black;
&:last-child{
margin-bottom: 0;
}
p {
margin: 0;
}
......@@ -68,7 +57,12 @@
}
.task--links {
margin-top: 64px;
display: none;
@media (min-width: $screen-lg) {
display: block;
}
.hyperlink__link {
......
......@@ -5,32 +5,54 @@
.text-block {
$block-name: &;
margin-bottom: 40px;
@media (min-width: $screen-lg) {
margin-bottom: 64px;
}
&__text {
margin-bottom: 0;
margin-bottom: 16px;
&:not(:last-child) {
margin-bottom: 16px;
@media (min-width: $screen-xl) {}
@media (min-width: $screen-lg) {
margin-bottom: 24px;
@media (min-width: $screen-lg) {
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 {
margin-bottom: 36px;
&--top {
padding-top: 36px;
@media (min-width: $screen-xxl) {
padding-top: 0px;
}
@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)
}
section.swiper.top-slider
h1.sr-only Advanced Digital Solutions
.swiper-wrapper
.swiper-slide.top-slider__slide
.top-slider__img(style="background-image: url(img/slider1.jpg);")
......
......@@ -62,7 +62,7 @@
background-color: $main-light;
background-position: center center;
background-size: cover;
height: 344px;
height: 370px;
@media (min-width: $screen-xxl) {
......@@ -80,6 +80,9 @@
@media (min-width: $screen-md) {
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", () => {
320: {
speed: 1000,
},
1710: {
speed: 1250,
},
// 1710: {
// speed: 1250,
// },
}
});
}
......
......@@ -16,10 +16,10 @@ block content
+breadcrumbs-item('Главная', '/')
+breadcrumbs-item('404')
+main-title('404')
section.error.plain-content
section.error.plain-content.p-sec
.error__inner.container
.error__wrapper
.error__title
.error__title.h2-margin
img(src="img/404.png", alt="404")
.error__descr
span.error__error.h3 Ошибка!
......
This diff is collapsed.
......@@ -18,7 +18,7 @@ block content
+breadcrumbs-item('Корпоративная ответственность')
+main-title('Корпоративная ответственность')
+main-descr('Разработка комплексных программных продуктов на заказ, реализация решений в области цифровизации производства и снижения импортозависимости.')
section.news-det
section.news-det.p-sec
.news-det__inner.container
p Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку.
p Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации.
......@@ -31,12 +31,12 @@ block content
p Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации.
p Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
p Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку.
p Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации.
p Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
figure
figure.corp
img(src="img/corp.png", aria='hidden')
figcaption Описание к фотографии
section.about__licence
p Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации.
p Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
section.about__licence.pb-sec
.about__licence-inner.container
.about__licence-wrapper
+download()
......
......@@ -11,11 +11,60 @@ block content
+top-slider()
+solutions()
+plus()
+branch()
section.partners-slider(class=allMods)&attributes(attributes)
.partners-slider__inner.container
h2.partners-slider__title.h2 Нам доверяют
+partners()
section.branch.section--angled
.branch__inner.container
h2.branch__title.h2-margin.h2 Отрасли
.branch__block
.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
......
This diff is collapsed.
......@@ -22,9 +22,9 @@ block content
.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 Наши опыт и&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
h2.num-solutions__title.h2 Отрасли
h2.num-solutions__title.h2-margin.h2 Отрасли
.branch__block
.branch__top(style="background-image: url(img/branch1.jpg);")
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
+breadcrumbs-item('Поиск по сайту')
+main-title('Поиск по сайту')
+search-input()
section.search-result
section.search-result.pb-sec
.search-result__inner.container
p.search-result__top.h3 Результаты поиска по запросу:#[span «Нефть и газ»]
ul.search-result__list
......
......@@ -17,7 +17,7 @@ block content
+breadcrumbs-item('Решения')
+main-title('Решения')
+main-descr('Разработка комплексных программных продуктов на заказ, реализация решений в области цифровизации производства и снижения импортозависимости.')
section.plain-content
section.plain-content.p-sec
.plain-content__inner.container
.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;повысить эффективность бизнеса.
......
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