EVOLUTION-NINJA

Edit File: news.php

<script>
    $(document).ready(function() {
        function disableBack() { window.history.forward() }

window.onload = disableBack();
        window.onpageshow = function(evt) { if (evt.persisted) disableBack() }
    });
</script>
<div class="content-wrapper">	

	
	<br><br>
	<section class="home-yas">
		<div class="container">
		  <div class="mid-image">
			<img src="<?php echo base_url('assets/img/PPF.svg');?>" alt="First slide" class="img-responsive center-block">
		  </div>
		</div>
	</section>
	
	<br><br>
	
	<div id="jssor_1" style="position:relative;margin:0 auto;top:0px;left:0px;width:1400px;height:441px;overflow:hidden;visibility:hidden;">
			
			<div data-u="loading" class="jssorl-009-spin" style="position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7);">
				<img style="margin-top:-19px;position:relative;top:50%;width:38px;height:38px;" src="img/spin.svg" />
			</div>
			<div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:1400px;height:441px;overflow:hidden;">
				<div>
					<img data-u="image" src="<?php echo base_url('assets/img/POWERPIK.svg');?>" />
				
				</div>
				<div>
					<img data-u="image" src="<?php echo base_url('assets/img/news-slider2.jpg');?>" />
				
				</div>
				<div>
					<img data-u="image" src="<?php echo base_url('assets/img/news-slider3.jpg');?>" />
				
				</div>
				<div>
					<img data-u="image" src="<?php echo base_url('assets/img/news-slider4.jpg');?>" />
				</div>
				<div>
					<img data-u="image" src="<?php echo base_url('assets/img/news-slider5.jpg');?>" />
				</div>
				<div>
					<img data-u="image" src="<?php echo base_url('assets/img/POWERPIK.svg');?>" />
				</div>
				<div>
					<img data-u="image" src="<?php echo base_url('assets/img/POWERPIK.svg');?>" />
				</div>
			</div>
			
		
			
			<div data-u="arrowleft" class="jssora061" style="width:55px;height:55px;top:0px;left:25px;" data-autocenter="2" data-scale="0.75" data-scale-left="0.75">
				<svg viewbox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;">
					<path class="a" d="M11949,1919L5964.9,7771.7c-127.9,125.5-127.9,329.1,0,454.9L11949,14079"></path>
				</svg>
			</div>
			<div data-u="arrowright" class="jssora061" style="width:55px;height:55px;top:0px;right:25px;" data-autocenter="2" data-scale="0.75" data-scale-right="0.75">
				<svg viewbox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;">
					<path class="a" d="M5869,1919l5984.1,5852.7c127.9,125.5,127.9,329.1,0,454.9L5869,14079"></path>
				</svg>
			</div>
		</div>
	
</div>	
	
	
	<script src="<?php echo base_url('assets_dashboard/js/jssor.slider-27.5.0.min.js');?>"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {

var jssor_1_SlideshowTransitions = [
              {$Duration:800,x:-0.3,$During:{$Left:[0.3,0.7]},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
              {$Duration:800,x:0.3,$SlideOut:true,$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2}
            ];

var jssor_1_options = {
              $AutoPlay: 1,
              $SlideshowOptions: {
                $Class: $JssorSlideshowRunner$,
                $Transitions: jssor_1_SlideshowTransitions,
                $TransitionsOrder: 1
              },
              $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$
              },
              $ThumbnailNavigatorOptions: {
                $Class: $JssorThumbnailNavigator$,
                $Orientation: 2,
                $NoDrag: true
              }
            };

var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);

/*#region responsive code begin*/

var MAX_WIDTH = 1400;

function ScaleSlider() {
                var containerElement = jssor_1_slider.$Elmt.parentNode;
                var containerWidth = containerElement.clientWidth;

if (containerWidth) {

var expectedWidth = Math.min(MAX_WIDTH || containerWidth, containerWidth);

jssor_1_slider.$ScaleWidth(expectedWidth);
                }
                else {
                    window.setTimeout(ScaleSlider, 30);
                }
            }

ScaleSlider();

$(window).bind("load", ScaleSlider);
            $(window).bind("resize", ScaleSlider);
            $(window).bind("orientationchange", ScaleSlider);
            /*#endregion responsive code end*/
        });
    </script>
    <style>
        /*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

@keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

.jssora061 {display:block;position:absolute;cursor:pointer;}
        .jssora061 .a {fill:none;stroke:#fff;stroke-width:360;stroke-linecap:round;}
        .jssora061:hover {opacity:.8;}
        .jssora061.jssora061dn {opacity:.5;}
        .jssora061.jssora061ds {opacity:.3;pointer-events:none;}
        
    </style>