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

		<!-- Banner -->


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

	<div class="about" id="about">
			<div class="container">
				<div class="col-md-12 col-sm-12 about-grid">
					<h1 class="text-uppercase">{!! $information->name !!}</h1>
				<p>{!! $information->content !!}</p>
						</div>
			</div>
	</div>
	<!-- flex board container-->
<div  id="cont">
	<div class="container-fluid">
			<ul class="nav nav-pills nav-justified" id="can">

				@foreach($information->features as $key=>$feature)
					@if($key == 0)
						<li class="active text-uppercase"><a href="{{'#'.$feature->id}}" data-toggle="tab">{!! $feature->name !!}</a> </li>
						@else
					<li class="text-uppercase"><a href="{{'#'.$feature->id}}" data-toggle="tab">{!! $feature->name !!}</a> </li>
					@endif
					@endforeach
			</ul>
			<div class="tab-content">
				@foreach($information->features as $key=>$feature)
					@if($key == 0)
				<div class="tab-pane fade  active in" id="{!! $feature->id !!}">
					{!! $feature->content !!}
				</div>
					@else

						<div class="tab-pane fade   in" id="{!!  $feature->id!!}">
							{!! $feature->content !!}
						</div>
						@endif
				@endforeach
			</div>
	</div>
</div>
	<!-- Footer -->
	@include('partials.footer')
	<!-- //Footer -->

<!-- Custom-JavaScript-File-Links -->
<!-- Custom-JavaScript-File-Links -->

<!-- Supportive-JavaScript --> <script type="text/javascript" src="{{asset('js/jquery.min.js')}}"></script>
<!-- Necessary-JS-File-For-Bootstrap --> <script type="text/javascript" src="{{asset('js/bootstrap.min.js')}}"></script>

<!-- Skills-Number-Scroller-Effect-JavaScript -->
<script type="text/javascript" src="{{asset('js/numscroller-1.0.js')}}"></script>
<!-- //Skills-Number-Scroller-Effect-JavaScript -->

<!-- Popup-Box-JavaScript -->
<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>
	<!-- //Popup-Box-JavaScript -->

	<!-- Slide-To-Top JavaScript (No-Need-To-Change) -->
	<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>
	<!-- //Slide-To-Top JavaScript -->

	<!-- Smooth-Scrolling-JavaScript -->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="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},1000);
				});
			});
	</script>
	<!-- //Smooth-Scrolling-JavaScript -->
	
	<!-- FlexSlider-JavaScript -->
	<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>
	<!-- //FlexSlider-JavaScript -->

<!-- //Custom-JavaScript-File-Links -->

</body>
</html>



<!-- All Images are for reference and illustration puropse only. -->
<!-- Pixabay-Link
	Images were taken from the website PIXABAY - https://pixabay.com
-->
<!-- Flaticon-Link:
	Icons were taken from the website FLATICON "http://www.flaticon.com" made by "http://www.freepik.com" is licensed by "http://creativecommons.org/licenses/by/3.0/" CC 3.0. BY
-->