Your IP : 216.73.216.79

Current Path : /var/www/html/ekursusv2/frontend/runtime/frontendpage/
Upload File :
Current File : /var/www/html/ekursusv2/frontend/runtime/frontendpage/71_1720109809022786400-content-225.php

<?php 
/*** CONTENT_ID-225***/
use backend\modules\contentRevslider\models\ContentRevsliderLayer;
use backend\modules\contentRevslider\models\ContentRevslider;

$revslider_list = '';
$mobile_list = '';
$model = ContentRevslider::find()->orderby(['revslider_sort'=>SORT_ASC])->all();
if(!empty($model)){
    foreach($model as $row){
        
        if(!empty($row->revslider_img_mobile))
            $mobile_list .= '<div class="item"><img class="mobile-slider-item" src="'.$baseUrl.'/'.$row->revslider_img_mobile.'" alt="mobilebanner"></div>';
         
        $revslider_list .= '<li data-index="rs-'.$row->revslider_id.'"  data-title="">
        <img src="'.$baseUrl.'/'.$row->revslider_img.'"  data-bgposition="center center" data-kenburns="on" data-duration="30000" 
        data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="200" data-rotatestart="0" data-rotateend="0" 
        data-blurstart="0" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0" data-bgparallax="10" class="rev-slidebg" data-no-retina>';  
        
        $model2 = ContentRevsliderLayer::find()->where(['=','layer_parent_id',$row->revslider_id])->orderby(['layer_sort'=>SORT_ASC])->all();
        if(!empty($model2)){
            foreach($model2 as $row2){
                $revslider_list .= '<div class="'.$row2->layer_class.'" id="slide-'.$row->revslider_id.'-layer-'.$row2->layer_sort.'" 
                    data-x='.json_encode($row2->layer_data_x).'
                    data-hoffset='.json_encode($row2->layer_data_hoffset).' 
                    data-height='.json_encode($row2->layer_data_height).'
                    data-y='.json_encode($row2->layer_data_y).' 
                    data-voffset='.json_encode($row2->layer_data_voffset).' 
                    data-width='.json_encode($row2->layer_data_width).'
                    data-whitespace="nowrap"
                    data-fontsize='.json_encode($row2->layer_data_fontsize).'
                    data-lineheight='.json_encode($row2->layer_data_lineheight).'
                    data-type='.json_encode($row2->layer_data_type).'
                    data-responsive_offset="on"
                    data-frames=\''.$row2->layer_data_frames.'\'
                    data-textAlign='.json_encode($row2->layer_data_textAlign).'
                    data-paddingtop='.json_encode($row2->layer_data_paddingtop).'
                    data-paddingright='.json_encode($row2->layer_data_paddingright).'
                    data-paddingbottom='.json_encode($row2->layer_data_paddingbottom).'
                    data-paddingleft='.json_encode($row2->layer_data_paddingleft).'
                    style='.json_encode($row2->layer_style).'>
                        '.$row2->layer_text.'
                    </div>';
            }
            $revslider_list .= '</li>'; 
        }
    }
}

echo '<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<style>
    .tp-caption.NotGeneric-Title, .NotGeneric-Title {
        font-family: "Roboto", sans-serif !important;
        font-size:3em !important;
        text-shadow: -2px 8px 9px rgba(0,0,0,0.6);
    }
    .tp-caption.NotGeneric-SubTitle, .NotGeneric-SubTitle {
        font-family: "Roboto", sans-serif !important;
        font-size:1.5em !important;
        text-shadow: -2px 8px 9px rgba(0,0,0,0.6);
    }
    .tp-bullets {
        top: 97% !important;
    }
    
    #sliderbig{
        background: url(/assets/img/background/bgjata3.jpg) no-repeat;
        background-size:cover;
        background-position:center;
    }
    .rev_slider_wrapper{
        margin:0px auto;
        background:transparent;
        padding:0px;
        margin-top:0px
        ;margin-bottom:0px;
    }
    @media screen and (max-width: 991px) {
        #sliderbig {
            display:none;
        }
        #slidermobile {
            display:block;
        }
    }
    @media screen and (min-width: 992px) {
        #sliderbig {
            display:block;
        }
        #slidermobile {
            display:none;
        }
    }
    #overlay{
        position:absolute;
        top:0;
        right:0;
        left:0;
        bottom:0;
        background:url(/assets/img/overlay/overlay2.png) no-repeat;
        background-size:cover;
        z-index:100;
    }
    #wave{
        position:absolute;
        right:0;
        left:0;
        bottom:0;
        min-height:80px;
        background:url(/assets/img/background/wave2.png) no-repeat;
        background-size:100%;
        background-position:bottom center;
        z-index:100;
    }
    .mobile-slider-item{
        width:100%;
        margin:0 auto;
        padding:0;
    }
    
     @media (max-width: 991px){
        #slidermobile{
            background:#fff;
        }
    }
    @media (min-width: 992px){
        #slidermobile{
            background:transparent;
        }
    }
 </style>
 <section id="sliderbig" class="rev-slider">
    <div class="rev_slider_wrapper fullwidthbanner-container" data-alias="classicslider182" data-source="gallery">
        <div id="rev_slider_petra" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.6.3">
            <ul>'.$revslider_list.'</ul>
            <div class="tp-bannertimer" style="height: 7px; background: rgba(255,255,255,0.25);"></div> 
        </div>
    </div>
    <div id="overlay"></div>
    <div id="wave"></div>
</section>
<section id="slidermobile">
    <div class="row">
        <div class="col-lg-12 col-md-12" style="margin:0;padding:0;">
            <div class="owl-carousel" data-nav-dots="true" data-items="1" data-md-items="1" data-sm-items="1" 
            data-xs-items="1" data-xx-items="1" data-space="0" data-nav-arrow="true" data-autoplay="false">'.$mobile_list.'</div>
        </div>
    </div>    
</section>';
?>