<!--Slider-->
<style type="text/css">
.preview img {
	height: 250px;
	width: 250px;
}
</style>
    <section id="slide-show">
     <div id="slider" class="sl-slider-wrapper">

        <!--Slider Items-->    
        <div class="sl-slider">
            <!--Slider Item1-->
            <div class="sl-slide item1" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2">
                <div class="sl-slide-inner">
                    <div class="container" style="height:100%">
                        <img class="pull-right" style="height:100%;width:40%" src="<?php echo base_url(); ?>uploads/categories/Hydraulic_Cylinders.jpg" alt="" />
                        <h2>Hydraulic Cylinders</h2>
						<div class="gap"></div>
						<a class="btn btn-large btn-transparent" href="<?php echo base_url(); ?>home/productslist/5">Learn More</a>
                    </div>
                </div>
            </div>
            <!--/Slider Item1-->

            <!--Slider Item2-->
            <div class="sl-slide item2" data-orientation="vertical" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5">
                <div class="sl-slide-inner">
                    <div class="container" style="height:100%">
                        <img class="pull-right" style="height:100%;width:40%" src="<?php echo base_url(); ?>uploads/categories/Hydraulic_Motors.png" alt="" />
                        <h2>Hydraulic Motors</h2>
						<div class="gap"></div>
                        <a class="btn btn-large btn-transparent" href="<?php echo base_url(); ?>home/productslist/3">Learn More</a>
                    </div>
                </div>
            </div>
            <!--Slider Item2-->

            <!--Slider Item3-->
            <div class="sl-slide item3" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1">
                <div class="sl-slide-inner">
                   <div class="container" style="height:100%">
                    <img class="pull-right" style="height:100%;width:40%" src="<?php echo base_url(); ?>uploads/categories/Hydraulic_Power_Packs.jpg" alt="" />
                    <h2>Hydraulic Power Packs</h2>
					<div class="gap"></div>
                    <a class="btn btn-large btn-transparent" href="<?php echo base_url(); ?>home/productslist/2">Learn More</a>
					</div>
				</div>
			</div>
        <!--Slider Item3-->
			<div class="sl-slide item4" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1">
                <div class="sl-slide-inner">
                   <div class="container" style="height:100%">
                    <img class="pull-right" style="height:100%;width:40%" src="<?php echo base_url(); ?>uploads/categories/Hydraulic_Pumps.jpg" alt="" />
                    <h2>Hydraulic Pumps</h2>
					<div class="gap"></div>
                    <a class="btn btn-large btn-transparent" href="<?php echo base_url(); ?>home/productslist/4">Learn More</a>
					</div>
            </div>
			</div>
			<div class="sl-slide item5" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1">
                <div class="sl-slide-inner">
                   <div class="container" style="height:100%">
                    <img class="pull-right" style="height:100%;width:40%" src="<?php echo base_url(); ?>uploads/categories/Hydraulic_Valves.jpg" alt="" />
                    <h2>Hydraulic Valves</h2>
					<div class="gap"></div>
                    <a class="btn btn-large btn-transparent" href="<?php echo base_url(); ?>home/productslist/1">Learn More</a>
					</div>
            </div>
			</div>
    </div>
    <!--/Slider Items-->

    <!--Slider Next Prev button-->
    <nav id="nav-arrows" class="nav-arrows">
        <span class="nav-arrow-prev"><i class="icon-angle-left"></i></span>
        <span class="nav-arrow-next"><i class="icon-angle-right"></i></span> 
    </nav>
    <!--/Slider Next Prev button-->

</div>
<!-- /slider-wrapper -->           
</section>
<!--/Slider-->

<!--Services-->
<section id="services">
    <div class="container">
        <!--<div class="center gap">
            <h3>What We Are</h3>
            <p class="lead">Look at some of the recent projects we have completed for our valuble clients</p>
        </div>-->

        <div class="row-fluid">
            <div class="span4">
                <div class="media">
                    <div class="media-body">
                        <h4 class="media-heading">Who We Are</h4>
                        <p style="text-align:justify;">With more than one and half decades of industry experience, Energy Hydraulic offer expertise in the field of supplying of all hydraulic components & distribution of hydraulic & other precision engineered products to Indian Hydraulic industry & offering designing and services of System automation/modification in all kind of Hydraulic units and systems.</p>
                    </div>
                </div>
            </div>            

            <div class="span4">
                <div class="media">
                    <div class="media-body">
                        <h4 class="media-heading">Our Team</h4>
                        <p style="text-align:justify;">Our team has been the support system of our organization. We have carefully compiled a team of efficient and effective professionals that has manifold capabilities and skills. Our quality unit ensures that all procedures of quality analysis are carefully carried throughout the production process until the consignment is dispatched to the desired location.</p>
                    </div>
                </div>
            </div>            

            <div class="span4">
                <div class="media">
                    <div class="media-body">
                        <h4 class="media-heading">Why Choose Us</h4>
                        <p style="text-align:justify;">Apart from numerous achievements we have also gathered extensive knowledge and experience in this domain. We have been accredited for our efforts and developed a wide client base. Our clients have acknowledged us as one of the preferred organizations of this domain and we can take privilege in offering them with superior quality products.</p>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </div>
</section>
<!--/Services-->

<section id="recent-works">
    <div class="container">
        <div class="center">
            <h3>Our Products</h3>
        </div>  
        
        
		<ul class="gallery col-4">
            <?php foreach($rproducts as $key=>$value) { ?>
			<li>
                <div class="preview">
                    <img alt=" " src="<?php echo base_url(); ?>uploads/<?php echo $value['product_image']; ?>">
                    <div class="overlay">
                    </div>
                    <div class="links">
                        <a data-toggle="modal" href="#modal-<?php echo $value['product_id']; ?>"><i class="icon-eye-open"></i></a><a href="#"><i class="icon-link"></i></a>                          
                    </div>
                </div>
                <div class="desc">
                    <h5><?php echo $value['product_name']; ?></h5>
                </div>
                <div id="modal-<?php echo $value['product_id']; ?>" class="modal hide fade">
                    <a class="close-modal" href="javascript:;" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></a>
                    <div class="modal-body">
                        <img src="<?php echo base_url(); ?>uploads/<?php echo $value['product_image']; ?>" alt=" " width="100%" style="max-height:400px">
                    </div>
                </div>                 
            </li>
			<?php } ?>
        </ul>
		
    </div>

</section>