epaper/modules/e_paper/_latest_slider_full_screen.html.erb

<%= javascript_include_tag "plugin/owl.carousel.min.js"%>
<link rel="stylesheet" type="text/css" href="/assets/template/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="/assets/template/owl.theme.default.min.css">

<div class="latest-fullslider" data-list="categories" data-level="0">
  <div class="banner-Container owl-carousel owl-theme" data-list="topics" data-level="1">
    <div class="item">
        <div class="row epaper-container">

              <div class="left-fullslider col-lg-7 col-md-7 col-xs-12">
                  <a href="{{link_to_show}}">
                  <img src="{{img_url_thumb}}" alt="{{title}}">
                    </a>
              </div>


              <div class="right-fullslider col-lg-5 col-md-5 col-xs-12">
                  <div class="right-box">
                      <a href="{{link_to_show}}">
                      <h3>{{category_title}}</h3>
                      <h4>{{title}}</h4>
                      <div class="epaper-description">{{description}}</div>
                      </a>
                  </div>

              </div>


        </div>
    </div>
  </div>
</div>

<script>
$(".owl-carousel").owlCarousel({
  loop: true,
  center: true,
  items: 1,
  autoplay: true,
  autoplayHoverPause: true,
  responsiveClass:true,
  responsive:{
    600:{
        items: 1,
        nav:false
    }
  }
});

$(function(){
  var len = 200; 
  $(".latest-fullslider .epaper-description").each(function(i){
      if($(this).text().length>len){
          $(this).attr("title",$(this).text());
          var text=$(this).text().substring(0,len-1)+" ...";
          $(this).text(text);
      }
  });
});

if ($(window).width() < 768) {
  $(function(){
  var len = 30; 
  $(".latest-fullslider .epaper-description").each(function(i){
      if($(this).text().length>len){
          $(this).attr("title",$(this).text());
          var text=$(this).text().substring(0,len-1)+" ...";
          $(this).text(text);
      }
  });
});
}
</script>

<!-- <div data-list="categories" data-level="0">
  <h3><a href="{{category_link}}">{{category_title}}</a></h3>
  <div data-list="topics" data-level="1">
    <div>
      <h4><a href="{{link_to_show}}">{{title}}</a></h4>
      <div>{{description}}</div>
      <img src="{{img_url_thumb}}" alt="{{title}}">
    </div>
  </div>
</div> -->