Skip to content

R
radon
Commit 419dc713 authored by Eugene Vinokurov's avatar Eugene Vinokurov
Browse files
Options

three first text pages

parent 5fdf05be
Show whitespace changes
Inline Side-by-side
Showing with 414 additions and 1 deletion
src/img/share-fb-active.svg 0 → 100644
View file @ 419dc713
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M13.3312 3.32083H15.1571V0.140833C14.8421 0.0975 13.7587 0 12.4971 0C9.86458 0 8.06125 1.65583 8.06125 4.69917V7.5H5.15625V11.055H8.06125V20H11.6229V11.0558H14.4104L14.8529 7.50083H11.6221V5.05167C11.6229 4.02417 11.8996 3.32083 13.3312 3.32083Z" fill="#6DACDE"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
src/img/share-inst-active.svg 0 → 100644
View file @ 419dc713
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M19.9804 5.88005C19.9336 4.81738 19.7617 4.0868 19.5156 3.45374C19.2616 2.78176 18.8709 2.18014 18.359 1.68002C17.8589 1.1721 17.2533 0.777435 16.5891 0.527447C15.9524 0.281274 15.2256 0.109427 14.163 0.0625732C13.0924 0.0117516 12.7525 0 10.0371 0C7.32173 0 6.98185 0.0117516 5.91521 0.0586052C4.85253 0.105459 4.12195 0.277459 3.48904 0.523479C2.81692 0.777435 2.2153 1.16814 1.71517 1.68002C1.20726 2.18014 0.812743 2.78573 0.562603 3.44992C0.31643 4.0868 0.144583 4.81341 0.0977294 5.87609C0.0469078 6.9467 0.0351562 7.28658 0.0351562 10.002C0.0351562 12.7173 0.0469078 13.0572 0.0937614 14.1239C0.140615 15.1865 0.312615 15.9171 0.558787 16.5502C0.812743 17.2221 1.20726 17.8238 1.71517 18.3239C2.2153 18.8318 2.82089 19.2265 3.48508 19.4765C4.12195 19.7226 4.84856 19.8945 5.91139 19.9413C6.97788 19.9883 7.31791 19.9999 10.0333 19.9999C12.7487 19.9999 13.0885 19.9883 14.1552 19.9413C15.2179 19.8945 15.9484 19.7226 16.5813 19.4765C17.9254 18.9568 18.9881 17.8941 19.5078 16.5502C19.7538 15.9133 19.9258 15.1865 19.9727 14.1239C20.0195 13.0572 20.0313 12.7173 20.0313 10.002C20.0313 7.28658 20.0273 6.9467 19.9804 5.88005ZM18.1794 14.0457C18.1364 15.0225 17.9723 15.5499 17.8356 15.9015C17.4995 16.7728 16.808 17.4643 15.9367 17.8004C15.5851 17.9372 15.0538 18.1012 14.0809 18.1441C13.026 18.1911 12.7096 18.2027 10.0411 18.2027C7.37255 18.2027 7.05221 18.1911 6.00113 18.1441C5.02438 18.1012 4.49693 17.9372 4.1453 17.8004C3.71171 17.6402 3.31704 17.3862 2.9967 17.0541C2.6646 16.7298 2.41065 16.3391 2.2504 15.9055C2.11366 15.5539 1.94959 15.0225 1.90671 14.0497C1.8597 12.9948 1.8481 12.6783 1.8481 10.0097C1.8481 7.34122 1.8597 7.02087 1.90671 5.96995C1.94959 4.99319 2.11366 4.46575 2.2504 4.11412C2.41065 3.68038 2.6646 3.28586 3.00067 2.96536C3.32483 2.63327 3.71553 2.37931 4.14927 2.21921C4.5009 2.08247 5.03231 1.9184 6.0051 1.87537C7.05999 1.82851 7.37652 1.81676 10.0449 1.81676C12.7174 1.81676 13.0337 1.82851 14.0848 1.87537C15.0616 1.9184 15.589 2.08247 15.9407 2.21921C16.3742 2.37931 16.7689 2.63327 17.0893 2.96536C17.4214 3.28967 17.6753 3.68038 17.8356 4.11412C17.9723 4.46575 18.1364 4.99701 18.1794 5.96995C18.2263 7.02484 18.238 7.34122 18.238 10.0097C18.238 12.6783 18.2263 12.9908 18.1794 14.0457Z" fill="#6DACDE"/>
<path d="M10.0362 4.86792C7.19976 4.86792 4.89844 7.16909 4.89844 10.0056C4.89844 12.8422 7.19976 15.1434 10.0362 15.1434C12.8727 15.1434 15.1739 12.8422 15.1739 10.0056C15.1739 7.16909 12.8727 4.86792 10.0362 4.86792ZM10.0362 13.3384C8.19605 13.3384 6.70345 11.8459 6.70345 10.0056C6.70345 8.16538 8.19605 6.67293 10.0362 6.67293C11.8764 6.67293 13.3689 8.16538 13.3689 10.0056C13.3689 11.8459 11.8764 13.3384 10.0362 13.3384Z" fill="#6DACDE"/>
<path d="M16.5767 4.66134C16.5767 5.3237 16.0397 5.86076 15.3772 5.86076C14.7148 5.86076 14.1777 5.3237 14.1777 4.66134C14.1777 3.99882 14.7148 3.46191 15.3772 3.46191C16.0397 3.46191 16.5767 3.99882 16.5767 4.66134Z" fill="#6DACDE"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
src/img/share-telegram-active.svg 0 → 100644
View file @ 419dc713
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M7.84764 12.6508L7.51681 17.3041C7.99014 17.3041 8.19514 17.1008 8.44098 16.8566L10.6601 14.7358L15.2585 18.1033C16.1018 18.5733 16.696 18.3258 16.9235 17.3274L19.9418 3.1841L19.9426 3.18326C20.2101 1.9366 19.4918 1.4491 18.6701 1.75493L0.928481 8.54743C-0.282352 9.01743 -0.264018 9.69243 0.722648 9.99826L5.25848 11.4091L15.7943 4.8166C16.2901 4.48826 16.741 4.66993 16.3701 4.99826L7.84764 12.6508Z" fill="#6DACDE"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
src/pages/frame.pug 0 → 100644
View file @ 419dc713
<!DOCTYPE html>
html(lang="ru")
head
meta(charset="UTF-8")
meta(name="viewport", content="width=device-width, initial-scale=1.0")
title Структура проекта
body
h1 Структура проекта:
hr
ul
li
a(href="./index.html") Индексная страница
li
a(href="./text-one.html") Типовая текстовая страница
li
a(href="./text-two.html") Типовая текстовая страница с баннером
li
a(href="./text-three.html") Типовая текстовая страница
\ No newline at end of file
src/pages/text-one.pug 0 → 100644
View file @ 419dc713
extends ../pug/layout.pug
block meta
title Типовая текстовая страница
meta(name='description', content='')
//- block append head
//- link(rel='stylesheet', href='css/some.css')
block nav
+main-nav('10')
block content
.welcome
.container
.row
.col-lg-12
.welcome-title Типовая текстовая страница
ul.welcome-nav
li
a(href="#") Главная
li
a(href="#") Типовая текстовая страница
main
.text-one
.container
.row
.col-lg-3
ul.default-nav
li
a(href="#") Руководство
li
a(href="#") История
li
a(href="#") Лицензии и сертификаты
li
a(href="#") Ценности Росатома
li
a(href="#") Производственная система Росатома
li
a(href="#") Научно-технический совет
.col-lg-9
.text-one-heading
.text-one-heading__description
p ФГУП «РАДОН» специализируется на обращении с радиоактивными отходами (РАО) средней и низкой активности, образующимися в народном хозяйстве (в науке, промышленности, медицине, сельском хозяйстве и т.д.).
p Предприятие осуществляет весь комплекс работ с РАО – их сбор, транспортировку, переработку и хранение, а также проводит радиационно-аварийные работы по удалению обнаруженных радиоактивных загрязнений и радиоэкологический мониторинг населенных пунктов и окружающей среды.
.text-one-heading__image
img(src="./img/text-one-women.jpg", alt="women image")
.text-one-more
p ФГУП «РАДОН» специализируется на обращении с радиоактивными отходами (РАО) средней и низкой активности, образующимися в народном хозяйстве (в науке, промышленности, медицине, сельском хозяйстве и т.д.).
p Предприятие осуществляет весь комплекс работ с РАО – их сбор, транспортировку, переработку и хранение, а также проводит радиационно-аварийные работы по удалению обнаруженных радиоактивных загрязнений и радиоэкологический мониторинг населенных пунктов и окружающей среды.
p Специалисты предприятия осуществляют разработку и внедрение технологий и оборудования для обращения с РАО, радиоактивными веществами и источниками ионизирующего излучения (ИИИ). ФГУП «РАДОН» также выполняет работы по выводу из эксплуатации радиационно-опасных объектов, дезактивации и реабилитации загрязненных территорий.
p Основные объекты, которым ФГУП «РАДОН» оказывает вышеперечисленные услуги, располагаются в европейской части РФ, но в последнее время регион обслуживания предприятия расширился: выполняются договорные работы с предприятиями Урала, Сибири, Дальнего Востока …
p Недавно предприятие стало победителем конкурса Международного агентства по атомной энергии (МАГАТЭ) по созданию модульных мобильных установок по очистке жидких радиоактивных отходов за рубежом, такие установки были поставлены в Бангладеш, Иран, Сербию, Сирию и Узбекистан.
p ФГУП «РАДОН» проводит радиационный контроль стройплощадок, радиационно-опасных объектов и состояния природной среды, ведет просветительскую работу с населением. Предприятие участвует в разработке общих принципов и практических моделей обеспечения радиационно-экологической безопасности крупных городов. В рамках координационных технических программ МАГАТЭ сотрудники предприятия привлекаются в качестве экспертов при подготовке рекомендаций для этой организации.
.default-share
.default-share__text Поделиться:
.default-share__socials
a(href="#").share__socials-item._fb
a(href="#").share__socials-item._inst
a(href="#").share__socials-item._telegram
\ No newline at end of file
src/pages/text-three.pug 0 → 100644
View file @ 419dc713
extends ../pug/layout.pug
block meta
title Типовая текстовая страница
meta(name='description', content='')
//- block append head
//- link(rel='stylesheet', href='css/some.css')
block nav
+main-nav('10')
block content
.welcome
.container
.row
.col-lg-12
.welcome-title Типовая текстовая страница
ul.welcome-nav
li
a(href="#") Главная
li
a(href="#") Типовая текстовая страница
main
.text-three
.container
.row
.col-lg-12
img(src="./img/text-three-banner.jpg", alt="main page image").text-three-banner
.col-lg-3
ul.default-nav
li
a(href="#") Руководство
li
a(href="#") История
li
a(href="#") Лицензии и сертификаты
li
a(href="#") Ценности Росатома
li
a(href="#") Производственная система Росатома
li
a(href="#") Научно-технический совет
.col-lg-9
.text-three-description
p ФГУП «РАДОН» специализируется на обращении с радиоактивными отходами (РАО) средней и низкой активности, образующимися в народном хозяйстве (в науке, промышленности, медицине, сельском хозяйстве и т.д.).
p Предприятие осуществляет весь комплекс работ с РАО – их сбор, транспортировку, переработку и хранение, а также проводит радиационно-аварийные работы по удалению обнаруженных радиоактивных загрязнений и радиоэкологический мониторинг населенных пунктов и окружающей среды.
p Специалисты предприятия осуществляют разработку и внедрение технологий и оборудования для обращения с РАО, радиоактивными веществами и источниками ионизирующего излучения (ИИИ). ФГУП «РАДОН» также выполняет работы по выводу из эксплуатации радиационно-опасных объектов, дезактивации и реабилитации загрязненных территорий.
p Основные объекты, которым ФГУП «РАДОН» оказывает вышеперечисленные услуги, располагаются в европейской части РФ, но в последнее время регион обслуживания предприятия расширился: выполняются договорные работы с предприятиями Урала, Сибири, Дальнего Востока …
p Недавно предприятие стало победителем конкурса Международного агентства по атомной энергии (МАГАТЭ) по созданию модульных мобильных установок по очистке жидких радиоактивных отходов за рубежом, такие установки были поставлены в Бангладеш, Иран, Сербию, Сирию и Узбекистан.
p ФГУП «РАДОН» проводит радиационный контроль стройплощадок, радиационно-опасных объектов и состояния природной среды, ведет просветительскую работу с населением. Предприятие участвует в разработке общих принципов и практических моделей обеспечения радиационно-экологической безопасности крупных городов. В рамках координационных технических программ МАГАТЭ сотрудники предприятия привлекаются в качестве экспертов при подготовке рекомендаций для этой организации.
.default-share
.default-share__text Поделиться:
.default-share__socials
a(href="#").share__socials-item._fb
a(href="#").share__socials-item._inst
a(href="#").share__socials-item._telegram
\ No newline at end of file
src/pages/text-two.pug 0 → 100644
View file @ 419dc713
extends ../pug/layout.pug
block meta
title Типовая текстовая страница с баннером
meta(name='description', content='')
//- block append head
//- link(rel='stylesheet', href='css/some.css')
block nav
+main-nav('10')
block content
.welcome
.container
.row
.col-lg-12
.welcome-title Типовая текстовая страница с баннером
ul.welcome-nav
li
a(href="#") Главная
li
a(href="#") Типовая текстовая страница с баннером
main
.text-two
.container
.row
.col-lg-12
img(src="./img/text-two-banner.jpg", alt="text banner").text-two-banner
.text-two-agitation Начальник отдела охраны окружающей среды ФГУП «РАДОН» Наталья Мартьянова примет участие в Национальном чемпионате WorldSkills Hi-Tech 2020.
p VII Национальный чемпионат сквозных рабочих профессий высокотехнологичных отраслей промышленности WorldSkills Hi-Tech 2020 будет проходить с 23 по 30 октября 2020 года. Это крупнейший чемпионат среди специалистов отечественных предприятий и Госкорпораций высокотехнологичных отраслей промышленности.
.text-two-doubles
img(src="./img/text-one-women.jpg", alt="double image").text-two-doubles__image
.text-two-doubles__description
p Впервые его участниками станут представители дивизиона ЗСЖЦ. Это начальник отдела охраны окружающей среды ФГУП «РАДОН», победитель AtomSkills-2020 в компетенции «Охрана окружающей среды» Наталья Мартьянова и инженер-конструктор УГМ ГХК, победитель AtomSkills-2020 в компетенции «Инженерный дизайн CAD» Павел Асеев.
p В связи с ограничительными мерами, связанными с пандемией COVID-19, этот чемпионат, как и AtomSkills-2020, пройдёт в дистанционно-очном формате. Конкурсанты будут выполнять задание в своих организациях при непрерывной видеофиксации процесса. Эксперты оценят выступления удаленно в формате онлайн
p Участниками чемпионата станут более 300 конкурсантов из России и 12 стран мира в возрасте от 16 до 49 лет. Экспертное сообщество представят более 100 человек.
.text-two-subtitle Дружно поддерживаем Наталью и Павла! Желаем им высоких результатов и отличного выступления!
.default-share
.default-share__text Поделиться:
.default-share__socials
a(href="#").share__socials-item._fb
a(href="#").share__socials-item._inst
a(href="#").share__socials-item._telegram
\ No newline at end of file
src/scss/_default-nav.scss 0 → 100644
View file @ 419dc713
.default-nav {
li {
a {
display: block;
padding: 15px 0 15px 25px;
background: #f5f5f5;
font-weight: 350;
font-size: 16px;
line-height: 26px;
color: #292929;
margin-bottom: 10px;
}
}
}
src/scss/_share.scss 0 → 100644
View file @ 419dc713
.default-share {
display: flex;
align-items: center;
padding-bottom: 120px;
margin-top: 70px;
.default-share__text {
font-weight: 350;
font-size: 16px;
line-height: 26px;
color: #292929;
}
.default-share__socials {
display: flex;
.share__socials-item {
position: relative;
display: block;
margin-left: 30px;
border: 1px solid #6dacde;
width: 40px;
height: 40px;
transition: $fast-transition;
&:hover {
background: #6dacde;
}
&::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
}
&._fb {
&::before {
content: "";
background-image: url("../img/share-fb-active.svg");
}
&:hover {
&::before {
background-image: url('../img/footer-fb.svg');
}
}
}
&._inst {
&::before {
content: "";
background-image: url("../img/share-inst-active.svg");
}
&:hover {
&::before {
background-image: url('../img/footer-inst.svg');
}
}
}
&._telegram {
&::before {
content: "";
background-image: url("../img/share-telegram-active.svg");
}
&:hover {
&::before {
background-image: url('../img/footer-telegram.svg');
}
}
}
}
}
}
src/scss/_text-one.scss 0 → 100644
View file @ 419dc713
.text-one {
.text-one-heading {
display: flex;
justify-content: space-between;
margin-bottom: 50px;
.text-one-heading__description {
flex: 0 1 50%;
}
.text-one-heading__image {
display: flex;
justify-content: flex-end;
flex: 0 1 50%;
}
}
}
src/scss/_text-two.scss 0 → 100644
View file @ 419dc713
.text-two {
.text-two-agitation {
margin: 50px 0 30px;
font-weight: 700;
font-size: 16px;
line-height: 26px;
color: #292929;
}
.text-two-doubles {
display: flex;
margin: 50px 0;
.text-two-doubles__image {
flex: 0 1 25%;
margin-right: 30px;
}
.text-two-doubles__description {
flex: 0 1 75%;
display: flex;
flex-direction: column;
justify-content: space-between;
p {
margin-bottom: 0;
}
}
}
.text-two-subtitle {
font-weight: 700;
font-size: 16px;
line-height: 26px;
color: #292929;
}
}
src/scss/_welcome.scss 0 → 100644
View file @ 419dc713
.welcome {
padding-bottom: 70px;
.welcome-title {
font-weight: 700;
font-size: 34px;
line-height: 47px;
color: #1a1a1a;
margin-bottom: 15px;
}
.welcome-nav {
display: flex;
li {
a {
padding-right: 4px;
position: relative;
font-size: 14px;
line-height: 18px;
color: #a4a4a4;
&::after {
content: " — ";
}
}
&:last-child a::after {
content: "";
}
}
}
}
src/scss/main.scss
View file @ 419dc713
...@@ -72,6 +72,18 @@ body { ...@@ -72,6 +72,18 @@ body {
} }
} }
// INDEX // === INDEX PAGE ===
@import "index"; @import "index";
// === ADDITIONAL ASSETS ===
@import "welcome";
@import "default-nav";
@import "share";
// === FIRST LINE PAGES ===
@import "text-one";
@import "text-two";
@import "text-three";
src/scss/text-three.scss 0 → 100644
View file @ 419dc713
.text-three {
.text-three-banner {
margin-bottom: 70px;
}
}
\ No newline at end of file
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