<?php $page = 'home'; ?>
<!DOCTYPE html> 
<html>
<head>
	<meta charset="UTF-8">
    <title>Mass Lift Solution</title>
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
	<link href="<?php echo base_url(); ?>assets/frontend/style.css" rel="stylesheet" type="text/css" media="screen">
	<link href="<?php echo base_url(); ?>assets/frontend/style-headers.css" rel="stylesheet" type="text/css" media="screen">
	<link href="<?php echo base_url(); ?>assets/frontend/style-colors.css" rel="stylesheet" type="text/css" media="screen">
    <style type="text/css">
ul.slide{margin:0;
          padding:0;
          list-style-type:none; margin-left:-25px;}
 ul.slide li{float:left;
             list-style-type:none;}
			 ul.slide li img{ width:243px;}
 
</style>	
</head>
<body class="home color-red">
<div class="root">
	<?php
	include "include/header.php";
	?>
	<section class="slider slider1">
    <?php
	foreach($slider as $row):
	?>
		<article>
			<img src="<?php echo base_url(); ?>assets/uploads/slider/<?php echo $row->s_title.'_'.$row->s_id.'.jpg'; ?>" alt="">
		
		</article>
	<?php
	endforeach;
	?>	
			
	</section>
	<section class="content">
    <section class="content">
		<section class="main">
			<article class="intro">
				<h1><strong>Welcome</strong> to Mass Lift Solution</h1>
				<p style="    text-align: justify;
    font-size: 15.3px;">Mass Lift Solution, established in the year 2014 have gained recognition as the leading manufacturer, supplier and service provider of qualitative range of Elevator Cabins, Elevator Doors, Passenger Elevators, Hospital Elevators, Capsule Elevators, Home Lift, Elevator Control Panel, Elevator Door Operator, Elevator Modification Services, Elevator Renovation Services, Elevator Maintenance Services and Elevator Consulting Services. These products are designed and manufactured under the supervision of our experts using excellent quality raw material and sophisticated technology as per international quality standards under the supervision of our quality controllers. The offered products are widely appreciated for durability, flawless finish, corrosion resistance and excellent quality.</p>
			</article>

			

		</section>
		<aside>
			<section>
				<h3><span>Why choose us?</span></h3>
				<ul class="tick">
					<li>Provide customized solutions</li>
					<li>High Performance and easy maintenance</li>
					<li>On time delivery of product & service</li>
					<li>Operational simplicity and reliability</li>
					<li>Large production capacity</li>
					<li>Providing cutting edge technology</li>
				</ul>
			</section>
		</aside>		
	</section>
    <section class="columns hp-recent-work content-slider" style="    margin-top: -50px;">
			<h2><span>Our Products</span></h2>
			<ul class="next-prev"><li class="prev"><a href="#">previous</a></li><li class="next"><a href="#">next</a></li></ul><div class="slider-box"><div style="width: 1440px;">
				<?php /*?><?php foreach($images as $i_row):?>
                <article>
					<div class="img"><span class="img-border"><img src="<?php echo base_url();?>assets/uploads/sub_products/<?php echo $i_row->sp_id;?>.jpg" alt=""></span>
						<div>
							
						</div>
					</div>
					<h3><a href="#">Integer tincidunt</a></h3>
					<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis</p>
				</article>
                <?php endforeach;?><?php */?>
                <ul class="slide">
                <li>
              <article>
					<div class="img"><span class="img-border"><img src="<?php echo base_url(); ?>assets/uploads/sub_products/61.jpg" alt=""></span>
						<div>
							
						</div>
					</div>
					
				</article>
                </li>
                <li>
                <article>
					<div class="img"><span class="img-border"><img src="<?php echo base_url(); ?>assets/uploads/sub_products/62.jpg" alt=""></span>
						<div>
							
						</div>
					</div>
					
				</article>
               </li>
               <li> 
                <article>
					<div class="img"><span class="img-border"><img src="<?php echo base_url(); ?>assets/uploads/sub_products/64.jpg" alt=""></span>
						<div>
							
						</div>
					</div>
					
				</article>
                </li>
                <li>
                <article>
					<div class="img"><span class="img-border"><img src="<?php echo base_url(); ?>assets/uploads/sub_products/65.jpg" alt=""></span>
						<div>
							
						</div>
					</div>
					
				</article>
                </li>
                </ul>
			</div></div>
		</section>
		

		
		
		<a href="#top" class="go-top">Go to top of page</a>
	</section>	
	
	</section>
	<?php 
	include "include/footer.php";
	?>
	</div>

<script type="text/javascript" src="<?php echo base_url(); ?>assets/frontend/js/jquery.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/frontend/js/scripts.js"></script>
<script>
 
 //Plugin start
 (function($)
   {
     var methods = 
       {
         init : function( options ) 
         {
           return this.each(function()
             {
               var _this=$(this);
                   _this.data('marquee',options);
               var _li=$('>li',_this);
                   
                   _this.wrap('<div class="slide_container"></div>')
                        .height(_this.height())
                       .hover(function(){if($(this).data('marquee').stop){$(this).stop(true,false);}},
                              function(){if($(this).data('marquee').stop){$(this).marquee('slide');}})
                        .parent()
                        .css({position:'relative',overflow:'hidden','height':$('>li',_this).height()})
                        .find('>ul')
                        .css({width:screen.width*2,position:'absolute'});
           
                   for(var i=0;i<Math.ceil((screen.width*3)/_this.width());++i)
                   {
                     _this.append(_li.clone());
                   } 
             
               _this.marquee('slide');});
         },
      
         slide:function()
         {
           var $this=this;
           $this.animate({'left':$('>li',$this).width()*-1},
                         $this.data('marquee').duration,
                         'swing',
                         function()
                         {
                           $this.css('left',0).append($('>li:first',$this));
                           $this.delay($this.data('marquee').delay).marquee('slide');
             
                         }
                        );
                             
         }
       };
   
     $.fn.marquee = function(m) 
     {
       var settings={
                     'delay':4000,
                     'duration':900,
                     'stop':true
                    };
       
       if(typeof m === 'object' || ! m)
       {
         if(m){ 
         $.extend( settings, m );
       }
 
         return methods.init.apply( this, [settings] );
       }
       else
       {
         return methods[m].apply( this);
       }
     };
   }
 )( jQuery );
 
 //Plugin end
 
 //call
 $(document).ready(
   function(){$('.slide').marquee({delay:5000});}
 );
 
 
</script>

</body>

</html>