Skip to content

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

21/09

parent e4df6e60
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1985 additions and 300 deletions
src/blocks/about/about.scss
View file @ 923dabc3
......@@ -58,13 +58,22 @@
}
&.solutions {
margin-bottom: 80px;
margin-bottom: 120px;
@media (max-width: ($screen-xl - 1)) {
@media (min-width: $screen-xxl) {
margin-bottom: 80px;
}
}
.solutions__content{
@media (min-width: $screen-xl) {
padding-bottom: 0;
}
@media (min-width: $screen-lg) {
padding-bottom: 60px;
}
}
&.decor:after {
bottom: -100px;
}
......
src/blocks/accordeon/accordeon.pug
View file @ 923dabc3
This diff is collapsed.
src/blocks/accordeon/accordeon.scss
View file @ 923dabc3
......@@ -6,14 +6,18 @@
$block-name: &; // #{$block-name}__element
padding: 120px 0;
padding: 56px 0;
margin-bottom: -52px;
@media (min-width: $screen-xxl) {
margin-bottom: -80px;
}
&__element{
@media (min-width: $screen-lg) {
padding: 120px 0;
}
&__element {
&.open {
.accordeon__check::before {
opacity: 0;
......@@ -24,10 +28,14 @@
}
.accordeon__content {
max-height: 2000px;
max-height: 5000px;
opacity: 1;
padding-top: 24px;
visibility: visible;
@media (max-width: ($screen-lg - 1)) {
padding-bottom: 24px;
}
}
}
}
......@@ -35,20 +43,25 @@
&__btn {
position: relative;
width: 100%;
height: 256px;
border-radius: 16px;
background-repeat: no-repeat;
background-color: $main-dark;
background-position: center center;
background-size: cover;
box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.24);
margin-bottom: 40px;
margin-bottom: 24px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 80px;
padding: 0 16px;
cursor: pointer;
@media (min-width: $screen-lg) {
padding: 0 80px;
height: 256px;
margin-bottom: 40px;
}
&::after {
position: absolute;
content: '';
......@@ -79,7 +92,13 @@
max-height: 0;
opacity: 0;
visibility: hidden;
transition: all $transition-time;
transition: all .6s;
margin: 0 auto;
padding: 0 16px;
@media (min-width: $screen-lg) {
padding: 0 40px;
}
}
&__title {
......@@ -87,6 +106,17 @@
color: $white;
pointer-events: none;
z-index: 2;
font: 16px $ff-i-b;
font-weight: 700;
letter-spacing: 0.02em;
@media (min-width: $screen-xxl) {
font-size: 36px;
}
@media (min-width: $screen-lg) {
font-size: 30px;
}
}
&__check {
......@@ -100,6 +130,11 @@
pointer-events: none;
transition: all $transition-time;
@media (max-width: ($screen-lg - 1)) {
width: 24px;
height: 24px;
border-radius: 3px;
}
&::after {
position: absolute;
......@@ -115,6 +150,9 @@
opacity: 1;
transition: all $transition-time;
@media (max-width: ($screen-lg - 1)) {
width: 16px;
}
}
&::before {
......@@ -131,11 +169,51 @@
z-index: 3;
opacity: 1;
transition: all $transition-time;
@media (max-width: ($screen-lg - 1)) {
height: 16px;
}
}
}
.task__item::before {
background-color: $white;
}
}
.accordeon--industries {
.accordeon__btn {
&::after {
background: linear-gradient(0deg, rgba(64, 119, 115, 0.85), rgba(64, 119, 115, 0.85));
}
&:hover {
&:after {
background: linear-gradient(0deg, rgba(102, 146, 143, 0.85), rgba(102, 146, 143, 0.85));
}
}
}
.accordeon__element {
&.open {
.accordeon__btn:after {
background: linear-gradient(0deg, rgba(64, 119, 115, 0.85), rgba(64, 119, 115, 0.85));
}
}
}
.task__item::before{
background-color: $color-accent;
}
.collapse__btn{
color: $black;
}
.collapse__btn::before{
background: url(../img/arrow-down-black.svg);
width: 23px;
height: 24px;
}
}
\ No newline at end of file
src/blocks/apply/apply.scss
View file @ 923dabc3
......@@ -6,7 +6,10 @@
$block-name: &; // #{$block-name}__element
margin-bottom: 64px;
margin-bottom: 40px;
@media (min-width: $screen-lg){
margin-bottom: 64px;
}
&__title {
margin-bottom: 56px;
......@@ -59,6 +62,11 @@
width: 60px;
height: 60px;
}
svg{
width: 100%;
height: 100%;
}
}
&__text {
......
src/blocks/best/best.scss
View file @ 923dabc3
......@@ -114,12 +114,12 @@
&__screen-list {
padding: 0;
list-style: none;
margin-bottom: 64px;
margin-bottom: 40px;
@media (min-width: $screen-lg) {
display: flex;
flex-wrap: wrap;
margin: 0 -20px;
margin: 0 -20px 40px;
}
}
......@@ -134,7 +134,7 @@
}
img{
border-radius: 6px;
width: 100%;
}
}
}
\ No newline at end of file
src/blocks/branch/branch.scss
View file @ 923dabc3
......@@ -43,7 +43,7 @@
border-radius: 16px;
margin-bottom: 16px;
position: relative;
z-index: 1;
z-index: 2;
@media (min-width: $screen-xxl) {
margin-bottom: 40px;
......
src/blocks/callback-popup/callback-popup.scss 0 → 100644
View file @ 923dabc3
// В этом файле должны быть стили для БЭМ-блока callback-popup, его элементов,
// модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
.callback-popup {
$block-name: &; // #{$block-name}__element
color: $black;
border-radius: 8px;
@media (min-width: $screen-md) {
width: 440px;
}
&__title {
color: $black;
margin-bottom: 16px;
display: flex;
justify-content: center;
}
&__text {
display: flex;
justify-content: center;
margin-bottom: 40px;
p {
text-align: center;
}
}
&__content {
position: relative;
width: 100%;
margin-bottom: 16px;
}
&__label {
font-weight: 400;
font-size: 14px;
line-height: 130%;
letter-spacing: 0.05em;
position: absolute;
top: 16px;
left: 16px;
color: #336D69;
background-color: $white;
pointer-events: none;
width: auto;
transition: all $transition-time;
& span {
color: $color-danger;
}
}
&__input {
width: 100%;
background-color: #fff;
border: 1px solid #e3e3e3;
border-radius: 4px;
padding: 16px;
font: 14px/1.3 $ff-i-r;
letter-spacing: 0.05em;
color: $black;
&:focus {
border: 1px solid $color-accent;
outline: none;
&~label {
top: -8px;
font-size: 12px;
}
}
}
&__agree {
width: 100%;
margin-bottom: 24px;
display: flex;
label {
padding-left: 40px;
}
}
}
.thanks-popup{
}
src/blocks/main-title/main-title.scss
View file @ 923dabc3
......@@ -11,22 +11,25 @@
@media (min-width: $screen-xxl) {
min-height: 680px;
display: flex;
align-items: center;
}
@media (min-width: $screen-xl) {}
@media (min-width: $screen-xl) {
@media (min-width: $screen-lg) {}
display: flex;
align-items: center;
}
@media (min-width: $screen-md) {
padding-top: 50px;
padding-bottom: 152px;
@media (min-width: $screen-lg) {
min-height: 488px;
}
@media (min-width: $screen-md) {}
@media (min-width: $screen-sm) {
padding-top: 30px;
padding-bottom: 80px;
min-height: 252px;
display: flex;
align-items: center;
}
&__text {
......
src/blocks/map/map.scss
View file @ 923dabc3
......@@ -29,9 +29,11 @@
}
&__item {
margin-bottom: 32px;
@media (min-width: $screen-lg) {
flex: 0 0 33.3333%;
padding: 0 20px;
margin-bottom: 0;
}
}
......@@ -45,7 +47,10 @@
&__label {
color: $main-dark;
margin-bottom: 32px;
margin-bottom: 16px;
@media (min-width: $screen-lg){
margin-bottom: 32px;
}
p {
text-transform: uppercase;
......
src/blocks/more/more.scss
View file @ 923dabc3
......@@ -13,3 +13,20 @@
justify-content: center;
}
}
.news {
.more{
margin-bottom: 48px;
@media (min-width: $screen-lg) {
margin-bottom: 80px;
}
}
}
.projects__more {
.more{
margin-bottom: 48px;
@media (min-width: $screen-lg) {
margin-bottom: 80px;
}
}
}
src/blocks/news-det/news-det.scss 0 → 100644
View file @ 923dabc3
// В этом файле должны быть стили для БЭМ-блока news-det, его элементов,
// модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
.news-det {
$block-name: &; // #{$block-name}__element
padding: 46px 0 30px;
@media (min-width: $screen-xxl) {
padding: 80px 0;
}
&__date {
font: 13px/1.5 $ff-i-r;
font-weight: 400;
letter-spacing: 0.05em;
margin-bottom: 8px;
@media (min-width: $screen-xxl) {
font-size: 18px;
}
@media (min-width: $screen-lg) {
font-size: 15px;
margin-bottom: 24px;
}
}
h2 {
margin: 0;
font: 28px/1.2 $ff-i-sb;
font-weight: 600;
letter-spacing: 0.02em;
margin-bottom: 40px;
@media (min-width: $screen-xxl) {
font-size: 48px;
}
@media (min-width: $screen-lg) {
font-size: 40px;
margin-bottom: 64px;
}
}
p {
font: 13px/1.5 $ff-i-r;
font-weight: 400;
letter-spacing: 0.05em;
margin-bottom: 16px;
@media (min-width: $screen-xxl) {
font-size: 18px;
}
@media (min-width: $screen-lg) {
font-size: 15px;
}
}
figure {
display: flex;
align-items: center;
flex-direction: column;
padding: 40px 0;
margin: 0;
@media (min-width: $screen-lg) {
padding: 64px 0;
}
}
figcaption {
font: 12px/1.5 $ff-i-r;
color: #838383;
margin-top: 8px;
@media (min-width: $screen-lg) {
display: block;
text-align: center;
font: 14px/1.5 $ff-i-r;
font-weight: 400;
letter-spacing: 0.05em;
margin-top: 16px;
color: #838383;
}
}
img {
max-width: 100%;
@media (min-width: $screen-xxl) {
width: 926px;
}
@media (min-width: $screen-xl) {
width: 80%;
}
}
}
\ No newline at end of file
src/blocks/news-list/news-list.pug 0 → 100644
View file @ 923dabc3
This diff is collapsed.
src/blocks/news-list/news-list.scss 0 → 100644
View file @ 923dabc3
// В этом файле должны быть стили для БЭМ-блока news-list, его элементов,
// модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
.news-list {
$block-name: &; // #{$block-name}__element
padding: 46px 0 30px;
@media (min-width: $screen-xxl) {
padding: 80px 0;
}
&__list {
list-style: none;
}
&__item {
&:not(:last-child) {
margin-bottom: 48px;
@media (min-width: $screen-lg) {
margin-bottom: 64px;
}
}
}
&__date{
font: 13px/1.5 $ff-i-r;
font-weight: 400;
letter-spacing: 0.05em;
margin-bottom: 16px;
@media (min-width: $screen-xxl) {
font-size: 18px;
}
@media (min-width: $screen-lg) {
font-size: 15px;
}
}
&__title{
margin-bottom: 16px;
}
}
src/blocks/num-block/num-block.pug 0 → 100644
View file @ 923dabc3
//- Все примеси в этом файле должны начинаться c имени блока (num-block)
mixin num-block(text, mods)
//- Принимает:
//- text {string} - текст
//- mods {string} - список модификаторов
//- Вызов:
+num-block('Текст', 'some-mod')
-
// список модификаторов
var allMods = '';
if(typeof(mods) !== 'undefined' && mods) {
var modsList = mods.split(',');
for (var i = 0; i < modsList.length; i++) {
allMods = allMods + ' num-block--' + modsList[i].trim();
}
}
ul.num-block
li.num-block__item
.num-block__body
.num-block__num.h2 5&nbsp;500+
p.num-block__text.text скважин с геологическим и петрофизическим сопровождением бурения
li.num-block__item
.num-block__body
.num-block__num.h2 400+
p.num-block__text.text проектов по сопровождению бурения и комплексных проектов разработки месторождений
li.num-block__item
.num-block__body
.num-block__num.h2 20%
p.num-block__text.text высокотехнологичных скважин
src/blocks/num-block/num-block.scss 0 → 100644
View file @ 923dabc3
// В этом файле должны быть стили для БЭМ-блока num-block, его элементов,
// модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
.num-block {
$block-name: &; // #{$block-name}__element
list-style: none;
padding: 0;
color: $black;
@media (min-width: $screen-xxl) {
margin: 0 -110px;
}
@media (min-width: $screen-xl) {
margin: 0 -40px;
}
@media (min-width: $screen-lg) {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 0 -20px;
}
&__item {
&:not(:last-child) {
margin-bottom: 32px;
}
@media (min-width: $screen-xxl) {
padding: 0 110px;
}
@media (min-width: $screen-xl) {
padding: 0 40px;
}
@media (min-width: $screen-lg) {
flex: 0 0 33.333%;
padding: 0 20px;
margin-bottom: 0;
}
}
&__num {
white-space: nowrap;
margin-bottom: 8px;
}
&__text {
margin: 0;
}
}
.num-block--industries{
margin-bottom: 32px;
@media (min-width: $screen-lg){
margin-bottom: 80px;
}
}
\ No newline at end of file
src/blocks/page-footer/page-footer.pug
View file @ 923dabc3
......@@ -65,3 +65,4 @@ mixin page-footer(mods)
a(href="javascript:void()") политикой в области обработки персональных данных
|и даю согласие на их обработку
button(type="submit").footer-form__submit.btn Отправить
+to-top()
\ No newline at end of file
src/blocks/page-footer/page-footer.scss
View file @ 923dabc3
......@@ -9,6 +9,7 @@
background-color: $main-dark;
padding: 58px 0 56px;
@media (min-width: $screen-xxl) {
padding: 120px 0 56px;
}
......@@ -19,6 +20,7 @@
&__body {
position: relative;
@media (min-width: $screen-lg) {
display: flex;
......@@ -133,6 +135,7 @@
font-weight: 500;
margin-bottom: 10px;
letter-spacing: 0.05em;
transition: color $transition-time;
@media (min-width: $screen-xxl) {
font-size: 22px;
......@@ -147,6 +150,10 @@
font-size: 16px;
margin-bottom: 24px;
}
&:hover{
color: $main-light;
}
}
&__company {
......@@ -198,6 +205,10 @@
text-decoration: none;
color: $white;
transition: color $transition-time;
&:hover{
color: $main-light;
}
}
}
......@@ -341,6 +352,11 @@
color: $color-accent;
text-decoration: none;
font-weight: 700;
transition: color $transition-time;
&:hover{
color: $main-light;
}
}
input:checked+span:before {
......
src/blocks/page-header/page-header.pug
View file @ 923dabc3
......@@ -17,7 +17,7 @@ mixin page-header(mods)
}
}
header.page-header(class=allMods, role='banner')&attributes(attributes)
header.page-header
.page-header__inner.container
.page-header__top
.page-header__left
......@@ -78,7 +78,7 @@ mixin page-header(mods)
.page-header__right
.page-header__connect
a(href="tel:+7(495)2802595").page-header__phone +7 (495) 280-25-95
a(href="javascript:void(0)").page-header__connect-btn.btn Обратный звонок
a(href="javascript:void(0)" data-fancybox data-src="#callback-popup").page-header__connect-btn.btn Обратный звонок
.page-header__magnify
button.page-header__search.search-btn.btn-reset
svg.page-header__search-btn(width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg')
......@@ -93,4 +93,70 @@ mixin page-header(mods)
path(d='M8.6777 14.405C12.3794 14.405 15.3802 11.4042 15.3802 7.70248C15.3802 4.0008 12.3794 1 8.6777 1C4.97602 1 1.97522 4.0008 1.97522 7.70248C1.97522 11.4042 4.97602 14.405 8.6777 14.405Z' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' fill='none')
path(d='M13.9754 11.9753L19.0002 17.0001' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round')
.page-header__lang
a(href="javascript:void(0)").page-header__lang-btn ENG
\ No newline at end of file
a(href="javascript:void(0)").page-header__lang-btn ENG
#callback-popup(style="display:none;max-width:440spx;").popup.callback-popup
.callback-popup__title.h4 Обратный звонок
.callback-popup__text
p.text Оставьте свои контакты, и мы перезвоним Вам в ближайшее время.
form(action="").callback-popup__form
.callback-popup__content
input.callback-popup__input(type="text" name="name")
label(for='name').callback-popup__label Имя Фамилия #[span *]
.callback-popup__content
input.callback-popup__input(type="text" name="name")
label(for='name').callback-popup__label Компания #[span *]
.callback-popup__content
input.callback-popup__input(type="text" name="name")
label(for='name').callback-popup__label Должность #[span *]
.callback-popup__content
input.callback-popup__input(type="text" name="name")
label(for='name').callback-popup__label Телефон #[span *]
.callback-popup__content
input.callback-popup__input(type="text" name="name")
label(for='name').callback-popup__label E-mail #[span *]
.callback-popup__content
textarea.callback-popup__input(name="name", cols="30", rows="2")
label(for='name').callback-popup__label Ваше сообщение
.callback-popup__agree
label.footer-form__label.custom-checkbox--white
input(type="checkbox" name="name" required="required").footer-form__checkbox
span
p Ознакомлен с #[a(href="javascript:void()") политикой в области обработки персональных данных] и даю согласие на их обработку
button(type="submit" data-id="#thanks-popup").popup-submit.footer-form__submit.btn Отправить
#more-popup(style="display:none;max-width:440spx;").popup.more-popup
.more-popup__title.h4 Обратный звонок
.more-popup__text
p.text Оставьте свои контакты, и мы перезвоним Вам в ближайшее время.
form(action="").more-popup__form
.more-popup__content
input.more-popup__input(type="text" name="name")
label(for='name').more-popup__label Имя Фамилия #[span *]
.more-popup__content
input.more-popup__input(type="text" name="name")
label(for='name').more-popup__label Компания #[span *]
.more-popup__content
input.more-popup__input(type="text" name="name")
label(for='name').more-popup__label Должность #[span *]
.more-popup__content
input.more-popup__input(type="text" name="name")
label(for='name').more-popup__label Телефон #[span *]
.more-popup__content
input.more-popup__input(type="text" name="name")
label(for='name').more-popup__label E-mail #[span *]
.more-popup__content
textarea.more-popup__input(name="name", cols="30", rows="2")
label(for='name').more-popup__label Ваше сообщение
.more-popup__agree
label.footer-form__label.custom-checkbox--white
input(type="checkbox" name="name" required="required").footer-form__checkbox
span
p Ознакомлен с #[a(href="javascript:void()") политикой в области обработки персональных данных] и даю согласие на их обработку
button(type="submit" data-id="#thanks-popup").popup-submit.footer-form__submit.btn Отправить
//- #thanks-popup.popup.thanks-popup
//- .thanks-popup__inner
//- .thanks-popup__title.h4 Спасибо за обращение! Мы свяжемся с Вами в ближайшее время.
src/blocks/page-header/page-header.scss
View file @ 923dabc3
......@@ -34,7 +34,7 @@
}
&__left {
width: 83%;
width: 152px;
order: 1;
@media (min-width: $screen-xxl) {
......@@ -52,7 +52,7 @@
&__menu {
order: 3;
width: 37%;
width: 20%;
display: flex;
justify-content: flex-end;
......@@ -125,6 +125,10 @@
position: relative;
}
&__search-btn path{
transition: all $transition-time;
}
&__search {
width: 22px;
height: 22px;
......@@ -139,8 +143,15 @@
stroke: $white;
}
}
&:hover{
.page-header__search-btn path{
stroke: $white;
}
}
}
.search-block {
position: fixed;
width: 100%;
......@@ -306,7 +317,7 @@
&__body {
position: relative;
width: 100%;
width: 81%;
overflow: auto;
@media (min-width: $screen-xxl) {
......@@ -366,8 +377,7 @@
left: -24%;
width: 24%;
height: 100%;
background-color: $main-dark;
opacity: 0.2;
background: rgba(1,73,69,.48);
transition: all $transition-time;
......@@ -406,6 +416,10 @@
cursor: pointer;
border-bottom: 1px solid $black;
@media (min-width: $screen-xl) {
border-bottom: none;
}
&:last-child {
margin: 0;
border-bottom: none;
......@@ -428,9 +442,6 @@
}
}
@media (min-width: $screen-lg) {
border-bottom: none;
}
&.has-child {
......@@ -511,6 +522,7 @@
}
& .menu__sublist {
padding-top: 24px;
max-height: 500px;
opacity: 1;
}
......@@ -521,7 +533,6 @@
display: block;
color: $black;
text-decoration: none;
margin-bottom: 24px;
font-weight: 500;
transition: all $transition-time;
......@@ -595,6 +606,10 @@
@media (min-width: $screen-xl) {
background-color: $white;
&:not(:last-child){
border-bottom: 1px solid #E3E3E3;
}
}
......@@ -620,6 +635,7 @@
}
&__sublink {
color: $main-dark;
text-decoration: none;
......@@ -686,6 +702,7 @@
&__text {
font: 13px/1.2 $ff-i-r;
font-weight: 500;
white-space: nowrap;
@media (min-width: $screen-lg) {
font-size: 15px;
......
src/blocks/page/page.scss
View file @ 923dabc3
......@@ -123,9 +123,7 @@ body {
left: 0px;
width: 100%;
height: 100%;
background: linear-gradient(0deg, #00bfff 0, #00e68a 100%);
;
opacity: 0.5;
background: rgba(1,73,69,.48);
z-index: 10;
transition: all $transition-time;
}
......@@ -430,9 +428,7 @@ pre {
}
}
a:hover {
color: $main-light;
}
//choices
......@@ -528,17 +524,131 @@ a:hover {
//choices ends
.mt-80{
.mt-80 {
margin-top: 48px;
@media (min-width: $screen-lg) {
margin-top: 80px;
margin-top: 80px;
}
}
.mb-64{
.mb-64 {
margin-top: 48px;
@media (min-width: $screen-lg) {
margin-top: 64px;
margin-top: 64px;
}
}
\ No newline at end of file
}
//fancybox
.popup>.carousel__button.is-close {
width: 20px;
height: 20px;
top: 20px;
right: 20px;
color: #336D69;
padding: 0;
}
.carousel__button svg{
width: 18px;
height: 18px;
filter: none;
}
.fancybox__content :focus:not(.carousel__button.is-close) {
outline: none;
}
.fancybox__content {
padding: 40px 80px;
}
.fancybox__backdrop {
background: rgba(1, 73, 69, .48);
}
//fancybox ends
/*-- Custom checkbox --*/
.custom-checkbox {
font: 12px/1.3 $ff-i-r;
color: $white;
letter-spacing: .05em;
text-decoration: none;
transition: all .3s;
@media (min-width: $screen-xxl) {
font-size: 14px;
}
span {
position: absolute;
width: 24px;
height: 24px;
border-radius: 4px;
border: none;
margin-left: -40px;
background-color: #336D69;
}
a {
color: $color-accent;
text-decoration: none;
font-weight: 700;
}
input:checked+span:before {
content: "";
position: absolute;
left: 6px;
top: 6px;
width: 12px;
height: 12px;
border-radius: 2px;
background-color: $main-light;
}
}
.custom-checkbox--white {
font: 12px/1.3 $ff-i-r;
color: $black;
letter-spacing: .05em;
text-decoration: none;
transition: all .3s;
@media (min-width: $screen-xxl) {
font-size: 14px;
}
span {
position: absolute;
width: 24px;
height: 24px;
border-radius: 4px;
border: 1px solid $border-color;
margin-left: -40px;
background-color: $white;
}
a {
color: $color-accent;
text-decoration: none;
font-weight: 700;
}
input:checked+span:before {
content: "";
position: absolute;
left: 5px;
top: 5px;
width: 12px;
height: 12px;
border-radius: 2px;
background-color: $main-light;
}
}
src/blocks/search-input/search-input.pug 0 → 100644
View file @ 923dabc3
//- Все примеси в этом файле должны начинаться c имени блока (search-input)
mixin search-input(text, mods)
//- Принимает:
//- text {string} - текст
//- mods {string} - список модификаторов
//- Вызов:
+search-input('Текст', 'some-mod')
-
// список модификаторов
var allMods = '';
if(typeof(mods) !== 'undefined' && mods) {
var modsList = mods.split(',');
for (var i = 0; i < modsList.length; i++) {
allMods = allMods + ' search-input--' + modsList[i].trim();
}
}
.search-input(class=allMods)&attributes(attributes)
.search-input__inner.container
.search-input__result
.search-input__content
input.search-input__input(type="search" name="search")
label(for='search').search-input__label Поиск по сайту
svg.search-input__btn(width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg')
path(d='M8.6777 14.405C12.3794 14.405 15.3802 11.4042 15.3802 7.70248C15.3802 4.0008 12.3794 1 8.6777 1C4.97602 1 1.97522 4.0008 1.97522 7.70248C1.97522 11.4042 4.97602 14.405 8.6777 14.405Z' stroke='black' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.48')
path(d='M13.9754 11.9753L19.0002 17.0001' stroke='black' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' opacity='0.48')
src/blocks/search-input/search-input.scss 0 → 100644
View file @ 923dabc3
// В этом файле должны быть стили для БЭМ-блока search-input, его элементов,
// модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
.search-input {
$block-name: &; // #{$block-name}__element
padding: 42px 0 32px;
@media (min-width: $screen-lg) {
padding: 80px 0 40px;
}
&__result {
width: 100%;
}
&__content {
position: relative;
width: 100%;
}
&__btn {
position: absolute;
top: 16px;
right: 14px;
width: 22px;
height: 22px;
background-color: $white;
cursor: pointer;
}
&__label {
font-weight: 400;
font-size: 14px;
line-height: 130%;
letter-spacing: 0.05em;
position: absolute;
top: 16px;
left: 16px;
color: $main-dark;
background-color: $white;
pointer-events: none;
width: auto;
transition: all $transition-time;
}
&__input {
width: 100%;
background-color: #fff;
border: 1px solid #e3e3e3;
border-radius: 4px;
padding: 16px;
font: 14px/1.3 $ff-i-r;
letter-spacing: 0.05em;
color: $black;
&:focus {
border: 1px solid $color-accent;
outline: none;
&~label {
top: -8px;
font-size: 12px;
}
}
}
}
\ No newline at end of file
src/blocks/search-result/search-result.scss 0 → 100644
View file @ 923dabc3
// В этом файле должны быть стили для БЭМ-блока search-result, его элементов,
// модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
.search-result {
$block-name: &; // #{$block-name}__element
&__top {
color: $black;
margin-bottom: 40px;
@media (min-width: $screen-lg) {
margin-bottom: 80px;
}
span {
display: block;
color: $main-dark;
}
}
&__list {
list-style: none;
font-size: 15px;
font-weight: 600;
color: $black;
padding-left: 0;
@media (min-width: $screen-xxl) {
font-size: 20px;
}
@media (min-width: $screen-lg) {
font-size: 17px;
}
}
&__item {
margin-bottom: 36px;
@media (min-width: $screen-lg) {
margin-bottom: 64px;
}
}
&__title {
display: inline-block;
margin-bottom: 8px;
@media (min-width: $screen-lg){
margin-bottom: 24px;
}
}
&__p-block {
margin-bottom: 8px;
@media (min-width: $screen-lg){
margin-bottom: 32px;
}
}
&__date {
a {
text-decoration: none;
color: $color-accent;
}
}
}
\ No newline at end of file
src/blocks/task/task.scss
View file @ 923dabc3
......@@ -23,8 +23,10 @@
&__list {
list-style: none;
padding-left: 20px;
margin-bottom: 40px;
@media (min-width: $screen-lg) {
padding-left: 26px;
margin-bottom: 80px;
}
}
......
src/blocks/to-top/to-top.js
View file @ 923dabc3
......@@ -28,14 +28,14 @@ ready(function(){
}
function visibilityToggle() {
if(window.pageYOffset >= 500) {
document.getElementById('to-top').classList.add('to-top--visible');
}
else {
document.getElementById('to-top').classList.remove('to-top--visible');
}
}
// function visibilityToggle() {
// if(window.pageYOffset <= 768) {
// document.getElementById('to-top').classList.add('to-top--visible');
// }
// else {
// document.getElementById('to-top').classList.remove('to-top--visible');
// }
// }
function animate(_ref) {
var timing = _ref.timing,
......
src/blocks/to-top/to-top.pug
View file @ 923dabc3
......@@ -17,4 +17,5 @@ mixin to-top(mods)
}
}
a.to-top#to-top(class=allMods, href='#')&attributes(attributes) ↑
a.to-top#to-top(class=allMods, href='#')&attributes(attributes)
span.to-top__btn наверх
\ No newline at end of file
src/blocks/to-top/to-top.scss
View file @ 923dabc3
......@@ -2,37 +2,63 @@
// модификаторов, псевдоселекторов, псевдоэлементов, $media-условий...
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
$transition-time: 0.3s !default;
$transition-time: 0.3s !default;
.to-top {
$block-name: &; // #{$block-name}__element
$block-name: &; // #{$block-name}__element
position: fixed;
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(270deg, #00BFFF -0.23%, #00E68A 99.77%);
box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.24);
border-radius: 8px;
text-decoration: none;
position: absolute;
z-index: 99;
right: 1rem;
bottom: 1rem;
width: 3rem;
height: 3rem;
border-radius: 50%;
background-color: #000;
color: transparent;
font: 0/0 a; // stylelint-disable-line
// см. bg-img/to-up.svg
// http://yoksel.github.io/url-encoder/ru/
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 11' width='17' height='11'%3E%3Cpath fill='%23fff' d='M.202 1.97L1.956.204A.61.61 0 0 1 2.43 0a.61.61 0 0 1 .47.204L8.5 5.84 14.1.204A.61.61 0 0 1 14.57 0a.61.61 0 0 1 .474.204l1.754 1.766a.618.618 0 0 1 .202.473.62.62 0 0 1-.202.476l-7.826 7.875A.61.61 0 0 1 8.5 11a.61.61 0 0 1-.472-.204L.202 2.92A.618.618 0 0 1 0 2.444c0-.203.067-.34.202-.475z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
transform: rotate(180deg);
right: 0;
top: 0px;
width: 56px;
height: 56px;
padding: 8px;
transition: opacity $transition-time;
.js & {
opacity: 0;
visibility: hidden;
@media (min-width: $screen-md) {
display: none;
}
&__btn {
font: 10px/1.5 $ff-i-b;
color: $white;
white-space: nowrap;
padding-top: 12px;
position: relative;
&--visible {
opacity: 1;
visibility: visible;
&::before {
position: absolute;
content: '';
background: url(../img/arrow-down-white.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 0;
width: 16px;
height: 16px;
top: -8px;
left: 50%;
transform: translateX(-50%);
transition: all $transition-time;
}
}
}
// .js & {
// opacity: 0;
// visibility: hidden;
// &--visible {
// opacity: 1;
// visibility: visible;
// }
// }
}
\ No newline at end of file
src/blocks/top-slider/top-slider.scss
View file @ 923dabc3
......@@ -104,7 +104,13 @@
}
svg path {
opacity: 1;
opacity: .5;
transition: all $transition-time;
}
&:hover{
svg path{
opacity: 1;
}
}
}
......@@ -127,7 +133,13 @@
}
svg path {
opacity: 1;
opacity: .5;
transition: all $transition-time;
}
&:hover{
svg path{
opacity: 1;
}
}
}
......@@ -177,6 +189,10 @@
background-color: $main-dark;
opacity: 1;
transition: all $transition-time;
&:hover{
background-color: $white;
}
}
.swiper-pagination-bullet-active {
......
src/favicon/favicon-16x16.png
View replaced file @ e4df6e60 View file @ 923dabc3
src/favicon/favicon-16x16.png

686 Bytes | W: | H:

src/favicon/favicon-16x16.png

3.76 KB | W: | H:

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

1010 Bytes | W: | H:

src/favicon/favicon-32x32.png

3.76 KB | W: | H:

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

2.42 KB | W: | H:

src/favicon/favicon-original.png

3.76 KB | W: | H:

src/favicon/favicon-original.png
src/favicon/favicon-original.png
src/favicon/favicon-original.png
src/favicon/favicon-original.png
  • 2-up
  • Swipe
  • Onion skin
src/img/arrow-down-black.svg 0 → 100644
View file @ 923dabc3
<svg width="24" height="29" viewBox="0 0 24 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.71672 14.1858C2.1311 14.7718 1.18135 14.772 0.595402 14.1864C0.00944948 13.6008 0.0091809 12.6511 0.594802 12.0651L2.71672 14.1858ZM12 2.77539L10.939 1.71503L12 0.65347L13.0609 1.71503L12 2.77539ZM23.4052 12.0651C23.9908 12.6511 23.9905 13.6008 23.4046 14.1864C22.8186 14.772 21.8689 14.7718 21.2832 14.1858L23.4052 12.0651ZM0.594802 12.0651L10.939 1.71503L13.0609 3.83575L2.71672 14.1858L0.594802 12.0651ZM13.0609 1.71503L23.4052 12.0651L21.2832 14.1858L10.939 3.83575L13.0609 1.71503Z" fill="black"/>
<path d="M10.4995 3.0271C10.4995 2.19867 11.1711 1.5271 11.9995 1.5271C12.8279 1.5271 13.4995 2.19867 13.4995 3.0271H10.4995ZM13.4995 26.7755C13.4995 27.6039 12.8279 28.2755 11.9995 28.2755C11.1711 28.2755 10.4995 27.6039 10.4995 26.7755H13.4995ZM13.4995 3.0271L13.4995 26.7755H10.4995L10.4995 3.0271H13.4995Z" fill="black"/>
</svg>
src/img/branch3.jpg
View replaced file @ e4df6e60 View file @ 923dabc3
This image diff could not be displayed because it is too large. You can view the blob instead.
src/img/fav.svg 0 → 100644
View file @ 923dabc3
<svg width="81" height="50" viewBox="0 0 81 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.8117 13.7044C21.6922 23.0389 11.636 41.3613 11.636 41.3613C11.636 41.3613 34.924 41.371 34.9048 41.3613C36.7332 41.3998 37.6859 41.7366 38.6578 43.5458C38.6578 43.5554 42.1703 49.9548 42.1703 49.9548C42.1703 49.9548 5.11154 49.9548 5.10191 49.9548C0.617529 49.9356 -1.24936 46.6637 0.877353 42.8529C5.37136 34.8272 22.8855 2.8399 22.8855 2.82065C23.7804 1.17509 25.1662 0.106924 26.9946 0.12617C28.823 0.15504 30.2183 1.25208 31.1133 2.86877C31.1133 2.88801 51.4277 39.8505 51.4181 39.8409C52.0917 41.0726 52.9963 41.3132 54.2858 41.3228C63.9089 41.4479 71.492 34.2787 71.5401 24.9346C71.5882 16.1198 64.111 8.79662 54.9402 8.71001C54.9498 8.71001 40.7653 8.70039 40.7653 8.71001C39.5624 8.61378 38.8984 8.11338 38.4365 7.28579C38.4557 7.28579 34.5199 0.0684312 34.5199 0.0684312C34.5199 0.0684312 48.9931 -0.085539 54.7285 0.0684312C65.4967 0.347502 73.5032 5.13983 78.1223 14.7918C84.8296 28.8128 76.5249 45.6917 61.1278 49.1368C57.4614 49.9644 49.7533 49.9548 49.7437 49.9548C47.8287 50.0125 46.4526 49.0021 45.4902 47.2315C39.8415 36.8385 27.5046 14.7149 26.8117 13.7044Z" fill="url(#paint0_linear_885_4487)"/>
<defs>
<linearGradient id="paint0_linear_885_4487" x1="73.7699" y1="8.70915" x2="1.82908" y2="47.8696" gradientUnits="userSpaceOnUse">
<stop stop-color="#00BFFF"/>
<stop offset="1" stop-color="#00E68A"/>
</linearGradient>
</defs>
</svg>
src/img/search-icon.svg 0 → 100644
View file @ 923dabc3
<svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.2">
<path d="M9.11 17.22C13.589 17.22 17.22 13.589 17.22 9.11C17.22 4.63097 13.589 1 9.11 1C4.63097 1 1 4.63097 1 9.11C1 13.589 4.63097 17.22 9.11 17.22Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.5195 14.2812L21.5995 20.3613" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</svg>
src/js/script.js
View file @ 923dabc3
......@@ -28,6 +28,7 @@ Swiper.use([Navigation, Pagination, EffectFade]);
window.addEventListener("load", () => {
const mobile = window.matchMedia('(max-width:1200px)');
/*-- Top Slider --*/
......@@ -40,10 +41,12 @@ window.addEventListener("load", () => {
topSliderSwiper = new Swiper(".top-slider.swiper", {
slidesPerView: 1,
spaceBetween: 0,
loop: true,
effect: "fade",
speed: 1500,
pagination: {
el: '.top-slider__pagination',
clickable: true,
},
navigation: {
nextEl: '.top-slider__next',
......@@ -187,7 +190,7 @@ window.addEventListener("load", () => {
})
}
GradientAccordeon();
window.addEventListener('resize', GradientAccordeon);
// window.addEventListener('resize', GradientAccordeon);
}
/*-- Search --*/
......@@ -199,11 +202,12 @@ window.addEventListener("load", () => {
const searchBlock = document.querySelector('.search-block');
searchBlock.classList.toggle('active');
searchBtn.classList.toggle('active');
document.body.classList.toggle('lock');
})
const searchInput = document.querySelector('.search-block input')
const searchInput = document.querySelector('.search-block input')
searchInput.addEventListener('focus', function() {
searchInput.addEventListener('focus', function () {
const searchIcon = document.querySelector('.search-block__btn');
const searchPaths = document.querySelectorAll('.search-block__btn path');
......@@ -212,4 +216,38 @@ window.addEventListener("load", () => {
})
})
}
/*-- Thanks popup --*/
// const body = document.querySelector('body');
// const popupBtn = document.querySelector('.popup-submit');
// let unlock = true;
// const timeout = 400;
// popupBtn.addEventListener('click', function (e) {
// const popupName = popupBtn.getAttribute('data-id').replace('#', '');
// const currentPopup = document.getElementById(popupName);
// popupOpen(currentPopup);
// console.log(currentPopup);
// })
// function popupOpen(currentPopup) {
// if (currentPopup && unlock) {
// const popupActive = document.querySelector('.popup.open');
// if (popupActive) {
// popupClose(popupActive, false);
// } else {
// bodyLock();
// }
// currentPopup.classList.add('open');
// body.style.overflow = 'hidden';
// currentPopup.addEventListener('click', function (e) {
// if (!e.target.closest('.popup')) {
// popupClose(e.target.closest('.popup'));
// }
// })
// }
// }
});
src/pages/all-pages.pug
View file @ 923dabc3
......@@ -16,16 +16,21 @@ block content
.all-pages__inner
p #[a.h5(href="index.html", target="_blank").link Главная]
p #[a.h5(href="about.html", target="_blank").link Кто мы]
p #[a.h5(href="news.html", target="_blank").link Новости]
p #[a.h5(href="news-det.html", target="_blank").link Новости Детальная]
p #[a.h5(href="corp.html", target="_blank").link Корпоративная ответственность]
p #[a.h5(href="solutions.html", target="_blank").link Решения]
p #[a.h5(href="solutions-det1.html", target="_blank").link Решения детальная - Энергоучёт и энергоэффективность]
p #[a.h5(href="monitoring.html", target="_blank").link Решения детальная - Мониторинг технологических процессов и производств]
p #[a.h5(href="planning.html", target="_blank").link Планирование и оптимизация производственных процессов]
p #[a.h5(href="industries.html", target="_blank").link Отрасли]
p #[a.h5(href="industries-det1.html", target="_blank").link Отрасли детальная - Цифровизация производства]
p #[a.h5(href="projects.html", target="_blank").link Проекты]
//- p #[a.h5(href="project-det.html", target="_blank").link Проект детальная - Бинбанк]
//- p #[a.h5(href="project-descr.html", target="_blank").link Проект детальная - Автоматизированная система управления ремонтами и техническим обслуживанием оборудования]
p #[a.h5(href="project-det.html", target="_blank").link Проект детальная - Бинбанк]
p #[a.h5(href="project-descr.html", target="_blank").link Проект детальная - Автоматизированная система управления ремонтами и техническим обслуживанием оборудования]
p #[a.h5(href="contacts.html", target="_blank").link Контакты]
p #[a.h5(href="search-result.html", target="_blank").link Поиск по сайту]
p #[a.h5(href="personal.html", target="_blank").link Согласие на обработку персональных данных]
p #[a.h5(href="404.html", target="_blank").link 404]
//- block footer
......
src/pages/corp.pug 0 → 100644
View file @ 923dabc3
extends ../pug/layout.pug
block meta
title Корпоративная ответственность
meta(name='description' content='')
//- block append head
//- link(rel='stylesheet' href='css/some.css')
block content
+inner-wrapper()
+inner-wrapper-top(style="background-image: url(img/bgrd_corp.jpg);")
+breadcrumbs()
+breadcrumbs-item('Главная', '/')
+breadcrumbs-item('Кто мы', '/')
+breadcrumbs-item('Корпоративная ответственность')
+main-title('Корпоративная ответственность')
+main-descr('Разработка комплексных программных продуктов на заказ, реализация решений в области цифровизации производства и снижения импортозависимости.')
section.news-det
.news-det__inner.container
p Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку.
p Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации.
p Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
p Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку.
p Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации.
p Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
p Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку.
p Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации.
p Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
p Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и поддержку.
p Мы предлагаем набор планов и возможностей, инноваций и связанных с ними технологических решений, которые помогают компаниям и промышленным предприятиям перейти на новые уровни автоматизации и цифровизации.
p Наши Заказчики – основные предприятия реального сектора экономики: энергетики, нефтегазодобычи, промышленного производства. Наши продукты помогают им контролировать критическую инфраструктуру, обеспечивают аналитику для принятия управленческих решений, оптимизируют сложные технологические процессы.
figure
img(src="img/corp.png", aria='hidden')
figcaption Описание к фотографии
section.about__licence
.about__licence-inner.container
.about__licence-wrapper
+download()
//- block footer
//- p footer
//- block append page-bottom
//- script(src='js/some.js')
src/pages/industries-det1.pug 0 → 100644
View file @ 923dabc3
This diff is collapsed.
src/pages/news-det.pug 0 → 100644
View file @ 923dabc3
This diff is collapsed.
src/pages/news.pug 0 → 100644
View file @ 923dabc3
extends ../pug/layout.pug
block meta
title Новости
meta(name='description', content='')
//- block append head
//- link(rel='stylesheet', href='css/some.css')
block content
+inner-wrapper()
+inner-wrapper-top(style="background-image: url(img/bgrd_news.jpg);")
+breadcrumbs()
+breadcrumbs-item('Главная', '/')
+breadcrumbs-item('Кто мы', '/')
+breadcrumbs-item('Новости')
+main-title('Новости')
+main-descr('Разработка комплексных программных продуктов на заказ, реализация решений в области цифровизации производства и снижения импортозависимости.')
+news-list()
.news
+more('показать больше')
//- block footer
//- p footer
//- block append page-bottom
//- script(src='js/some.js')
src/pages/personal.pug 0 → 100644
View file @ 923dabc3
extends ../pug/layout.pug
block meta
title Согласие на обработку персональных данных
meta(name='description' content='')
//- block append head
//- link(rel='stylesheet' href='css/some.css')
block content
+inner-wrapper()
+inner-wrapper-top(style="background-image: url(img/bgrd_personal.jpg);")
+breadcrumbs()
+breadcrumbs-item('Главная', '/')
+breadcrumbs-item('Согласие на обработку персональных данных')
+main-title('Согласие на обработку персональных данных')
section.text-block.mt-80
.text-block__inner.container
p.text-block__text.text Предоставляя свои персональные данные Пользователь даёт согласие на&nbsp;обработку, хранение и&nbsp;использование своих персональных данных на&nbsp;основании ФЗ &#8470;&nbsp;152-ФЗ &laquo;О&nbsp;персональных данных&raquo; от&nbsp;27.07.2006&nbsp;г.&nbsp;в&nbsp;следующих целях:
ul.task__list
li.task__item
p.text Осуществление клиентской поддержки;
li.task__item
p.text Получения Пользователем информации о маркетинговых событиях;
li.task__item
p.text Проведения аудита и прочих внутренних исследований с целью повышения качества предоставляемых услуг;
p.text-block__text.text-bold Под персональными данными подразумевается любая информация личного характера, позволяющая установить личность Пользователя/Покупателя такая как:
ul.task__list
li.task__item
p.text Фамилия, Имя, Отчество;
li.task__item
p.text Дата рождения;
li.task__item
p.text Контактный телефон;
li.task__item
p.text Адрес электронной почты;
li.task__item
p.text Почтовый адрес;
p.text-block__text.text Персональные данные Пользователей хранятся исключительно на&nbsp;электронных носителях и&nbsp;обрабатываются с&nbsp;использованием автоматизированных систем, за&nbsp;исключением случаев, когда неавтоматизированная обработка персональных данных необходима в&nbsp;связи с&nbsp;исполнением требований законодательства.
p.text-block__text.text-bold Компания обязуется не&nbsp;передавать полученные персональные данные третьим лицам, за&nbsp;исключением следующих случаев:
ul.task__list
li.task__item
p.text По запросам уполномоченных органов государственной власти РФ только по основаниям и в порядке, установленным законодательством РФ
li.task__item
p.text Стратегическим партнерам, которые работают с Компанией для предоставления продуктов и услуг, или тем из них, которые помогают Компании реализовывать продукты и услуги потребителям. Мы предоставляем третьим лицам минимальный объем персональных данных, необходимый только для оказания требуемой услуги или проведения необходимой транзакции.
p.text-block__text.text Компания оставляет за собой право вносить изменения в одностороннем порядке в настоящие правила, при условии, что изменения не противоречат действующему законодательству РФ. Изменения условий настоящих правил вступают в силу после их публикации на Сайте.
ul.download.mb-64
li.download__item
.download__body
.download__pic
svg(width='32' height='34' viewBox='0 0 32 34' fill='none' xmlns='http://www.w3.org/2000/svg')
path(d='M28.3346 33H4.33333C3.97971 33 3.64057 32.8595 3.39052 32.6095C3.14048 32.3594 3 32.0203 3 31.6667V2.33333C3 1.97971 3.14048 1.64057 3.39052 1.39052C3.64057 1.14048 3.97971 1 4.33333 1H20.3346L29.668 10.3333V31.6667C29.668 31.8418 29.6335 32.0151 29.5665 32.1769C29.4995 32.3387 29.4013 32.4857 29.2774 32.6095C29.1536 32.7333 29.0066 32.8315 28.8449 32.8985C28.6831 32.9655 28.5097 33 28.3346 33Z' stroke='#00BFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none')
path(d='M20.334 1V10.3333H29.6686' stroke='#00BFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none')
path(d='M11.666 21.6665L16.3327 26.3332L20.9993 21.6665' stroke='#00BFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none')
path(d='M16.334 15.6665V26.3332' stroke='#00BFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none')
.download__content
.download__title
h3.download__h3.h5 Документ №1
.download__subtitle
p.download__text.text Дополнительная информация описания документа.
+hyperlink()
//- block footer
//- p footer
//- block append page-bottom
//- script(src='js/some.js')
src/pages/projects.pug
View file @ 923dabc3
......@@ -42,7 +42,8 @@ block content
.project-search__search
button.project-search__btn.btn поиск
+project-grid()
+more('показать больше')
.projects__more
+more('показать больше')
//- block footer
......
src/pages/search-result.pug
View file @ 923dabc3
extends ../pug/layout.pug
block meta
title Энергоучёт и энергоэффективность
title Поиск по сайту
meta(name='description', content='')
//- block append head
......@@ -11,16 +11,36 @@ block meta
block content
+inner-wrapper()
+inner-wrapper-top(style="background-image: url(img/bgrd_solutions.jpg);")
+inner-wrapper-top(style="background-image: url(img/bgrd_search.jpg);")
+breadcrumbs()
+breadcrumbs-item('Главная', '/')
+breadcrumbs-item('Решения', '/')
+breadcrumbs-item('Энергоучёт и энергоэффективность')
+main-title('Энергоучёт и энергоэффективность')
+main-descr('Разработка комплексных программных продуктов на заказ, реализация решений в области цифровизации производства и снижения импортозависимости.')
+about-solutions()
+accordeon()
+breadcrumbs-item('Поиск по сайту')
+main-title('Поиск по сайту')
+search-input()
section.search-result
.search-result__inner.container
p.search-result__top.h3 Результаты поиска по запросу:#[span «Нефть и газ»]
ul.search-result__list
li.search-result__item
span.search-result__title.h5 1. Нефть и газ
.search-result__p-block
p.search-result__text.text Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и&nbsp;поддержку.
p.search-result__text.text Мы&nbsp;предлагаем набор планов и&nbsp;возможностей, инноваций и&nbsp;связанных с&nbsp;ними технологических решений, которые помогают компаниям и&nbsp;промышленным предприятиям перейти на&nbsp;новые уровни автоматизации и&nbsp;цифровизации.
.search-result__date.info Раздел: #[a(href="javascript:void(0);") Отрасли]
li.search-result__item
span.search-result__title.h5 2. Нефть и газ
.search-result__p-block
p.search-result__text.text Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и&nbsp;поддержку.
p.search-result__text.text Мы&nbsp;предлагаем набор планов и&nbsp;возможностей, инноваций и&nbsp;связанных с&nbsp;ними технологических решений, которые помогают компаниям и&nbsp;промышленным предприятиям перейти на&nbsp;новые уровни автоматизации и&nbsp;цифровизации.
.search-result__date.info Раздел: #[a(href="javascript:void(0);") Отрасли]
li.search-result__item
span.search-result__title.h5 3. Нефть и газ
.search-result__p-block
p.search-result__text.text Команда профессионалов высокой квалификации проводит обследование, консалтинг, выбор оптимальных параметров проектного решения, реализацию, внедрение, сопровождение и&nbsp;поддержку.
p.search-result__text.text Мы&nbsp;предлагаем набор планов и&nbsp;возможностей, инноваций и&nbsp;связанных с&nbsp;ними технологических решений, которые помогают компаниям и&nbsp;промышленным предприятиям перейти на&nbsp;новые уровни автоматизации и&nbsp;цифровизации.
.search-result__date.info Раздел: #[a(href="javascript:void(0);") Отрасли]
//- block footer
......
src/pug/layout.pug
View file @ 923dabc3
......@@ -22,8 +22,8 @@ html(class='page no-js', lang='ru')
//- Фавиконки (https://realfavicongenerator.net)
//- link(rel='apple-touch-icon', sizes='180x180', href='/img/favicon/apple-touch-icon.png')
//- link(rel='icon', type='image/png', sizes='32x32', href='/img/favicon/favicon-32x32.png')
//- link(rel='icon', type='image/png', sizes='16x16', href='/img/favicon/favicon-16x16.png')
link(rel='icon', type='image/png', sizes='32x32', href='/img/favicon/favicon-32x32.png')
link(rel='icon', type='image/png', sizes='16x16', href='/img/favicon/favicon-16x16.png')
//- link(rel='manifest', href='/img/favicon/site.webmanifest')
//- link(rel='mask-icon', href='/img/favicon/safari-pinned-tab.svg', color='#5bbad5')
//- meta(name='msapplication-TileColor', content='#5bbad5')
......@@ -56,5 +56,6 @@ html(class='page no-js', lang='ru')
.page__footer-wrapper
+page-footer()
block page-bottom
script(src='js/bundle.js')
src/scss/global.scss
View file @ 923dabc3
......@@ -151,7 +151,7 @@
&:before {
transform-origin: 100% 0;
height: 53px;
height: 55px;
top: -31px;
background-color: $main-light;
......@@ -354,8 +354,20 @@
font-size: 24px;
}
}
.info {
font: 12px/1.3 $ff-i-r;
letter-spacing: 0.05em;
@media (min-width: $screen-xxl) {
font-size: 14px;
}
}
.pt-16 {
padding-top: 16px;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment