@extends('layouts.master-voyo')

@section('header')
<link rel="stylesheet" href="{{ URL::asset('voyo/inc/font-awesome/css/font-awesome.min.css') }}">

<link rel="stylesheet" href="{{ URL::asset('site/css/product.css') }}">
<link rel="stylesheet" href="{{ URL::asset('site/css/test.css') }}">
<link rel="stylesheet" href="{{ URL::asset('site/css/style.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">Shop Grid</h1>
					<ol class="breadcrumb pull-right">
						<li><a href="#">Home</a></li>
						<li><a href="#">Shop</a></li>
						<li class="active">Grid</li>
					</ol>
				</div>
			</div>
		</div>
	</header>
	<section class="shop-section section-4">
		<div class="container">
			<div class="row">
				<div class="col-sm-12">
					<div class="toolbar-shop">
						<div class="shop-ordering">
							<a href="{{ URL::to('/shop-grid') }}" class="btn btn-default" data-toggle="tooltip" title="Display Grid">
								<i class="fa fa-th-large"></i>
							</a>
							<a href="{{ URL::to('/shop') }}" class="btn btn-default" data-toggle="tooltip" title="Display List">
								<i class="fa fa-th-list"></i>
							</a>
						</div>
						<div class="btn-group shop-ordering">
							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
								Sort by <span class="caret"></span>
							</button>
							<ul class="dropdown-menu" role="menu">
								<li><a href="#">Name</a></li>
								<li><a href="#">Price</a></li>
								<li><a href="#">Sales</a></li>
								<li><a href="#">Rating</a></li>
							</ul>
						</div>
						<div class="shop-ordering">
							<button type="button" class="btn btn-default" data-toggle="tooltip" title="Sort ascending">
								<i class="fa fa-sort-amount-asc"></i>
							</button>
						</div>
						<div class="btn-group shop-ordering hidden-xs">
							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
								Show 10 products <span class="caret"></span>
							</button>
							<ul class="dropdown-menu" role="menu">
								<li><a href="#">Show 10 products</a></li>
								<li><a href="#">Show 15 products</a></li>
								<li><a href="#">Show 20 products</a></li>
								<li><a href="#">Show 25 products</a></li>
							</ul>
						</div>
					</div>
					<div class="row shop-products">
						<div class="col-sm-6 col-md-4 col-lg-3">
							<figure class="shop-product">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/product/canon_power1.jpg')}}" alt="product">
									<span class="shop-offer">20% off</span>
									<div class="shop-actions">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, dolorem?</p>
										<a href="shop_product.html" class="btn voyo-btn see" data-toggle="tooltip" title="See details"><i class="fa fa-search"></i></a>&nbsp;
										<a href="shop_cart.html" class="btn voyo-btn add" data-toggle="tooltip" title="Add to cart"><i class="fa fa-shopping-cart"></i></a>
										<div class="rating-system rate-product pull-center"></div>
									</div>
								</div>
								<figcaption class="shop-description">
									<h4>Iphone 5C Blue</h4>
									<div class="pull-center">
										<del class="shop-price-off">$349</del>
										<ins class="shop-price">$299</ins>
									</div>
								</figcaption>
							</figure>
						</div>
						<div class="col-sm-6 col-md-4 col-lg-3">
							<figure class="shop-product">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/product/osim_usnug_hover.jpg')}}" alt="product">
									<span class="shop-offer">20% off</span>
									<div class="shop-actions">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, dolorem?</p>
										<a href="shop_product.html" class="btn voyo-btn see" data-toggle="tooltip" title="See details"><i class="fa fa-search"></i></a>&nbsp;
										<a href="shop_cart.html" class="btn voyo-btn add" data-toggle="tooltip" title="Add to cart"><i class="fa fa-shopping-cart"></i></a>
										<div class="rating-system rate-product pull-center"></div>
									</div>
								</div>
								<figcaption class="shop-description">
									<h4>Iphone 5C Red</h4>
									<div class="pull-center">
										<del class="shop-price-off">$349</del>
										<ins class="shop-price">$299</ins>
									</div>
								</figcaption>
							</figure>
						</div>
						<div class="col-sm-6 col-md-4 col-lg-3">
							<figure class="shop-product">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/product/osim_usqueeze_hover.jpg')}}" alt="product">
									<div class="shop-actions">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, dolorem?</p>
										<a href="shop_product.html" class="btn voyo-btn see" data-toggle="tooltip" title="See details"><i class="fa fa-search"></i></a>&nbsp;
										<a href="shop_cart.html" class="btn voyo-btn add" data-toggle="tooltip" title="Add to cart"><i class="fa fa-shopping-cart"></i></a>
										<div class="rating-system rate-product pull-center"></div>
									</div>
								</div>
								<figcaption class="shop-description">
									<h4>Iphone 5C Yellow</h4>
									<div class="pull-center">
										<ins class="shop-price">$299</ins>
									</div>
								</figcaption>
							</figure>
						</div>
						<div class="col-sm-6 col-md-4 col-lg-3">
							<figure class="shop-product">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/product/osimushapebodyshaper1_hover.jpg')}}" alt="product">
									<span class="shop-offer">20% off</span>
									<div class="shop-actions">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, dolorem?</p>
										<a href="shop_product.html" class="btn voyo-btn see" data-toggle="tooltip" title="See details"><i class="fa fa-search"></i></a>&nbsp;
										<a href="shop_cart.html" class="btn voyo-btn add" data-toggle="tooltip" title="Add to cart"><i class="fa fa-shopping-cart"></i></a>
										<div class="rating-system rate-product pull-center"></div>
									</div>
								</div>
								<figcaption class="shop-description">
									<h4>Iphone 5C Green</h4>
									<div class="pull-center">
										<del class="shop-price-off">$349</del>
										<ins class="shop-price">$299</ins>
									</div>
								</figcaption>
							</figure>
						</div>
						<div class="col-sm-6 col-md-4 col-lg-3">
							<figure class="shop-product">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/product/osimudivamassagesofafreeosimupixieosimusnoozneckpillow1_hover.jpg')}}" alt="product">
									<div class="shop-actions">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, dolorem?</p>
										<a href="shop_product.html" class="btn voyo-btn see" data-toggle="tooltip" title="See details"><i class="fa fa-search"></i></a>&nbsp;
										<a href="shop_cart.html" class="btn voyo-btn add" data-toggle="tooltip" title="Add to cart"><i class="fa fa-shopping-cart"></i></a>
										<div class="rating-system rate-product pull-center"></div>
									</div>
								</div>
								<figcaption class="shop-description">
									<h4>Iphone 5C Blue</h4>
									<div class="pull-center">
										<del class="shop-price-off">$349</del>
										<ins class="shop-price">$299</ins>
									</div>
								</figcaption>
							</figure>
						</div>
						<div class="col-sm-6 col-md-4 col-lg-3">
							<figure class="shop-product">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/product/osimudivine1.jpg')}}" alt="product">
									<span class="shop-offer">20% off</span>
									<div class="shop-actions">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, dolorem?</p>
										<a href="shop_product.html" class="btn voyo-btn see" data-toggle="tooltip" title="See details"><i class="fa fa-search"></i></a>&nbsp;
										<a href="shop_cart.html" class="btn voyo-btn add" data-toggle="tooltip" title="Add to cart"><i class="fa fa-shopping-cart"></i></a>
										<div class="rating-system rate-product pull-center"></div>
									</div>
								</div>
								<figcaption class="shop-description">
									<h4>Iphone 5C Red</h4>
									<div class="pull-center">
										<del class="shop-price-off">$349</del>
										<ins class="shop-price">$299</ins>
									</div>
								</figcaption>
							</figure>
						</div>
						<div class="col-sm-6 col-md-4 col-lg-3">
							<figure class="shop-product">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/product/canonixus16099only1.jpg')}}" alt="product">
									<div class="shop-actions">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, dolorem?</p>
										<a href="shop_product.html" class="btn voyo-btn see" data-toggle="tooltip" title="See details"><i class="fa fa-search"></i></a>&nbsp;
										<a href="shop_cart.html" class="btn voyo-btn add" data-toggle="tooltip" title="Add to cart"><i class="fa fa-shopping-cart"></i></a>
										<div class="rating-system rate-product pull-center"></div>
									</div>
								</div>
								<figcaption class="shop-description">
									<h4>Iphone 5C Blue</h4>
									<div class="pull-center">
										<ins class="shop-price">$299</ins>
									</div>
								</figcaption>
							</figure>
						</div>
						<div class="col-sm-6 col-md-4 col-lg-3">
							<figure class="shop-product">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/product/osim_ushape_music_body_hover.jpg')}}" alt="product">
									<div class="shop-actions">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, dolorem?</p>
										<a href="shop_product.html" class="btn voyo-btn see" data-toggle="tooltip" title="See details"><i class="fa fa-search"></i></a>&nbsp;
										<a href="shop_cart.html" class="btn voyo-btn add" data-toggle="tooltip" title="Add to cart"><i class="fa fa-shopping-cart"></i></a>
										<div class="rating-system rate-product pull-center"></div>
									</div>
								</div>
								<figcaption class="shop-description">
									<h4>Iphone 5C Yellow</h4>
									<div class="pull-center">
										<ins class="shop-price">$299</ins>
									</div>
								</figcaption>
							</figure>
						</div>
						<div class="col-sm-6 col-md-4 col-lg-3">
							<figure class="shop-product">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/product/osimurelaxbackmassager1_hover.jpg')}}" alt="product">
									<span class="shop-offer">20% off</span>
									<div class="shop-actions">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, dolorem?</p>
										<a href="shop_product.html" class="btn voyo-btn see" data-toggle="tooltip" title="See details"><i class="fa fa-search"></i></a>&nbsp;
										<a href="shop_cart.html" class="btn voyo-btn add" data-toggle="tooltip" title="Add to cart"><i class="fa fa-shopping-cart"></i></a>
										<div class="rating-system rate-product pull-center"></div>
									</div>
								</div>
								<figcaption class="shop-description">
									<h4>Iphone 5C Blue</h4>
									<div class="pull-center">
										<del class="shop-price-off">$349</del>
										<ins class="shop-price">$299</ins>
									</div>
								</figcaption>
							</figure>
						</div>
						<div class="col-sm-6 col-md-4 col-lg-3">
							<figure class="shop-product">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/product/osimusnoozneckpillow1_hover.jpg')}}" alt="product">
									<span class="shop-offer">20% off</span>
									<div class="shop-actions">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, dolorem?</p>
										<a href="shop_product.html" class="btn voyo-btn see" data-toggle="tooltip" title="See details"><i class="fa fa-search"></i></a>&nbsp;
										<a href="shop_cart.html" class="btn voyo-btn add" data-toggle="tooltip" title="Add to cart"><i class="fa fa-shopping-cart"></i></a>
										<div class="rating-system rate-product pull-center"></div>
									</div>
								</div>
								<figcaption class="shop-description">
									<h4>Iphone 5C Red</h4>
									<div class="pull-center">
										<del class="shop-price-off">$349</del>
										<ins class="shop-price">$299</ins>
									</div>
								</figcaption>
							</figure>
						</div>
						<div class="col-sm-6 col-md-4 col-lg-3">
							<figure class="shop-product">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/product/crossing29luggage1.jpg')}}" alt="product">
									<div class="shop-actions">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, dolorem?</p>
										<a href="shop_product.html" class="btn voyo-btn see" data-toggle="tooltip" title="See details"><i class="fa fa-search"></i></a>&nbsp;
										<a href="shop_cart.html" class="btn voyo-btn add" data-toggle="tooltip" title="Add to cart"><i class="fa fa-shopping-cart"></i></a>
										<div class="rating-system rate-product pull-center"></div>
									</div>
								</div>
								<figcaption class="shop-description">
									<h4>Iphone 5C Blue</h4>
									<div class="pull-center">
										<ins class="shop-price">$299</ins>
									</div>
								</figcaption>
							</figure>
						</div>
						<div class="col-sm-6 col-md-4 col-lg-3">
							<figure class="shop-product">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/product/osimupixie1_hover.jpg')}}" alt="product">
									<div class="shop-actions">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, dolorem?</p>
										<a href="shop_product.html" class="btn voyo-btn see" data-toggle="tooltip" title="See details"><i class="fa fa-search"></i></a>&nbsp;
										<a href="shop_cart.html" class="btn voyo-btn add" data-toggle="tooltip" title="Add to cart"><i class="fa fa-shopping-cart"></i></a>
										<div class="rating-system rate-product pull-center"></div>
									</div>
								</div>
								<figcaption class="shop-description">
									<h4>Iphone 5C Blue</h4>
									<div class="pull-center">
										<ins class="shop-price">$299</ins>
									</div>
								</figcaption>
							</figure>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-12">
							<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>
			</div>
		</div>
	</section>

@stop

@section('footer')
@stop