This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<style>
div#edi-p8s08 {
width: 100%;
}
.slider-container {
position: relative;
margin: auto;
width: 90%;
height: 0;
padding-bottom: 20%;
border:none;
}
.slides {
position: absolute;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.slides img {
width: 100%;
height: 100%;
}
.slide_img {
display: none;
}
#arrow_next label, #arrow_prev label {
color: rgba(0, 0, 0, .7);
position: absolute;
visibility: hidden;
cursor: pointer;
top: 45%;
font-size: 80px;
}
#arrow_prev label {
left: -50px;
}
#arrow_next label {
right: -50px;
}
.switchers {
position: absolute;
width: 100%;
height: 30px;
bottom: 0;
text-align: center;
}
.switcher {
background: rgba(0, 0, 0, .7);
width: 15px;
height: 15px;
position: relative;
top: 7px;
margin: 0 4px;
display: inline-block;
border-radius: 50%;
cursor: pointer;
}
#img_1:checked ~ #first,
#img_2:checked ~ #second,
#img_3:checked ~ #third
{
visibility: visible;
opacity: 1;
}
#img_1:checked ~ div #switcher1,
#img_2:checked ~ div #switcher2,
#img_3:checked ~ div #switcher3
{
background: #F08080;
}
#img_1:checked ~ #arrow_next label:nth-child(2),
#img_2:checked ~ #arrow_next label:nth-child(3),
#img_3:checked ~ #arrow_next label:nth-child(1)
{
visibility: visible;
}
#img_1:checked ~ #arrow_prev label:nth-child(3),
#img_2:checked ~ #arrow_prev label:nth-child(1),
#img_3:checked ~ #arrow_prev label:nth-child(2)
{
visibility: visible;
}
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slider_header{
color: rgb(56, 55, 60); font-family: Trebuchet, 'Trebuchet MS', Arial, Helvetica, sans-serif; text-align: center;width: 90%;
margin: auto; font-size: 1.6em;
}
.slider_text{
color: rgb(9, 174, 184); font-family: Trebuchet, 'Trebuchet MS', Arial, Helvetica, sans-serif; text-align: center;width: 90%;
margin: auto;line-height: 1.8;
}
div#edi-p8s08{
overflow:visible;
}
.fa-angle-right{
width:65px;height:64px;background: url('https://us-ms.gr-cdn.com/getresponse-BH9hZ/photos/8b351fd3-1dc2-4bbe-b4ff-eb3a1c474351.png') no-repeat center;
}
.fa-angle-right:hover{
width:65px;height:64px;background: url('https://us-ms.gr-cdn.com/getresponse-BH9hZ/photos/d11854d9-0cfa-4098-ad40-1f58e676c842.png') no-repeat center;
}
.fa-angle-left{
width:65px;height:64px;background: url('https://us-ms.gr-cdn.com/getresponse-BH9hZ/photos/d8d7657a-696a-45a1-81bb-b13756e59f6d.png') no-repeat center;
}
.fa-angle-left:hover{
width:65px;height:64px;background: url('https://us-ms.gr-cdn.com/getresponse-BH9hZ/photos/be237d08-a492-451c-9109-bcbd21a57f52.png') no-repeat center;
}
</style>
<div class="slider-container">
<input type="radio" class="slide_img" name="slide_img" id="img_1" checked>
<input type="radio" class="slide_img" name="slide_img" id="img_2">
<input type="radio" class="slide_img" name="slide_img" id="img_3">
<div class="slides" id="first">
<p class="slider_header"> о Plinest</p>
<p class="slider_text">PDRN (polydeoxyribonucleotide – полидезоксирибонуклеотид) представляет собой запатентованное и зарегистрированное лекарственное средство, получаемое из ДНК. Это смесь дезоксирибонуклеотидов с молекулярной массой от 50 до 1500 кДа, получаемая из ДНК молок лососевых рыб.<br>
PDRN экстрагируют и очищают при высокой температуре, что позволяет получить чистую (> 95%) фармацевтическую субстанцию с инактивированными белками и пептидами. Таким образом гарантируется безопасность лекарственного средства и полное отсутствие каких бы то ни было нежелательных явлений со стороны иммунной системы. Действительно, источник сырья имеет особое значение: молоки являются наиболее подходящими клетками для получения высокоочищенной ДНК без примесей (пептидов, белков и липидов), которые могут обнаруживаться при использовании соматических клеток.</p>
</div>
<div class="slides" id="second">
<p class="slider_header"> о Plinest</p>
<p class="slider_text">PDRN (polydeoxyribonucleotide – полидезоксирибонуклеотид) представляет собой запатентованное и зарегистрированное лекарственное средство, получаемое из ДНК. Это смесь дезоксирибонуклеотидов с молекулярной массой от 50 до 1500 кДа, получаемая из ДНК молок лососевых рыб.<br>
PDRN экстрагируют и очищают при высокой температуре, что позволяет получить чистую (> 95%) фармацевтическую субстанцию с инактивированными белками и пептидами. Таким образом гарантируется безопасность лекарственного средства и полное отсутствие каких бы то ни было нежелательных явлений со стороны иммунной системы. Действительно, источник сырья имеет особое значение: молоки являются наиболее подходящими клетками для получения высокоочищенной ДНК без примесей (пептидов, белков и липидов), которые могут обнаруживаться при использовании соматических клеток.</p>
</div>
<div class="slides" id="third">
<p class="slider_header"> о Plinest</p>
<p class="slider_text">PDRN (polydeoxyribonucleotide – полидезоксирибонуклеотид) представляет собой запатентованное и зарегистрированное лекарственное средство, получаемое из ДНК. Это смесь дезоксирибонуклеотидов с молекулярной массой от 50 до 1500 кДа, получаемая из ДНК молок лососевых рыб.<br>
PDRN экстрагируют и очищают при высокой температуре, что позволяет получить чистую (> 95%) фармацевтическую субстанцию с инактивированными белками и пептидами. Таким образом гарантируется безопасность лекарственного средства и полное отсутствие каких бы то ни было нежелательных явлений со стороны иммунной системы. Действительно, источник сырья имеет особое значение: молоки являются наиболее подходящими клетками для получения высокоочищенной ДНК без примесей (пептидов, белков и липидов), которые могут обнаруживаться при использовании соматических клеток.</p>
</div>
<div id="arrow_next">
<label for="img_1" ><i class="fa fa-angle-right" aria-hidden="true" ></i>
</label>
<label for="img_2"><i class="fa fa-angle-right" aria-hidden="true"></i>
</label>
<label for="img_3"><i class="fa fa-angle-right" aria-hidden="true"></i>
</label>
</div>
<div id="arrow_prev">
<label for="img_1"><i class="fa fa-angle-left" aria-hidden="true"></i>
</label>
<label for="img_2"><i class="fa fa-angle-left" aria-hidden="true"></i>
</label>
<label for="img_3"><i class="fa fa-angle-left" aria-hidden="true"></i>
</label>
</div>
</div>