Аптечки
.banner {
position: relative;
width: 100%;
height: 335px;
background: url(https://i.imgur.com/rVLU8fq.png) no-repeat 50% 30%; background-size: 100%; margin-bottom: 20px; animation: background linear 12s alternate 1s infinite; } .banner__overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, .5); } .banner__container { position: relative; transform: translateY(-50%); top: 50%; text-align: center; color: #fff; } .banner__hero { font-family: 'Josefin Sans'; font-weight: 300; font-size: 3em; text-align: center; color: #fff; margin-bottom: 5px; } .banner__text { margin: 0 0 15px 0; } @keyframes background { 0% { background: url(https://i.imgur.com/rVLU8fq.png) no-repeat 50% 30%; background-size: 100%; transition: background 0.5s ease-in-out; } 100% { background: url(https://i.imgur.com/rVLU8fq.png) no-repeat 50% 60%; background-size: 100%; transition: background 0.5s ease-in-out; } } /* container */ nav { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; position: relative; background-color: #d82028; border-radius: 4px; box-shadow: 0 3px 0 0 #b41b21; } nav .nav-button { display: none; padding: 10px; color: #fff; background-color: #d82028; text-align: center; font-size: 1.5em; cursor: pointer; } nav .nav-button:hover { color: #eee; } /* navigation */ .nav { display: inline-flex; flex-direction: row; justify-content: center; background: #d82028; margin: 0 auto; padding: 0 40px; height: initial; transition: height 0.3s ease; } .nav > li { list-style: none; } .nav > li a { display: block; font-family: "josefin sans"; font-size: 20px; color: #fff; text-transform: uppercase; text-decoration: none; padding: 30px 15px; } .nav > li:hover > a { background: #b41b21; color: #f7f7f7; } .nav > li:hover > .nav__sub { display: flex; flex-direction: column; } /* Sub navigation */ .nav__sub { display: none; padding: 0; margin: 0; position: absolute; background: #b41b21; } .nav__sub > li { display: flex; position: relative; } .nav__sub > li > a { padding: 15px 60px; font-size: 15px; flex: 1 1 auto; } .nav__sub > li > a:hover { background: #95161c; } .welcome { height: 100vh; display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(2, 1fr); justify-content: start; align-items: baseline; text-align: center; } .welcome__title { font-family: 'great vibes'; font-size: 5em; margin-bottom: 20px; color: #24662a; text-align: center; } @media all and (max-width: 980px) { .banner { padding-top: 0; } nav { border-radius: 0; } nav.visible .nav { height: initial; overflow: initial; transition: height 0.3s ease; flex: 1 1 auto; } nav .nav-button { display: inline-flex; flex: 1 1 auto; } .nav { height: 0; width: 100%; overflow: hidden; flex-direction: column; align-items: center; justify-content: center; padding: 0; flex-wrap: nowrap; align-content: stretch; } .nav li { width: 100%; } .nav li:hover .nav__sub { display: flex; flex-direction: column; } .nav li a { text-align: center; } .nav__sub { flex-direction: column; align-items: stretch; justify-content: center; flex-wrap: wrap; align-content: stretch; position: initial; } .nav__sub li { flex: 0 1 auto; } } .button { display: inline-block; border-width: 1px; border-style: solid; border-color: transparent; border-radius: 4px; padding: 10px 15px; background-color: #eee; text-decoration: none; color: #333; transition: background-color 0.5s ease; } .button:hover, .button:active { color: #fff; background-color: #5f4414; transition: background-color 0.5s ease; } .button--primary { background-color: #d5b08d; color: #fff; } .button--primary:hover, .button--primary:active { background-color: #5f4414; color: #eee; }
Здоровье является самой главной ценностью для каждого человека. Всех нас на каждом шагу подстерегает бесчисленное количество непредсказуемых ситуаций. Многие из них могут представлять собой угрозу здоровью. Чтобы минимизировать риски и повысить свои шансы на успешное преодоление любых сложностей, лучше заранее позаботиться о том, чтобы иметь под рукой аптечку, в которой будут необходимые лекарственные препараты и средства для оказания первой медицинской помощи.
В КАТАЛОГ
.uc-order1 { padding: 20px 0; text-align: center; border-bottom: 1px solid #e5e5e5; } .uc-order1_wrap { display: flex; flex-wrap: wrap; } .uc-order1 h2 { margin-bottom: 30px; } .uc-order1-scheme { width: 100%; margin: 10px .5%; padding: 20px 15px; box-sizing: border-box; vertical-align: top; box-shadow: 0 0 2px #393939; transition: all .3s ease; } .uc-order1-scheme:hover { box-shadow: 0 0 7px #393939; transition: all .3s ease; } @media screen and (max-width: 900px) { .uc-order1-scheme { width: 98%; margin: 10px auto; }
.banner {animation: none!important;
background: url(https://i.imgur.com/NbFrclW.jpg) no-repeat 50% 30%; height: 465px; } }
Компания "РегионТехСнаб Иркутск" предлагает широкий спектр медицинских аптечек различного назначения. Любая из них может помочь спаси жизнь или просто дождаться прибытия специалистов-медиков с минимальными потерями. К тому же существует немало сфер деятельности, которые предусматривают обязательное наличие специальной аптечки.
"РегионТехСнаб Иркутск" реализует следующие виды аптечек:
.uc-order { padding: 20px 15px; text-align: left; border-bottom: 0px dashed #094581; } .uc-order h2 { text-align: center; } .uc-order-scheme { display: inline-block; width: 48%; margin: 10px .5%; padding: 5px; box-sizing: border-box; vertical-align: top; transition: all .3s ease; } .uc-order-scheme_table { display: table; } .uc-order-scheme_numb, .uc-order-scheme_text { display: table-cell; vertical-align: middle; } .uc-order-scheme_numb { width: 68px; } .uc-order-scheme strong { transition: all .3s ease; display: inline-block; font-size: 50px; color: #517ba5; } .uc-order-scheme:hover strong { transition: all .3s ease; color: #094581; transform: translateY(-4px); } .uc-order-scheme em { font-size: 15px; color: #094581; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-order-scheme:hover em { color: #517ba5; transition: all .3s ease; } @media screen and (max-width: 900px) { .uc-order-scheme { width: 98%; margin: 10px auto; min-height: initial; } }
Универсальная
Производственная
Санитарная
Коллективная
Автомобильная
Индивидуальная и так далее
.list1a { margin: 20px 0 0; padding:0; list-style: none; counter-reset: li; } .list1a li { border: 2px solid #8c8068; background: #ebe4e1; position: relative; margin-bottom: 20px; padding: 40px 20px 10px; } .list1a li:hover { z-index: 1; } .list1a li:before { border: 2px solid #8c8068; position: absolute; top: -14px; padding: 6px 14px; font-size: 15px; font-weight: bold; color: #fc6501; background: #ebe4e1; content: url(https://i.imgur.com/rVXbeQp.png) !important; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .list1a li:hover:before {
color: #FFF; -webkit-transform: translate(-12px, 0); -ms-transform: translate(-12px, 0); -o-transform: translate(-12px, 0); transform: translate(-12px, 0);
box-shadow: 1px 1px #8ca8c3, 2px 2px #8ca8c3, 3px 3px #8ca8c3;
-webkit-transform: translateX(-7px); transform: translateX(-7px); }
h2 {
color: #fff !important;
}
.list1a li:after { content: ""; position: absolute; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: width; transition-property: width; z-index: -1; background: #FFF; height: 100%; left: 0; top: 0;
} .list1a li:hover:after {
width: 100%; }
Аптечки отличаются друг от друга перечнем лекарственных препаратов и медицинских средств, которые в них содержатся, их объемом и назначением.
Существуют комплекты для укомплектовки автомобилей в соответствии с требованиями законодательства.
Купить
Есть специальные аптечки для установки на промышленных объектах. Это металлические ящики, которые надежно защищают содержимое аптечки от огня и влаги. Они предназначены для того, чтобы коллектив предприятия имел возможность оказать пострадавшим в ходе несчастного случая или аварии первую медицинскую помощь.
Купить
Все виды аптечек от "РегионТехСнаб Иркутск" снаряжены в соответствии с действующими нормативами Российской Федерации. Детали поставок и вопросы доставки продукции можно обсуждать с менеджерами компании.
background: url(https://i.imgur.com/rVLU8fq.png) no-repeat 50% 30%; background-size: 100%; margin-bottom: 20px; animation: background linear 12s alternate 1s infinite; } .banner__overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, .5); } .banner__container { position: relative; transform: translateY(-50%); top: 50%; text-align: center; color: #fff; } .banner__hero { font-family: 'Josefin Sans'; font-weight: 300; font-size: 3em; text-align: center; color: #fff; margin-bottom: 5px; } .banner__text { margin: 0 0 15px 0; } @keyframes background { 0% { background: url(https://i.imgur.com/rVLU8fq.png) no-repeat 50% 30%; background-size: 100%; transition: background 0.5s ease-in-out; } 100% { background: url(https://i.imgur.com/rVLU8fq.png) no-repeat 50% 60%; background-size: 100%; transition: background 0.5s ease-in-out; } } /* container */ nav { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; position: relative; background-color: #d82028; border-radius: 4px; box-shadow: 0 3px 0 0 #b41b21; } nav .nav-button { display: none; padding: 10px; color: #fff; background-color: #d82028; text-align: center; font-size: 1.5em; cursor: pointer; } nav .nav-button:hover { color: #eee; } /* navigation */ .nav { display: inline-flex; flex-direction: row; justify-content: center; background: #d82028; margin: 0 auto; padding: 0 40px; height: initial; transition: height 0.3s ease; } .nav > li { list-style: none; } .nav > li a { display: block; font-family: "josefin sans"; font-size: 20px; color: #fff; text-transform: uppercase; text-decoration: none; padding: 30px 15px; } .nav > li:hover > a { background: #b41b21; color: #f7f7f7; } .nav > li:hover > .nav__sub { display: flex; flex-direction: column; } /* Sub navigation */ .nav__sub { display: none; padding: 0; margin: 0; position: absolute; background: #b41b21; } .nav__sub > li { display: flex; position: relative; } .nav__sub > li > a { padding: 15px 60px; font-size: 15px; flex: 1 1 auto; } .nav__sub > li > a:hover { background: #95161c; } .welcome { height: 100vh; display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(2, 1fr); justify-content: start; align-items: baseline; text-align: center; } .welcome__title { font-family: 'great vibes'; font-size: 5em; margin-bottom: 20px; color: #24662a; text-align: center; } @media all and (max-width: 980px) { .banner { padding-top: 0; } nav { border-radius: 0; } nav.visible .nav { height: initial; overflow: initial; transition: height 0.3s ease; flex: 1 1 auto; } nav .nav-button { display: inline-flex; flex: 1 1 auto; } .nav { height: 0; width: 100%; overflow: hidden; flex-direction: column; align-items: center; justify-content: center; padding: 0; flex-wrap: nowrap; align-content: stretch; } .nav li { width: 100%; } .nav li:hover .nav__sub { display: flex; flex-direction: column; } .nav li a { text-align: center; } .nav__sub { flex-direction: column; align-items: stretch; justify-content: center; flex-wrap: wrap; align-content: stretch; position: initial; } .nav__sub li { flex: 0 1 auto; } } .button { display: inline-block; border-width: 1px; border-style: solid; border-color: transparent; border-radius: 4px; padding: 10px 15px; background-color: #eee; text-decoration: none; color: #333; transition: background-color 0.5s ease; } .button:hover, .button:active { color: #fff; background-color: #5f4414; transition: background-color 0.5s ease; } .button--primary { background-color: #d5b08d; color: #fff; } .button--primary:hover, .button--primary:active { background-color: #5f4414; color: #eee; }
Здоровье является самой главной ценностью для каждого человека. Всех нас на каждом шагу подстерегает бесчисленное количество непредсказуемых ситуаций. Многие из них могут представлять собой угрозу здоровью. Чтобы минимизировать риски и повысить свои шансы на успешное преодоление любых сложностей, лучше заранее позаботиться о том, чтобы иметь под рукой аптечку, в которой будут необходимые лекарственные препараты и средства для оказания первой медицинской помощи.
В КАТАЛОГ
.uc-order1 { padding: 20px 0; text-align: center; border-bottom: 1px solid #e5e5e5; } .uc-order1_wrap { display: flex; flex-wrap: wrap; } .uc-order1 h2 { margin-bottom: 30px; } .uc-order1-scheme { width: 100%; margin: 10px .5%; padding: 20px 15px; box-sizing: border-box; vertical-align: top; box-shadow: 0 0 2px #393939; transition: all .3s ease; } .uc-order1-scheme:hover { box-shadow: 0 0 7px #393939; transition: all .3s ease; } @media screen and (max-width: 900px) { .uc-order1-scheme { width: 98%; margin: 10px auto; }
.banner {animation: none!important;
background: url(https://i.imgur.com/NbFrclW.jpg) no-repeat 50% 30%; height: 465px; } }
Компания "РегионТехСнаб Иркутск" предлагает широкий спектр медицинских аптечек различного назначения. Любая из них может помочь спаси жизнь или просто дождаться прибытия специалистов-медиков с минимальными потерями. К тому же существует немало сфер деятельности, которые предусматривают обязательное наличие специальной аптечки.
"РегионТехСнаб Иркутск" реализует следующие виды аптечек:
.uc-order { padding: 20px 15px; text-align: left; border-bottom: 0px dashed #094581; } .uc-order h2 { text-align: center; } .uc-order-scheme { display: inline-block; width: 48%; margin: 10px .5%; padding: 5px; box-sizing: border-box; vertical-align: top; transition: all .3s ease; } .uc-order-scheme_table { display: table; } .uc-order-scheme_numb, .uc-order-scheme_text { display: table-cell; vertical-align: middle; } .uc-order-scheme_numb { width: 68px; } .uc-order-scheme strong { transition: all .3s ease; display: inline-block; font-size: 50px; color: #517ba5; } .uc-order-scheme:hover strong { transition: all .3s ease; color: #094581; transform: translateY(-4px); } .uc-order-scheme em { font-size: 15px; color: #094581; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-order-scheme:hover em { color: #517ba5; transition: all .3s ease; } @media screen and (max-width: 900px) { .uc-order-scheme { width: 98%; margin: 10px auto; min-height: initial; } }
Универсальная
Производственная
Санитарная
Коллективная
Автомобильная
Индивидуальная и так далее
.list1a { margin: 20px 0 0; padding:0; list-style: none; counter-reset: li; } .list1a li { border: 2px solid #8c8068; background: #ebe4e1; position: relative; margin-bottom: 20px; padding: 40px 20px 10px; } .list1a li:hover { z-index: 1; } .list1a li:before { border: 2px solid #8c8068; position: absolute; top: -14px; padding: 6px 14px; font-size: 15px; font-weight: bold; color: #fc6501; background: #ebe4e1; content: url(https://i.imgur.com/rVXbeQp.png) !important; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .list1a li:hover:before {
color: #FFF; -webkit-transform: translate(-12px, 0); -ms-transform: translate(-12px, 0); -o-transform: translate(-12px, 0); transform: translate(-12px, 0);
box-shadow: 1px 1px #8ca8c3, 2px 2px #8ca8c3, 3px 3px #8ca8c3;
-webkit-transform: translateX(-7px); transform: translateX(-7px); }
h2 {
color: #fff !important;
}
.list1a li:after { content: ""; position: absolute; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: width; transition-property: width; z-index: -1; background: #FFF; height: 100%; left: 0; top: 0;
} .list1a li:hover:after {
width: 100%; }
Аптечки отличаются друг от друга перечнем лекарственных препаратов и медицинских средств, которые в них содержатся, их объемом и назначением.
Существуют комплекты для укомплектовки автомобилей в соответствии с требованиями законодательства.
Купить
Есть специальные аптечки для установки на промышленных объектах. Это металлические ящики, которые надежно защищают содержимое аптечки от огня и влаги. Они предназначены для того, чтобы коллектив предприятия имел возможность оказать пострадавшим в ходе несчастного случая или аварии первую медицинскую помощь.
Купить
Все виды аптечек от "РегионТехСнаб Иркутск" снаряжены в соответствии с действующими нормативами Российской Федерации. Детали поставок и вопросы доставки продукции можно обсуждать с менеджерами компании.
