@extends('layouts.master-voyo')

@section('header')
<link rel="stylesheet" href="{{ URL::asset('site/css/product.css') }}">

@stop

@section('content')
	<!-- Page Header -->
	<header class="titlebar titlebar1">
		<div class="container">
			<div class="row">
				<div class="col-sm-12">
					<h1 class="page-title pull-left">Rewards</h1>
					<ol class="breadcrumb pull-right">
						<li><a href="#">Home</a></li>
						<li class="active">Rewards</li>
					</ol>
				</div>
			</div>
		</div>
	</header> <!-- END Page Header -->

	<section class="section-4">
		<div class="container">
			<div class="row">
				<div class="col-sm-12">
					<h3 class="main-title">My Rewards Memberships</h3>
					<div id="portfolio-isotope">
						<div class="portfolio-container">
							<div class="row">
								<div class="portfolio">
									<div class="col-sm-6 col-md-4 el animated" data-anim="fadeInUp">
										<div class="blog-item">
											<div class="blog-image">
												<img src="{{ URL::asset('voyo/images/p-223.jpg') }}" alt="blog post">
											</div>
											<div class="blog-caption">
												<h3 class="post-title">Rewards Program Name
</h3>
												<div class="sub-post-title">
													<!-- <span>12 June, 2014</span> -->
													<span><i class="fa fa-gift"></i> <a href="#"> Partner Name</a></span>
												</div>
												<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
												<a href="#" class="read-more">Read more</a>
												<a href="#" class="btn voyo-btn pull-right">Redeem</a>
											</div>
										</div>
				                    </div> <!-- END Blog Item -->
				                    <div class="col-sm-6 col-md-4 el animated" data-anim="fadeInUp">
										<div class="blog-item">
											<div class="blog-image">
												<img src="{{ URL::asset('voyo/images/p-230.jpg') }}" alt="blog post">
											</div>
											<div class="blog-caption">
												<h3 class="post-title">Rewards Program Name</h3>
												<div class="sub-post-title">
													<!-- <span>12 June, 2014</span> -->
													<span><i class="fa fa-gift"></i> <a href="#"> Partner Name</a></span>
												</div>
												<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
												<a href="#" class="read-more">Read more</a>
												<a href="#" class="btn voyo-btn pull-right">Redeem</a>
											</div>
										</div>
				                    </div> <!-- END Blog Item -->
				                    <div class="col-sm-6 col-md-4 el animated" data-anim="fadeInUp">
										<div class="blog-item">
											<div class="blog-image">
												<img src="{{ URL::asset('voyo/images/p-224.jpg') }}" alt="blog post">
											</div>
											<div class="blog-caption">
												<h3 class="post-title">Rewards Program Name</h3>
												<div class="sub-post-title">
													<!-- <span>12 June, 2014</span> -->
													<span><i class="fa fa-gift"></i> <a href="#"> by John Doe</a></span>
												</div>
												<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
												<a href="#" class="read-more">Read more</a>
												<a href="#" class="btn voyo-btn pull-right">Redeem</a>
											</div>
										</div>
				                    </div> <!-- END Blog Item -->
								</div> <!-- END portfolio Blog -->
							</div>
						</div> <!-- END portfolio Container -->
					</div> <!-- END Portfolio Isotope -->
					<ul class="pagination">
						<li class="disabled"><a href="#"><i class="fa fa-chevron-left"></i></a></li>
						<li class="active"><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li><a href="#"><i class="fa fa-chevron-right"></i></a></li>
					</ul>
				</div>
			</div>
		</div>
	</section> <!-- END Blog Page-->
	
	<!-- footer links -->
	@include('site.bottom-menu')
	
@stop

@section('footer')
@stop