
<!DOCTYPE html>
<html lang="en">
<head>
	<title>Welcome to Relyo Solutions</title>
	<meta charset="utf-8">
	<meta name="format-detection" content="telephone=no"/>
	<link rel="icon" href="images/favicon.png" type="image/x-icon">
	<link rel="stylesheet" href="css/grid.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/search.css">
	<link rel="stylesheet" href="css/camera.css">
	<link rel="stylesheet" href="css/owl-carousel.css">
	<link rel="stylesheet" href="css/touch-touch.css">
	<link rel="stylesheet" href="css/google-map.css">
	<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/default.css" type="text/css" media="screen" />
	<link rel="stylesheet" type="text/css" media="all" href="css/styles.css">
	<link href="css/style1.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="css/stewart-framework-css.css">
	
	<script src="js/jquery-1.11.1.js"></script>
	<script src="js/jquery-migrate-1.2.1.js"></script> 
	<script type="text/javascript" src="js/jquery.nivo.slider.js"></script> 
	<script type="text/javascript">
		$(window).load(function() {
			$('#slider').nivoSlider();
		});
	</script>
	<script type="text/javascript">
		$(window).load(function() {
			$('#slider1').nivoSlider();
		});
	</script>



	<!--[if lt IE 9]> 
	<html class="lt-ie9">
	<div style=' clear: both; text-align:center; position: relative;'>
		<a href="http://windows.microsoft.com/en-US/internet-explorer/..">
			<img src="images/ie8-p  anel/warning_bar_0000_us.jpg" border="0" height="42" width="820"
					 alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."/>
		</a>
	</div>
	<script src="js/html5shiv.js"></script>
	<![endif]-->

	<script src='js/device.min.js'></script>
	
	<style>

</style>
</head>

<body>
<div class="page">
	<!--========================================================
													HEADER
	=========================================================-->
	<header>
		<!-- <section class="top-section clear">
			<ul class="inline-list">
				<li><a href="#" class="icon icon-xs circle fa-facebook"></a></li>
				<li><a href="#" class="icon icon-xs circle fa-twitter"></a></li>
				<li><a href="#" class="icon icon-xs circle fa-google-plus"></a></li>
			</ul>
			contact-info 
			<!-- END contact-info
		</section> -->
		<!-- Stuck container -->
		<section id="stuck_container" class="stuck_container clear">
			<?php include("include/header.php");?>
			
		</section>
		
		<!-- END Stuck container -->
	</header>
	
	

  
  
  <!--wrap the page content do not style this-->

   

	<!--========================================================
														CONTENT
	=========================================================-->
	<main class="text-center">
		<!-- section -->
		<section>
			<!-- Camera -->
			<div class="camera_container sys_slide">
				<div class="slider-wrapper theme-default">
				<div id="slider" class="nivoSlider">
				<img src="images/slide2.jpg"  />
				<img src="images/slide1.jpg" />
				<img src="images/slide3.jpg" />
				</div>
				</div>
			</div>
			<div class="camera_container mob_slide">
				<div class="slider-wrapper theme-default">
				<div id="slider1" class="nivoSlider">
				<img src="images/slide1.jpg" data-transition="slideInLeft" />
				<img src="images/slide2.jpg" data-transition="slideInLeft" />
				<img src="images/slide3.jpg" data-transition="slideInLeft" />
				</div>
				</div>
			</div>
			<!-- END Camera -->
		</section>
		<!-- END section --> 

		<!-- section -->
		<section class="well well--inset-2">
			<div class="container">
				<div class="row ">
					<div class="col-md-12 hom_top">
						<div class="row " style="position: relative;">
							<div class="col-md-6">
							<img src="images/bg1.jpg" class="home_bg_1" />
							</div>
							<div class="secs_box">
								<div class="secs_box1">
								<h3>About us</h3>
								</div>
								<div class="secs_box2">
								<p>Relyo Solutions has been in the staffing industry for the past four years serving many clients in Chennai for their resource management. Past two years Relyo Solutions Management has been in the process of diversifying into the field of Security Systems majorly focusing on Industrial and Residential spaces. Inpartnershipwith Kapak Systems Infrastructure Ltd, Relyohas completed many projects  in CCTV Security Systems installation and service.Relyo Solutions is now movinga step ahead on Staffing & Security Solutions with a strong team strength focusing on Quality, efficient solution and timely delivery. We blend our qualitative service with the latest technology by delivering technical solutions in quick turn around time without compromising on quality service at effective price. Our Value proposition is a one call solution for your all Staffing and Security related needs.</p>
								<a href="about_us.php"><p style="color: #23ade3">Read More</p></a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- END section -->
		<section class="well-md well-md--inset-2 " >
			<div class="container">
				<div class="row">
					<h3 class="texh3">OUR SOLUTIONS</h3>
					<nav class="slidernav">
					  <div id="navbtns" class="clearfix">
						<a href="#" class="previous"><img src="images/n1.png" /></a>
						<a href="#" class="next"><img src="images/n2.png" /></a>
					  </div>
					</nav>
					<div class="crsl-items" data-navigation="navbtns">
					  <div class="crsl-wrap">
						<div class="crsl-item">
						  <div class="thumbnail">
							<img src="images/bg2.jpg">
						</div>
						  
						  <h3><a href="staffing_solutions.php">Staffing Solutions</a></h3>
						  <p class="readmore"><a href="staffing_solutions.php">Read More</a></p>
						</div><!-- post #1 -->
						
						<div class="crsl-item">
						  <div class="thumbnail">
							<img src="images/bg3.jpg" alt="danny antonucci">
							</div>
						  
						  <h3><a href="security_solution.php">Security Solutions</a></h3>
						  <p class="readmore"><a href="security_solution.php">Read More</a></p>
						</div><!-- post #2 -->
						
						
						
					  </div><!-- @end .crsl-wrap -->
					</div>
				</div>
			</div>
		</section>
		<!-- section -->
		<!-- section class="well-md well-md--inset-1 la_ico_logo">
		<div class="container">
			<img src="images/l1.png" style="width: 100%" />
			<ul id="flexiselDemo3">
				
				<li><img src="images/1.png" /></li>
				<li><img src="images/2.png" /></li>
				<li><img src="images/3.png" /></li>
				<li><img src="images/4.png" /></li>                                                 
				<li><img src="images/5.png" /></li>                                                 
				<li><img src="images/6.png" /></li>   
						
			</ul>
			<img src="images/l2.png" style="width: 100%" />	
		</div>
		</section-->
		<!-- END section -->   
		<!-- section -->
		
		
</main>
<!--========================================================
													FOOTER
=========================================================-->
<footer class="text-center">
	<!-- Google map -->
	<!--<section id="map" class="map" >
	<div id="google-map" class="map_model" data-zoom="12" data-x="-74.008592" data-y="40.682597"></div>

	<ul class="map_locations">
		<li data-x="-73.973584" data-y="40.684763">
			<p>8901 Marmora Road, Glasgow, DO4 89GR.<a href="callto:#">+1 800 559 6580</a></p>
		</li>
	</ul>

	</section>-->
	<!-- END Google map --> 

	<!-- section -->
	<section class="well text-md-left">
		<?php include("include/footer.php");?>
	</section>

			</div>
	<!-- END section -->

</footer>
</div> <!-- end page -->

<script src="js/script.js"></script>
<script type="text/javascript" src="js/responsiveCarousel.min.js"></script>
	<script type="text/javascript">
	$(function(){
	  $('.crsl-items').carousel({
		visible: 2,
		itemMinWidth: 180,
		itemEqualHeight: 370,
		itemMargin: 9,
	  });
	  
	  $("a[href=#]").on('click', function(e) {
		e.preventDefault();
	  });
	});
	</script>
<script type="text/javascript" src="js/jquery.flexisel.js"></script>
<script type="text/javascript">

$(window).load(function() {
   $("#flexiselDemo3").flexisel({
        visibleItems: 2,
        animationSpeed: 4000,
        autoPlay: true,
        autoPlaySpeed: 2000,            
        pauseOnHover: true,
        enableResponsiveBreakpoints: true,
        responsiveBreakpoints: { 
            portrait: { 
                changePoint:480,
                visibleItems: 1
            }, 
            landscape: { 
                changePoint:640,
                visibleItems: 2
            },
            tablet: { 
                changePoint:768,
                visibleItems: 2
            }
        }
    });
});
</script>
<script>
jQuery(function($){
  
  
  $('body').append($('<div class="mobile-nav"></div>').html($('.nav-list').clone()));
  

  $('.js-nav-trigger').on('click',function(event){
    event.preventDefault();
    $('body').toggleClass('show-nav');
  });
       
});
</script>

</body>
</html>