Skip to content

R
radon
Commit 4491c4d9 authored by Eugene Vinokurov's avatar Eugene Vinokurov
Browse files
Options

normal aligning and normal bootstrap grid

parent cfa369a3
Hide whitespace changes
Inline Side-by-side
Showing with 441 additions and 3 deletions
src/img/filials-network-five.svg 0 → 100644
View file @ 4491c4d9
<svg width="15" height="21" viewBox="0 0 15 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M12.7267 0C12.7267 0 11.0095 1.67391 9.14083 2.33333C-4.64704 7.35507 1.16104 17.0942 1.36306 17.1449C1.36306 17.1449 2.12063 15.7754 3.18124 15.0145C9.7974 10.1449 11.161 4.51449 11.161 4.51449C11.161 4.51449 9.69639 11.2609 3.7873 15.471C2.47417 16.3841 1.61558 18.6667 1.21154 21C1.21154 21 2.12063 20.6449 2.52467 20.5435C2.67619 19.529 2.97922 18.5652 3.53477 17.7029C11.7671 18.6667 14.4439 12.0217 14.7974 9.68841C15.7065 4.15942 12.7267 0 12.7267 0Z" fill="#4A96D2"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="15" height="21" fill="white"/>
</clipPath>
</defs>
</svg>
src/img/filials-network-four.svg 0 → 100644
View file @ 4491c4d9
<svg width="15" height="21" viewBox="0 0 15 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M12.7267 0C12.7267 0 11.0095 1.67391 9.14083 2.33333C-4.64704 7.35507 1.16104 17.0942 1.36306 17.1449C1.36306 17.1449 2.12063 15.7754 3.18124 15.0145C9.7974 10.1449 11.161 4.51449 11.161 4.51449C11.161 4.51449 9.69639 11.2609 3.7873 15.471C2.47417 16.3841 1.61558 18.6667 1.21154 21C1.21154 21 2.12063 20.6449 2.52467 20.5435C2.67619 19.529 2.97922 18.5652 3.53477 17.7029C11.7671 18.6667 14.4439 12.0217 14.7974 9.68841C15.7065 4.15942 12.7267 0 12.7267 0Z" fill="#B1C72E"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="15" height="21" fill="white"/>
</clipPath>
</defs>
</svg>
src/img/filials-network-one.svg 0 → 100644
View file @ 4491c4d9
<svg width="15" height="21" viewBox="0 0 15 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M12.7267 0C12.7267 0 11.0095 1.67391 9.14083 2.33333C-4.64704 7.35507 1.16104 17.0942 1.36306 17.1449C1.36306 17.1449 2.12063 15.7754 3.18124 15.0145C9.7974 10.1449 11.161 4.51449 11.161 4.51449C11.161 4.51449 9.69639 11.2609 3.7873 15.471C2.47417 16.3841 1.61558 18.6667 1.21154 21C1.21154 21 2.12063 20.6449 2.52467 20.5435C2.67619 19.529 2.97922 18.5652 3.53477 17.7029C11.7671 18.6667 14.4439 12.0217 14.7974 9.68841C15.7065 4.15942 12.7267 0 12.7267 0Z" fill="#003274"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="15" height="21" fill="white"/>
</clipPath>
</defs>
</svg>
src/img/filials-network-three.svg 0 → 100644
View file @ 4491c4d9
<svg width="15" height="21" viewBox="0 0 15 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M12.7267 0C12.7267 0 11.0095 1.67391 9.14083 2.33333C-4.64704 7.35507 1.16104 17.0942 1.36306 17.1449C1.36306 17.1449 2.12063 15.7754 3.18124 15.0145C9.7974 10.1449 11.161 4.51449 11.161 4.51449C11.161 4.51449 9.69639 11.2609 3.7873 15.471C2.47417 16.3841 1.61558 18.6667 1.21154 21C1.21154 21 2.12063 20.6449 2.52467 20.5435C2.67619 19.529 2.97922 18.5652 3.53477 17.7029C11.7671 18.6667 14.4439 12.0217 14.7974 9.68841C15.7065 4.15942 12.7267 0 12.7267 0Z" fill="#FF6600"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="15" height="21" fill="white"/>
</clipPath>
</defs>
</svg>
src/img/filials-network-two.svg 0 → 100644
View file @ 4491c4d9
<svg width="15" height="21" viewBox="0 0 15 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M12.7267 0C12.7267 0 11.0095 1.67391 9.14083 2.33333C-4.64704 7.35507 1.16104 17.0942 1.36306 17.1449C1.36306 17.1449 2.12063 15.7754 3.18124 15.0145C9.7974 10.1449 11.161 4.51449 11.161 4.51449C11.161 4.51449 9.69639 11.2609 3.7873 15.471C2.47417 16.3841 1.61558 18.6667 1.21154 21C1.21154 21 2.12063 20.6449 2.52467 20.5435C2.67619 19.529 2.97922 18.5652 3.53477 17.7029C11.7671 18.6667 14.4439 12.0217 14.7974 9.68841C15.7065 4.15942 12.7267 0 12.7267 0Z" fill="#EDAB20"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="15" height="21" fill="white"/>
</clipPath>
</defs>
</svg>
src/js/script.js
View file @ 4491c4d9
...@@ -21,6 +21,14 @@ $(".inner-carousel").slick({ ...@@ -21,6 +21,14 @@ $(".inner-carousel").slick({
slidesToScroll: 1, slidesToScroll: 1,
}); });
// $(".news-row").slick({
// infinite: false,
// arrows: true,
// dots: true,
// slidesToShow: 5,
// slidesToScroll: 5,
// });
$(".banners-row-field").slick({ $(".banners-row-field").slick({
infinite: false, infinite: false,
arrows: false, arrows: false,
......
src/pages/index.pug
View file @ 4491c4d9
...@@ -31,6 +31,95 @@ block content ...@@ -31,6 +31,95 @@ block content
.carousel__item-description .carousel__item-description
h1.carousel__item-description__title ФГУП “Радон”<br>планирует модернизировать производственную структуру h1.carousel__item-description__title ФГУП “Радон”<br>планирует модернизировать производственную структуру
a(href="#").carousel__item-description__link В раздел a(href="#").carousel__item-description__link В раздел
.news
.container
.row
.col-lg-12
h2.news-title Новости
.news-row
.news-row__item
.news-row__item-thing
a(href="#").news-row__item-title ФГУП «Радон» планирует модернизировать производственную структуру
span.news-row__item-time 25.09.2020
.news-row__item-thing
a(href="#").news-row__item-title ФГУП «Радон» планирует модернизировать производственную структуру
span.news-row__item-time 25.09.2020
.news-row__item-thing
a(href="#").news-row__item-title ФГУП «Радон» планирует модернизировать производственную структуру
span.news-row__item-time 25.09.2020
.news-row__item
.news-row__item-thing._full
img(src="../img/news-image-first.jpg", alt="news image").news-row__item-img
a(href="#").news-row__item-title Вторая Международная научно-практическая конференция
span.news-row__item-time 25.09.2020
.news-row__item
.news-row__item-thing._full._half
img(src="../img/news-image-second.jpg", alt="news image").news-row__item-img
a(href="#").news-row__item-title С руководством ФГУП «РАДОН» успешно проведен бизнес-тренинг
span.news-row__item-time 25.09.2020
.news-row__item-thing
a(href="#").news-row__item-title Извещение о проведении общественных обсуждений
span.news-row__item-time 25.09.2020
.news-row__item
.news-row__item-thing
a(href="#").news-row__item-title ФГУП «Радон» планирует модернизировать производственную структуру
span.news-row__item-time 25.09.2020
.news-row__item-thing
a(href="#").news-row__item-title Штабная тренировка по ГО
span.news-row__item-time 25.09.2020
.news-row__item-thing
span.news-row__item-big-title 35
a(href="#").news-row__item-title Новостей
span.news-row__item-time Перейти в раздел
.news-row__item
.news-row__item-thing._full._half
img(src="../img/news-image-third.jpg", alt="news image").news-row__item-img
a(href="#").news-row__item-title Поддержим наших!
span.news-row__item-time 25.09.2020
.news-row__item-thing
a(href="#").news-row__item-title Извещение о проведении общественных обсуждений
span.news-row__item-time 25.09.2020
.services
.container
.row
.col-lg-12
h2.services-title Услуги
.services-row
.services-row__item
a(href="#").services-row__item-thing
.row__item-thing__title Радиационно-экологический мониторинг объектов окружающей среды
a(href="#").services-row__item-thing
.row__item-thing__title Радиационный контроль изделий и материалов
a(href="#").services-row__item-thing
.row__item-thing__title Радиационно-экологическое обследование территорий отводимых под строительство
.services-row__item
a(href="#").services-row__item-thing
.row__item-thing__title Контроль и прием РАО и ИИИ от организаций-поставщиков
a(href="#").services-row__item-thing._half
.row__item-thing__title Обследование радиоактивно загрязненных и потенциально радиоактивно загрязненных объектов и территорий
span.row__item-thig__button В раздел
.services-row__item
a(href="#").services-row__item-thing
.row__item-thing__title ТранспортированиеРАО
a(href="#").services-row__item-thing
.row__item-thing__title Обследование объектов и территорий на соответствие требованиям радиационной безопасности
a(href="#").services-row__item-thing
.row__item-thing__title Дезактивация и реабилитация радиоактивно загрязненных объектов и территорий
.services-row__item
a(href="#").services-row__item-thing
.row__item-thing__title Переработка и кондиционирование РАО
a(href="#").services-row__item-thing
.row__item-thing__title Обеспечение безопасного хранения РАО
a(href="#").services-row__item-thing
.row__item-thing__title Проведение оперативных работ по ликвидации радиационно-аварийных ситуаций
.services-row__item
a(href="#").services-row__item-thing
.row__item-thing__title Ртутно-экологическое обследование помещений
a(href="#").services-row__item-thing
.row__item-thing__title Индивидуальный дозиметрический контроль
a(href="#").services-row__item-thing
.row__item-thing__title Испытания и аналитическое обеспечение
.banners-row .banners-row
.container .container
.row .row
...@@ -68,12 +157,12 @@ block content ...@@ -68,12 +157,12 @@ block content
h2.about-title О Радоне h2.about-title О Радоне
.row .row
.col-lg-6.d-flex .col-lg-6.d-flex
.about-description(parallax="-30") .about-description(parallax="-20")
p.about-description__text ФГУП «РАДОН» специализируется на обращении с радиоактивными отходами (РАО) средней и низкой активности, образующимися в народном хозяйстве (в науке, промышленности, медицине, сельском хозяйстве и т.д.). p.about-description__text ФГУП «РАДОН» специализируется на обращении с радиоактивными отходами (РАО) средней и низкой активности, образующимися в народном хозяйстве (в науке, промышленности, медицине, сельском хозяйстве и т.д.).
p.about-description__text Предприятие осуществляет весь комплекс работ с РАО – их сбор, транспортировку, переработку и хранение, а также проводит радиационно-аварийные работы по удалению обнаруженных радиоактивных загрязнений и радиоэкологический мониторинг населенных пунктов и окружающей среды. p.about-description__text Предприятие осуществляет весь комплекс работ с РАО – их сбор, транспортировку, переработку и хранение, а также проводит радиационно-аварийные работы по удалению обнаруженных радиоактивных загрязнений и радиоэкологический мониторинг населенных пунктов и окружающей среды.
a(class="about-description__button", href="#") Подробнее a(class="about-description__button", href="#") Подробнее
.col-lg-6.d-flex .col-lg-6.d-flex
img(class="about-image", parallax="30", src="../img/about-image.jpg", alt="about image") img(class="about-image", parallax="-10", src="../img/about-image.jpg", alt="about image")
.row.about-features .row.about-features
.col-lg-12 .col-lg-12
.about-features__feature .about-features__feature
...@@ -92,6 +181,22 @@ block content ...@@ -92,6 +181,22 @@ block content
.row .row
.col-lg-12 .col-lg-12
h2.filials-network__title Филиальная сеть h2.filials-network__title Филиальная сеть
.col-lg-5
p.filials-network__paragraph Основные объекты, которым ФГУП «РАДОН» оказывает вышеперечисленные услуги, располагаются в европейской части РФ, но в последнее время регион обслуживания предприятия расширился: выполняются договорные работы с предприятиями Урала, Сибири, Дальнего Востока
p.filials-network__paragraph ФГУП «РАДОН» проводит радиационный контроль стройплощадок, радиационно-опасных объектов и состояния природной среды, ведет просветительскую работу с населением.
.row
.col-lg-5
ul.filials-network__list
li
a(href="#") Генеральная дирекция
li
a(href="#") Основная производственная площадка
li
a(href="#") Филиалы действующие
li
a(href="#") Филиалы, открывающиеся в 2020 г.
li
a(href="#") Филиал, открывающийся в 2022 г.
......
src/scss/_index.scss
View file @ 4491c4d9
...@@ -82,6 +82,7 @@ ...@@ -82,6 +82,7 @@
} }
.inner-carousel__item { .inner-carousel__item {
outline: none;
height: 680px; height: 680px;
position: relative; position: relative;
display: inline-flex; display: inline-flex;
...@@ -129,6 +130,211 @@ ...@@ -129,6 +130,211 @@
} }
} }
// === NEWS ===
.news {
padding: 80px 0;
.news-row {
height: 680px;
margin: 0 -15px;
display: flex;
.news-row__item {
height: 680px;
margin: 0 15px;
display: inline-flex;
flex-direction: column;
justify-content: space-between;
.news-row__item-thing {
height: 209px;
width: 370px;
position: relative;
z-index: 1;
cursor: pointer;
padding: 30px;
background: #f9f9f9;
transition: $fast-transition;
.news-row__item-big-title {
font-weight: 700;
font-size: 80px;
line-height: 104px;
color: #1a1a1a;
transition: inherit;
}
.news-row__item-title {
font-weight: 700;
font-size: 16px;
line-height: 26px;
color: #1a1a1a;
transition: inherit;
}
.news-row__item-time {
margin-top: 50px;
display: block;
font-size: 16px;
line-height: 21px;
color: #cccdcf;
transition: inherit;
}
&:hover {
background: #6dacde;
.news-row__item-big-title {
color: #ffffff;
}
.news-row__item-title {
text-decoration: underline;
color: #ffffff;
}
.news-row__item-title-time {
color: #ffffff;
}
}
&._full {
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 680px;
&::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 0;
background: rgba(0, 50, 116, 0.5);
}
.news-row__item-img {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.news-row__item-title {
z-index: 2;
font-size: 28px;
line-height: 35px;
color: #ffffff;
}
.news-row__item-time {
z-index: 2;
}
}
&._half {
height: 443px;
.news-row__item-title {
font-size: 22px;
}
}
}
}
}
}
// === SERVICES ===
.services {
.services-row {
display: flex;
height: 558px;
margin: 0 -15px;
.services-row__item {
display: flex;
justify-content: space-between;
flex-direction: column;
margin: 0 15px;
.services-row__item-thing {
position: relative;
padding: 35px 30px;
background: #ffffff;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
display: block;
height: 166px;
&::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 70px;
height: 5px;
z-index: 1;
background: $blue;
transition: $long-transition;
}
&:hover {
&::before {
width: 100%;
height: 100%;
}
.row__item-thing__title {
text-decoration: underline;
color: #ffffff;
}
.row__item-thig__button {
color: #ffffff;
border: 1px solid #ffffff;
}
}
.row__item-thing__title {
position: relative;
z-index: 1;
font-weight: 350;
font-size: 16px;
line-height: 26px;
color: #1a1a1a;
transition: $fast-transition;
}
.row__item-thig__button {
position: relative;
z-index: 1;
display: inline-block;
padding: 20px 65px;
margin-top: 117px;
font-weight: 700;
font-size: 16px;
line-height: 21px;
color: #1a1a1a;
border: 1px solid #1a1a1a;
transition: $fast-transition;
}
&._half {
flex: 0 1 65%;
}
}
}
}
}
// === BANNERS ROW === // === BANNERS ROW ===
.banners-row { .banners-row {
...@@ -225,5 +431,74 @@ ...@@ -225,5 +431,74 @@
.filials-network { .filials-network {
padding: 80px 0 150px; padding: 80px 0 150px;
background: #f9f9f9; position: relative;
&::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 55%;
height: 700px;
background: #f9f9f9;
}
.filials-network__list {
margin-top: 74px;
li {
margin-top: 35px;
a {
position: relative;
padding-left: 60px;
font-weight: 350;
line-height: 26px;
color: #292929;
&::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
height: 35px;
width: 35px;
border: 1px solid rgba(0, 50, 116, 0.5);
}
&::after {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
height: 35px;
width: 35px;
background-position: center;
background-repeat: no-repeat;
}
}
&:first-child a::after {
background-image: url('../img/filials-network-one.svg');
}
&:nth-child(2) a::after {
background-image: url('../img/filials-network-two.svg');
}
&:nth-child(3) a::after {
background-image: url('../img/filials-network-three.svg');
}
&:nth-child(4) a::after {
background-image: url('../img/filials-network-four.svg');
}
&:last-child a::after {
background-image: url('../img/filials-network-five.svg');
}
}
}
} }
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