/home/mip/mip/public/img/credit/datatables/page-facilities.blade.php.tar
home/mip/mip/resources/views/website/page-facilities.blade.php 0000664 00000014154 15152061700 0020470 0 ustar 00 @extends('website.layouts-inner')
@section('page-body')
<div class="inner-header">
<img src="{{ asset('website/images/img-inner-header-facilities.jpg') }}" class="img-responsive" />
</div>
<div class="container">
<div class="row">
<div class="col-sm-4">
@include('website.includes.sidebar')
</div>
<div class="col-sm-8">
<h3>Facilities</h3>
<p>Apart from having its building to accommodate all the facilities of the agency, we are continually upgrading our system to ensure expeditious action on the requests and queries of foreign employers and prospective principals, a 24-hour hotline is dedicated to respond to client heeds and monitor the welfare of our deployed workers.</p>
<div class="row">
<div class="col-sm-6" align="center">
<a class="fancybox" rel="group" href="{{ asset('website/images/facilities/1.jpg') }}"><img src="{{ asset('website/images/facilities/1.jpg') }}" class="img-responsive">
</a>
<h3 class="slider-title" style="padding-top:10px">Hallway</h3>
</div>
<div class="col-sm-6" align="center">
<a class="fancybox" rel="group" href="{{ asset('website/images/facilities/2.jpg') }}"><img src="{{ asset('website/images/facilities/2.jpg') }}" class="img-responsive">
</a>
<h3 class="slider-title" style="padding-top:10px">Briefing Room</h3>
</div>
</div>
<div class="row">
<div class="col-sm-6" align="center">
<a class="fancybox" rel="group" href="{{ asset('website/images/facilities/3.jpg') }}">
<img src="{{ asset('website/images/facilities/3.jpg') }}" class="img-responsive">
</a>
<h3 class="slider-title" style="padding-top:10px">Waiting Area</h3>
</div>
<div class="col-sm-6" align="center">
<a class="fancybox" rel="group" href="{{ asset('website/images/facilities/4.jpg') }}">
<img src="{{ asset('website/images/facilities/4.jpg') }}" class="img-responsive">
</a>
<h3 class="slider-title" style="padding-top:10px">Interview Room</h3>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<a class="fancybox" rel="group" href="{{ asset('website/images/facilities/5.jpg') }}">
<img src="{{ asset('website/images/facilities/5.jpg') }}" class="img-responsive">
</a>
</div>
<div class="col-sm-6">
<a class="fancybox" rel="group" href="{{ asset('website/images/facilities/6.jpg') }}">
<img src="{{ asset('website/images/facilities/6.jpg') }}" class="img-responsive">
</a>
</div>
</div>
<div align="center" style="padding-top:15px">
<h3 class="slider-title">Conference Room</h3>
</div>
<div class="row">
<div class="col-sm-6">
<a class="fancybox" rel="group" href="{{ asset('website/images/facilities/7.jpg') }}">
<img src="{{ asset('website/images/facilities/7.jpg') }}" class="img-responsive">
</a>
</div>
<div class="col-sm-6">
<a class="fancybox" rel="group" href="{{ asset('website/images/facilities/8.jpg') }}">
<img src="{{ asset('website/images/facilities/8.jpg') }}" class="img-responsive">
</a>
</div>
</div>
<div align="center" style="padding-top:15px">
<h3 class="slider-title">The President's Office</h3>
</div>
</div>
</div>
</div>
@section('facilitiesstyle')
<link href="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.min.css" rel="stylesheet">
<!-- Add fancyBox -->
<link rel="stylesheet" href="{{ asset('website/fancybox/source/jquery.fancybox.css?v=2.1.5') }}" type="text/css" media="screen">
<link rel="stylesheet" href="{{ asset('website/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5') }}" type="text/css" media="screen">
<link rel="stylesheet" href="{{ asset('website/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7') }}" type="text/css" media="screen">
@stop
@section('facilitiesscript')
<script src="https://cdnjs.cloudflare.com/ajax/libs/imageviewer/1.0.0/viewer.min.js"></script>
<script>
var $image = $('.img-wrapper');
$image.viewer({
inline: false,
toolbar: false,
navbar: false,
movable: false,
zoomable: true,
scalable: false,
rotatable: false,
title: false,
viewed: function() {
$image.viewer('zoomTo', 0.15);
}
});
// Get the Viewer.js instance after initialized
var viewer = $image.data('viewer');
// View a list of images
$('.img-wrapper').viewer();
</script>
<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="{{ asset('website/fancybox/lib/jquery.mousewheel-3.0.6.pack.js') }}"></script>
<script type="text/javascript" src="{{ asset('website/fancybox/source/jquery.fancybox.pack.js?v=2.1.5') }}"></script>
<!-- Optionally add helpers - button, thumbnail and/or media -->
<script type="text/javascript" src="{{ asset('website/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5') }}"></script>
<script type="text/javascript" src="{{ asset('website/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6') }}"></script>
<script type="text/javascript" src="{{ asset('website/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7') }}"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
@stop
@stop
