<!-- BEGIN RECENT WORKS -->
<div class="row recent-work margin-bottom-40">
	<div class="col-md-3">
		<h2><a href="#">Recent Activity</a></h2>
		<p>Here are some of our past accomplishments, and clients that we have brought online.</p>
	</div>

	<div class="col-md-9">
		<div class="owl-carousel">
			<div class="recent-work-item">
				<em>
					<img src="{{ asset('pages/welcome/img/activity/pla.png') }}" alt="phpLDAPadmin" class="img-responsive">
					<a href="http://demo.phpldapadmin.org"><i class="fa fa-link"></i></a>
					{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
					<a href="{{ asset('pages/welcome/img/activity/pla.png') }}" title="phpLdapAdmin" data-fancybox="development" data-caption="phpLDAPadmin"><i class="fa fa-search"></i></a>
				</em>
				<a class="recent-work-description" href="javascript:;">
					<strong>Application Development</strong>
					<b>LDAP data management</b>
				</a>
			</div>

			<div class="recent-work-item">
				<em>
					<img src="{{ asset('pages/welcome/img/activity/edplus.png') }}" alt="Education Plus" class="img-responsive">
					<a href="https://edplus.com.au"><i class="fa fa-link"></i></a>
					{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
					<a href="{{ asset('pages/welcome/img/activity/edplus.png') }}" title="Education Plus" data-fancybox="hosting" data-caption="Education Plus"><i class="fa fa-search"></i></a>
				</em>
				<a class="recent-work-description" href="javascript:;">
					<strong>Website Hosting</strong>
					<b>Education Plus</b>
				</a>
			</div>

			<div class="recent-work-item">
				<em>
					<img src="{{ asset('pages/welcome/img/activity/voip.png') }}" alt="VOIP" class="img-responsive">
					<a href="https://graytech.net.au"><i class="fa fa-link"></i></a>
					{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
					<a href="{{ asset('pages/welcome/img/activity/voip.png') }}" title="VOIP" data-fancybox="hosting" data-caption="VOIP"><i class="fa fa-search"></i></a>
				</em>
				<a class="recent-work-description" href="javascript:;">
					<strong>VOIP Hosting</strong>
					<b>Voice over IP</b>
				</a>
			</div>

			<div class="recent-work-item">
				<em>
					<img src="{{ asset('pages/welcome/img/activity/whiskywholesale.png') }}" alt="Education Plus" class="img-responsive">
					<a href="https://whiskywholesale.com.au"><i class="fa fa-link"></i></a>
					{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
					<a href="{{ asset('pages/welcome/img/activity/whiskywholesale.png') }}" title="Whisky Wholesale" data-fancybox="hosting" data-caption="Whisky Wholesale"><i class="fa fa-search"></i></a>
				</em>
				<a class="recent-work-description" href="javascript:;">
					<strong>Website Hosting</strong>
					<b>Whisky Wholesale</b>
				</a>
			</div>

			<div class="recent-work-item">
				<em>
					<img src="{{ asset('pages/welcome/img/activity/elonera.png') }}" alt="Education Plus" class="img-responsive">
					<a href="https://elonerapreschool.com.au"><i class="fa fa-link"></i></a>
					{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
					<a href="{{ asset('pages/welcome/img/activity/elonera.png') }}" title="Elonera PreSchool" data-fancybox="hosting" data-caption="Elonera PreSchool"><i class="fa fa-search"></i></a>
				</em>
				<a class="recent-work-description" href="javascript:;">
					<strong>Website Hosting</strong>
					<b>Elonera PreSchool</b>
				</a>
			</div>

			<div class="recent-work-item">
				<em>
					<img src="{{ asset('pages/welcome/img/activity/graytech.png') }}" alt="Graytech Hosting" class="img-responsive" >
					<a href="https://graytech.com.au"><i class="fa fa-link"></i></a>
					{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
					<a href="{{ asset('pages/welcome/img/activity/graytech.png') }}" title="Graytech Hosting" data-fancybox="hosting" data-caption="Graytech Hosting"><i class="fa fa-search"></i></a>
				</em>
				<a class="recent-work-description" href="javascript:;">
					<strong>Website Hosting</strong>
					<b>Graytech Hosting</b>
				</a>
			</div>

			<div class="recent-work-item">
				<em>
					<img src="{{ asset('pages/welcome/img/activity/email.png') }}" alt="Email Hosting" class="img-responsive" >
					<a href="https://graytech.com.au"><i class="fa fa-link"></i></a>
					{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
					<a href="{{ asset('pages/welcome/img/activity/email.png') }}" title="Email Hosting" data-fancybox="hosting" data-caption="Email Hosting"><i class="fa fa-search"></i></a>
				</em>
				<a class="recent-work-description" href="javascript:;">
					<strong>Email Hosting</strong>
					<b>Your Domain</b>
				</a>
			</div>

			<div class="recent-work-item">
				<em>
					<img src="{{ asset('pages/welcome/img/activity/graytech1.png') }}" alt="Graytech Hosting" class="img-responsive" >
					<a href="https://graytech.com.au"><i class="fa fa-link"></i></a>
					{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
					<a href="{{ asset('pages/welcome/img/activity/graytech1.png') }}" title="Graytech Hosting" data-fancybox="hosting" data-caption="Graytech Hosting"><i class="fa fa-search"></i></a>
				</em>
				<a class="recent-work-description" href="javascript:;">
					<strong>Website Hosting</strong>
					<b>Graytech Hosting</b>
				</a>
			</div>
		</div>
	</div>
</div>
<!-- END RECENT WORKS -->

@section('page-styles')
	<link rel="stylesheet" href="{{ asset('plugin/OwlCarousel2-2.3.4/owl.carousel.min.css') }}">
	<link rel="stylesheet" href="{{ asset('plugin/OwlCarousel2-2.3.4/owl.theme.default.min.css') }}">
	<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.min.css">
@append

@section('page-scripts')
	<script src="{{ asset('plugin/OwlCarousel2-2.3.4/owl.carousel.min.js') }}"></script>
	<script src="//cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.umd.min.js"></script>

	<script>
		$(document).ready(function(){
			$('.owl-carousel').owlCarousel({
				loop: true,
				autoplay: true,
			});

			Fancybox.bind("[data-fancybox]", {});
		});
	</script>
@append