@extends('app')

@section('head')
	@parent
	<title>Afana Brothers Co. - Products</title>
@stop

@section('content')

	<!-- Products -->
	<section class="sec-blog bg0 p-t-145 p-b-52">
		<div class="container">
			<div class="size-a-1 flex-col-c-m p-b-70">
				<div class="txt-center txt-m-201 cl10 how-pos1-parent m-b-14">
					Premium Quality

					<div class="how-pos1">
						<img src="{{ asset('img/icons/symbol-02.png') }}" alt="IMG">
					</div>
				</div>

				<h3 class="txt-center txt-l-101 cl3 respon1">
					View Our Products
				</h3>
			</div>

			<div class="row justify-content-center">
				<div class="col-sm-12 col-md-6 col-lg-4 m-rl-auto-md">
					<div class="p-b-63">
						<a href="blog-single.html" class="wrap-pic-w hov4">
							<img src="img/blog-04.jpg" alt="BLOG">
						</a>
						<div class="size-w-43 how-pos7-parent m-rl-auto js-height">
							<div class="flex-col-c w-full how-pos7 bg0 how-shadow1 p-rl-35 p-b-35 p-t-28 p-rl-15-ssm js-height-child">
								<a href="blog-single.html" class="txt-center txt-m-109 cl3 hov-cl10 trans-04 p-b-6">
									Cattle
								</a>
								<p class="txt-center txt-s-101 cl6">
									We import a variety of cattle breeds.
								</p>
								<div class="flex-w p-t-20">
									<a href="{{ URL::route('product.show', ['category' => 'cattle']) }}" class="flex-c-m txt-s-103 cl6 size-a-2 how-btn1 bo-all-1 bocl11 hov-btn1 trans-04">
										View Products
										<span class="lnr lnr-chevron-right m-l-7"></span>
										<span class="lnr lnr-chevron-right"></span>
									</a>
								</div>
							</div>
						</div>
					</div>
                </div>
                
                <div class="col-sm-12 col-md-6 col-lg-4 m-rl-auto-md">
					<div class="p-b-63">
						<a href="blog-single.html" class="wrap-pic-w hov4">
							<img src="img/blog-05.jpg" alt="BLOG">
						</a>
						<div class="size-w-43 how-pos7-parent m-rl-auto js-height">
							<div class="flex-col-c w-full how-pos7 bg0 how-shadow1 p-rl-35 p-b-35 p-t-28 p-rl-15-ssm js-height-child">
								<a href="blog-single.html" class="txt-center txt-m-109 cl3 hov-cl10 trans-04 p-b-6">
									Sheep
								</a>
								<p class="txt-center txt-s-101 cl6">
									Naturaly raised sheep breeds.
								</p>
								<div class="flex-w p-t-20">
									<a href="{{ URL::route('product.show', ['category' => 'sheep']) }}" class="flex-c-m txt-s-103 cl6 size-a-2 how-btn1 bo-all-1 bocl11 hov-btn1 trans-04">
                                        View Products
										<span class="lnr lnr-chevron-right m-l-7"></span>
										<span class="lnr lnr-chevron-right"></span>
									</a>
								</div>
							</div>
						</div>
					</div>
                </div>
                
                <div class="col-sm-12 col-md-6 col-lg-4 m-rl-auto-md">
					<div class="p-b-63">
						<a href="blog-single.html" class="wrap-pic-w hov4">
							<img src="img/blog-06.jpg" alt="BLOG">
						</a>
						<div class="size-w-43 how-pos7-parent m-rl-auto js-height">
							<div class="flex-col-c w-full how-pos7 bg0 how-shadow1 p-rl-35 p-b-35 p-t-28 p-rl-15-ssm js-height-child">
								<a href="blog-single.html" class="txt-center txt-m-109 cl3 hov-cl10 trans-04 p-b-6">
									Animal Feed
								</a>
								<p class="txt-center txt-s-101 cl6">
									A collection of high quality animal feed.
								</p>
								<div class="flex-w p-t-20">
									<a href="{{ URL::route('product.show', ['category' => 'feed']) }}" class="flex-c-m txt-s-103 cl6 size-a-2 how-btn1 bo-all-1 bocl11 hov-btn1 trans-04">
                                        View Products
										<span class="lnr lnr-chevron-right m-l-7"></span>
										<span class="lnr lnr-chevron-right"></span>
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
	</section>
@stop