@include('partials.nav')
<!-- //Navbar -->

<!-- Banner
<div class="banner">
    <img src="images/banner.jpg" alt="Corporatus">
</div>-->
<script type="text/javascript" src="{{asset("js/jquery.min.js")}}"></script>
<div  id="preloader">
	<!--<div class="loader">Loading...</div>-->
	<img src="{{asset("images/logopreloader.png")}}" height="100px" width="100px" style=" height:100px !important;width: 280px !important;z-index: 32; position: absolute; top:50%; margin-top: -80px ;left: 50%; margin-left: -140px">
	<div class=""><span id="status" >
			</span></div>

	<div class="loadingSpan"><span>.</span><span>.</span><span>.</span></div>
</div>
<script>
	$(window).load(function () {
		setInterval(function(){$("#preloader").slideUp("slow");}, 1800);
	});
</script>
<section class="slider">
	<div class="flexslider">
		<ul class="slides">
			@foreach($sliders  as $slide)
				<li><img src="{{url($slide->image_url)}}" /> </li>
			@endforeach
		</ul>
	</div>
</section>
<!-- //Banner -->

</div>
<!-- //Header -->

<!-- About -->
<div class="about" id="about">
	<div class="container">
		<div class="col-md-6 col-sm-6 about-grid">
			<img class="aboutImage" style="width:100%" src="{{asset($about->image_url)}}" alt="Corporatus">
		</div>
		<div class="col-md-6 col-sm-6 about-grid ">
			<h1>ABOUT</h1>
			<p>{!! $about->about !!}</p>
		</div>
		<div class="col-md-2" id="know">
			<a href="{{url('about')}}">KNOW MORE..</a>
		</div>
		<div class="clearfix"></div>

	</div>
</div>
<!-- //About -->
<!-- Stats -->
<div class="stats" id="stats">
	<div class="container">

		<h3>MEMBERS</h3>

		<div class="stats-info">
			<div class="col-md-4 col-sm-4 stats-grid">
				<div class="stats-img">
					<img src="images/british_council.png" alt="Corporatus">
				</div>
				{{--<div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='{{$stats[0]->figure}}' data-delay='5' data-increment="1">{{$stats[0]->figure}}</div>--}}
				{{--<p>{{$stats[0]->content}}</p>--}}
			</div>
			<div class="col-md-4 col-sm-4 stats-grid">
				<div class="stats-img">
					<img src="images/idplogolarge.png" alt="Corporatus">
				</div>
				{{--<div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='{{$stats[1]->figure}}' data-delay='8' data-increment="1">{{$stats[1]->figure}}</div>--}}
				{{--<p>{{$stats[1]->content}}</p>--}}
			</div>
			<div class="col-md-4 col-sm-4 stats-grid">
				<div class="stats-img">
					<img src="images/clcc.png" alt="Corporatus">
				</div>
			{{--	<div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='{{$stats[2]->figure}}' data-delay='5' data-increment="1">{{$stats[2]->figure}}</div>
				<p>{{$stats[2]->content}}</p>--}}
			</div>

			<div class="clearfix"></div>
		</div>
	</div>

</div>
<!-- //Stats -->

<!-- Details -->
<div class="details" id="details">
	<div class="container">
			<h2>SERVICES</h2>
		<div class="details-grids">
			<div class="col-md-4 col-xs-4 col-sm-4 details-grid dgrid-1">
				<a href="{{url('/service/immigration')}}">
					<div class="details-image">
						<img src="{{asset('images/details-3.png')}}" alt="Corporatus">
					</div>
					<div class="details-info">
						<h3 class="text-uppercase">Immigration</h3><!--
						<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>-->
					</div>
				</a>
			</div>
			@foreach($services as $key=>$service)
				<div class="col-md-4 col-xs-4 col-sm-4 details-grid dgrid-{{$key+2}}">
					<a href="{{url('/service/'.$service->name)}}">
						<div class="details-image">
							<img src="{{asset($service->thumb_image)}}" alt="Corporatus">
						</div>
						<div class="details-info">
							<h3 class="text-uppercase">{{$service->name}}</h3><!--
						<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>-->
						</div>
					</a>
				</div>
			@endforeach
			<div class="clearfix"></div>-->
		</div>

	</div>
</div>
<!-- //Details -->

<!-- Clients -->


<!---
<div class="features" id="features">
	<div class="container">

		<h3>INFORMATION</h3>
		<div class="feature-grid">
			@foreach($informations as $information)
				<div class="col-md-3 col-sm-3 feature">
					<div class="row features-item sans-shadow text-center">
						<a href="{{url('/information/'.$information->name)}}">
							<div class="features-icon">
								<img src="{{asset($information->thumb_image)}}" alt="Corporatus">
							</div>
							<div class="features-info">
								<h4>{{$information->name}}</h4>
							</div>
						</a>
					</div>
				</div>
		@endforeach

			<div class="clearfix"></div>
		</div>

	</div>
</div>
-->
<!-- //Features -->



<!-- Contact -->
<div class="contact" id="contact">
	<div class="container">

		<h3>Contact</h3>
		<div class="heading-underline"></div>

		<form class="contact_form" id="contactpageForm" action="{{url("/contact")}}" method="post">
		<input type="hidden" name="_token" value="{{csrf_token()}}">
			<div class="message">
				<div class="col-md-6 col-sm-6 grid_6 c1">
					<input name="name" type="text" class="text" placeholder="Name *" required />
					<input name="email" type="email" class="text" pattern="[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{1,63}$" placeholder="Email *" required />
					<input name="contact" type="number" maxlength="10" class="text" placeholder="Phone *" required />
				</div>

				<div class="col-md-6 col-sm-6 grid_6 c1">
					<textarea name="message" id="contactMsg" placeholder="Message *" required></textarea>
				</div>
				<div class="clearfix"></div>

				<input type="submit" class="more_btn" value="Send Message">
			</div>
		</form>

	</div>
</div>
<!-- //Contact -->

<!-- Footer -->
@include('partials.footer')

<script type="text/javascript" src="{{asset("js/bootstrap.min.js")}}"></script>


<script type="text/javascript" src="{{asset("js/numscroller-1.0.js")}}"></script>
<script src="{{asset("js/modernizr.custom.97074.js")}}"></script>
<script src="{{asset("js/jquery.chocolat.js")}}"></script>
<script type="text/javascript">
	$(function() {
		$('.gallery-grids a').Chocolat();
	});
</script>

<script type="text/javascript">
	$(document).ready(function() {
		var defaults = {
			containerID: 'toTop', // fading element id
			containerHoverID: 'toTopHover', // fading element hover id
			scrollSpeed: 100,
			easingType: 'linear'
		};
		$().UItoTop({ easingType: 'easeOutQuart' });
	});

</script>
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 0;"> </span></a>

<script type="text/javascript" src="{{asset("js/move-top.js")}}"></script>

<script type="text/javascript" src="{{asset("js/easing.js")}}"></script>

<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll, .navbar li a, .footer li a").click(function(event){
			$('html,body').animate({scrollTop:$(this.hash).offset().top-70},1000);
		});
	});
</script>

<script defer src="js/jquery.flexslider.js"></script>

<script type="text/javascript">
	$(function(){
		SyntaxHighlighter.all();
	});
	$(window).load(function(){
		$('.flexslider').flexslider({
			animation: "slide",
			start: function(slider){
				$('body').removeClass('loading');
			}
		});
	});
</script>

</body>
</html>