@extends('fontend.layouts.app')

@section('body')
	<!-- gallery -->
	<div class="gallery">
		<div class="container">
			<h2 class="heading-agileinfo" data-aos="fade-up">Bộ sưu tập<span>Những khoảnh khắc đẹp nhất</span></h2>
			<div class="gallery-grids">

					<div class="col-md-4 gallery-grid">
						<div class="grid">
							<figure class="effect-apollo">
								<a class="example-image-link">
									<img src="images/1542560636.jpg" alt="" />
									<figcaption>
										<p>Proin vitae luctus dui, sit amet ultricies leo</p>
									</figcaption>
								</a>
							</figure>
						</div>
					</div>
					@foreach($data as $value)
					<div class="col-md-4 gallery-grid">
						<div class="grid">
							<figure class="effect-apollo">
								<a class="example-image-link">
									<img src="{{$value->image}}" />
									<figcaption>
										<p>{{$value->mota}}</p>
									</figcaption>
								</a>
							</figure>
						</div>
					</div>
					@endforeach
					 <div class="container">
            	{{ $data->links( "pagination::bootstrap-4") }}
            		</div>








					<div class="clearfix"> </div>
					<script src="js/lightbox-plus-jquery.min.js"> </script>
			</div>
		</div>
	</div>
	<!-- //gallery -->


<!-- footer-top -->
@endsection