@extends('layouts.public')

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

@section('content')
<div class="rs-breadcrumbs">
	<div class="breadcrumbs-image">
		<img src="/images/breadcrumbs/advertising.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.advertising')}}</h1>
					<ul class="breadcrumbs-subtitle">
						<li><a href="{{route('public.index')}}"><i class="fa fa-home"></i>{{trans('navigation.index')}}</a></li>
						<li><a href="{{route('public.services')}}">{{trans('navigation.services')}}</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>                
</div>

<div id="services-single" class="services-single sec-spacer3">
	<div class="container">
		<div class="top-side">
			<div class="sec-title">
				<h2 class="title">{!!trans('global.advertising.section1-title')!!}</h2>
				<div class="desc">
					{!!trans('global.advertising.section1-text')!!}
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-6">
				<div class="left-side">
					<div class="col-title">
						<h3 class="title">{!!trans('global.advertising.section1-list-title')!!}</h3>
						<div class="desc">
						</div>
					</div>
					{!!trans('global.advertising.section1-list')!!}
				</div>
			</div>
			<div class="col-lg-6 mpt-40">
				<div class="right-side">
					<img src="/images/services/google-oglasavanje.jpg" alt="Internet oglašavanje - Zona Plus agencija za digitalni marketing - Zadar">
				</div>
			</div>
		</div>
	</div>
</div>

<div id="rs-cta" class="rs-cta bg-2 pt-100 pb-100">
	<div class="container">
		<div class="row rs-vertical-middle">
			<div class="col-lg-8 col-md-8 col-sm-12 mb-sm-30">
				<div class="sec-title margin-0">
					<h2 class="title white-color">{!!trans('global.advertising.cta1-title')!!}</h2>
					<div class="title-desc white-color left-line primary">
						{!!trans('global.advertising.cta1-subtitle')!!}
					</div>
				</div>
			</div>
			<div class="col-lg-4 col-md-4 col-sm-12">
				<div class="btn-cta">
					<a class="readon" href="{{route('public.contact')}}">{!!trans('global.advertising.cta1-button')!!}</a>
				</div>
			</div>
		</div>
	</div>
</div>

<div id="services-single" class="services-single sec-spacer3">
	<div class="container">
		<div class="top-side">
			<div class="sec-title">
				<h2 class="title">{!!trans('global.advertising.section2-title')!!}</h2>
				<div class="desc">
					{!!trans('global.advertising.section2-text')!!}
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-6">
				<div class="right-side">
					<img src="/images/services/oglasavanje-na-drustvenim-mrezama.jpg" alt="Internet oglašavanje - Zona Plus agencija za digitalni marketing - Zadar">
				</div>
			</div>
			<div class="col-lg-6 mpt-40">
				<div class="left-side">
					<div class="col-title">
						<h3 class="title">{!!trans('global.advertising.section2-list-title')!!}</h3>
						<div class="desc">
						</div>
					</div>
					{!!trans('global.advertising.section2-list')!!}
				</div>
			</div>
		</div>
	</div>
</div>

<div id="rs-cta2" class="rs-cta bg-3 pt-100 pb-100">
	<div class="container">
		<div class="row rs-vertical-middle">
			<div class="col-lg-8 col-md-8 col-sm-12 mb-sm-30">
				<div class="sec-title margin-0">
					<h2 class="title white-color">{!!trans('global.advertising.cta2-title')!!}</h2>
					<div class="title-desc white-color left-line primary">
						{!!trans('global.advertising.cta2-subtitle')!!}
					</div>
				</div>
			</div>
			<div class="col-lg-4 col-md-4 col-sm-12">
				<div class="btn-cta">
					<a class="readon" href="{{route('public.contact')}}">{!!trans('global.advertising.cta2-button')!!}</a>
				</div>
			</div>
		</div>
	</div>
</div>

<div id="rs-price-plan" class="rs-price-plan pt-100 pb-100">
	<div class="container">
		<div class="sec-title text-center">
			<h4 class="sub-title top-line primary">{!!trans('global.package-title')!!}</h4>
			<h2 class="title">{!!trans('global.package-subtitle')!!}</h2>
		</div>
		<div class="row">
			<div class="col-lg-4">
				<div class="price-table">
					<div class="top-part">
						<h4 class="title">{!!trans('global.package.basic-title')!!}</h4>
					</div>
					<div class="middle-part">
						{!!trans('global.package.basic-list')!!}
					</div>
					<div class="bottom-part">
						<a class="readon" href="#" data-toggle="modal" data-target="#contactFormModal" data-package="Vođenje društvenih mreža - Basic">{!!trans('global.package.basic-button')!!}</a>
						<br>
						<br>
						{!!trans('global.package.basic-budget')!!}
					</div>
				</div>
			</div>
			<div class="col-lg-4">
				<div class="price-table active">
					<div class="top-part">
						<h4 class="title">{!!trans('global.package.optimum-title')!!}</h4>
					</div>
					<div class="middle-part">
						{!!trans('global.package.optimum-list')!!}
					</div>
					<div class="bottom-part">
						<a class="readon" href="#" data-toggle="modal" data-target="#contactFormModal" data-package="Vođenje društvenih mreža - Optimum">{!!trans('global.package.optimum-button')!!}</a>
						<br>
						<br>
						{!!trans('global.package.optimum-budget')!!}
					</div>
				</div>
			</div>
			<div class="col-lg-4">
				<div class="price-table">
					<div class="top-part">
						<h4 class="title">{!!trans('global.package.premium-title')!!}</h4>
					</div>
					<div class="middle-part">
						{!!trans('global.package.premium-list')!!}
					</div>
					<div class="bottom-part">
						<a class="readon" href="#" data-toggle="modal" data-target="#contactFormModal" data-package="Vođenje društvenih mreža - Premium">{!!trans('global.package.premium-button')!!}</a>
						<br>
						<br>
						{!!trans('global.package.premium-budget')!!}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div id="rs-cta3" class="rs-cta gray-bg pt-100 pb-100">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-lg-8 col-md-12 mb-md-30">
				<div class="sec-title margin-0 text-center-md">
					<h2 class="title secondary-color">{!!trans('global.advertising.cta3-title')!!}</h2>
					<p class="cta-subtitle">{!!trans('global.advertising.cta3-subtitle')!!}</p>
				</div>
			</div>
			<div class="col-lg-4 col-md-12 text-center-md">
				<div class="btn-cta text-right text-center-md">
					<a class="readon" href="{{route('public.contact')}}">{!!trans('global.advertising.cta3-button')!!}</a>
				</div>
			</div>
		</div>
	</div>
</div>

@include('include.modal')

@endsection