@extends('layouts.public')

@section('title') {{trans('seo.title.services')}} @endsection
@section('description') {{trans('seo.description.services')}} @endsection
@section('image', asset('images/share/services.jpg'))


@section('content')
<div class="rs-breadcrumbs">
	<div class="breadcrumbs-image">
		<img src="/images/breadcrumbs/services.jpg" alt="Zona Plus agencija za digitalni marketing - Zadar">
		<div class="breadcrumbs-inner">
			<div class="container">
				<div class="breadcrumbs-text">
					<h1 class="breadcrumbs-title">{{trans('navigation.services')}}</h1>
					<ul class="breadcrumbs-subtitle">
						<li><a href="{{route('public.index')}}"><i class="fa fa-home"></i>{{trans('navigation.index')}}</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>                
</div>

<div class="rs-creative-service pt-100 pb-70">
	<div class="container">
		<div class="services-part margin-0 padding-0 box-shadow-none">
			<div class="row">
				<div class="col-lg-4 col-md-6 col-sm-12">
					<div class="single-services secondary-bg text-center mb-30 lg-display-none">
						<div class="single-service-icon">
							<i class="flaticon-graphic"></i>
						</div>
						<h4 class="single-service-title"><a href="{{route('public.social-media')}}">{!!trans('global.service1-title')!!}</a></h4>
						<p class="single-service-desc">{!!trans('global.service1-text')!!}</p>
						<div class="single-service-btn">
							<a class="readon2 primary-opacity" href="{{route('public.social-media')}}">
								<i class="flaticon-right-arrow"></i>
							</a>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 col-sm-12">
					<div class="single-services secondary-bg text-center mb-30 lg-display-none">
						<div class="single-service-icon">
							<i class="flaticon-target"></i>
						</div>
						<h4 class="single-service-title"><a href="{{route('public.advertising')}}">{!!trans('global.service2-title')!!}</a></h4>
						<p class="single-service-desc">{!!trans('global.service2-text')!!}</p>
						<div class="single-service-btn">
							<a class="readon2 primary-opacity" href="{{route('public.advertising')}}">
								<i class="flaticon-right-arrow"></i>
							</a>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 col-sm-12">
					<div class="single-services secondary-bg text-center mb-30 lg-display-none">
						<div class="single-service-icon">
							<i class="flaticon-headset"></i>
						</div>
						<h4 class="single-service-title"><a href="{{route('public.education')}}">{!!trans('global.service3-title')!!}</a></h4>
						<p class="single-service-desc">{!!trans('global.service3-text')!!}</p>
						<div class="single-service-btn">
							<a class="readon2 primary-opacity" href="{{route('public.education')}}">
								<i class="flaticon-right-arrow"></i>
							</a>
						</div>
					</div>
				</div>
			</div>			
			<div class="row">
				<div class="col-lg-4 col-md-6 col-sm-12">
					<div class="single-services secondary-bg text-center mb-30 lg-display-none">
						<div class="single-service-icon">
							<i class="flaticon-growth"></i>
						</div>
						<h4 class="single-service-title"><a href="{{route('public.sales')}}">{!!trans('global.service4-title')!!}</a></h4>
						<p class="single-service-desc">{!!trans('global.service4-text')!!}</p>
						<div class="single-service-btn">
							<a class="readon2 primary-opacity" href="{{route('public.sales')}}">
								<i class="flaticon-right-arrow"></i>
							</a>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 col-sm-12">
					<div class="single-services secondary-bg text-center mb-30 lg-display-none">
						<div class="single-service-icon">
							<i class="flaticon-email"></i>
						</div>
						<h4 class="single-service-title"><a href="{{route('public.email')}}">{!!trans('global.service5-title')!!}</a></h4>
						<p class="single-service-desc">{!!trans('global.service5-text')!!}</p>
						<div class="single-service-btn">
							<a class="readon2 primary-opacity" href="{{route('public.email')}}">
								<i class="flaticon-right-arrow"></i>
							</a>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 col-sm-12">
					<div class="single-services secondary-bg text-center mb-30 lg-display-none">
						<div class="single-service-icon">
							<i class="flaticon-pen"></i>
						</div>
						<h4 class="single-service-title"><a href="{{route('public.content')}}">{!!trans('global.service6-title')!!}</a></h4>
						<p class="single-service-desc">{!!trans('global.service6-text')!!}</p>
						<div class="single-service-btn">
							<a class="readon2 primary-opacity" href="{{route('public.content')}}">
								<i class="flaticon-right-arrow"></i>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection