@extends('template')

@section('title', 'Pescados y Mariscos')

@section('content')

@foreach (DB::table('contents')->where('id', 4)->get() as $content)     
<div class="container-full banner-servicio" style="background-image:url('{{ $content -> img1 }}');background-color: #494d50;	    
    background-blend-mode: soft-light;" data-stellar-background-ratio="8">
	<div class="container text-center pt80">
		{!! $content -> description !!}  
	</div>
</div>       
@endforeach

@foreach (DB::table('contents')->where('id', 5)->get() as $content)     
<div class="container-full section-lo-mejor">
	<div class="container redux pt80">
		<div class="col-md-6 text-center">
			<h2>Lo mejor del mar a tu alcance</h2>
		</div>
		<div class="col-md-6 text-justify text">
			{!! $content -> description !!}  
		</div>
	</div>
</div>       
@endforeach



<div class="container redux pt80">
	@foreach ($categories as $element)		
		<div class="col-md-6 p10">
			<a href="{{url('')}}/productos/categoria/{{ $element->id }}" style="outline: 0px;">
			<div class="box-categoria" style="background-image:url('{{ $element -> imagen }}');">
				<h2>{{$element->nombre}} <img src="{{asset('img/arrow-white.png')}}" class="ml20"></h2>
			</div>
			</a>
		</div>
	@endforeach
</div>



{{-- <div class="container-full cursos-slider mt100">
    <div class="container redux">
    	@include('partials/cursos', ['cursos' => $cursos])
 	</div> 	
</div>          

<div class="container redux mt100 section-servicios-renovacion" style="background-image:url('{{ $content -> img2 }}');">
	<div class="col-xs-12 col-sm-12 col-md-6 content pt60">
		{!! $content -> description !!}		 
	</div>
</div> --}}





@stop