@extends('layouts.public')

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

@section('content')
<div class="rs-breadcrumbs">
	<div class="breadcrumbs-image">
		<img src="/images/breadcrumbs/content-marketing.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.content-marketing')!!}</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.content-marketing.section1-title')!!}</h2>
				<div class="desc">{!!trans('global.content-marketing.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.content-marketing.section1-list-title')!!}</h3>
						<div class="desc">{!!trans('global.content-marketing.section1-list-subtitle')!!}</div>
					</div>
					{!!trans('global.content-marketing.section1-list')!!}
					<br>
					<div class="desc">{!!trans('global.content-marketing.section1-list-text')!!}</div>
				</div>
			</div>
			<div class="col-lg-6 mpt-40">
				<div class="right-side">
					<img src="/images/services/sadrzajni-marketing.jpg" alt="Sadržajni marketing - Zona Plus agencija za digitalni marketing - Zadar">
				</div>
			</div>
		</div>
	</div>
</div>

<div id="rs-services" class="rs-services4">
	<div class="services-box">
		<div class="row">
			<div class="col-lg-6 padding-0">
			</div>
			<div class="col-lg-6 padding-0">
				<div class="right-part secondary-bg">
					<div class="sec-title">
						<h2 class="title white-color">{!!trans('global.content-marketing.section2-title')!!}</h2>
						<div class="desc white-color">{!!trans('global.content-marketing.section2-text')!!}</div>
					</div>
					<div class="row">
						<div class="col-md-6 mb-30">
							<div class="service-item">
								<div class="service-icon">
									<i class="flaticon-clock"></i>
								</div>
								<h4 class="title white-color">{!!trans('global.content-marketing.section2-box1-title')!!}</h4>
								<p class="desc white-color">{!!trans('global.content-marketing.section2-box1-text')!!}</p>
							</div>
						</div>
						<div class="col-md-6 mb-30">
							<div class="service-item">
								<div class="service-icon">
									<i class="flaticon-chart"></i>
								</div>
								<h4 class="title white-color">{!!trans('global.content-marketing.section2-box2-title')!!}</h4>
								<p class="desc white-color">{!!trans('global.content-marketing.section2-box2-text')!!}</p>
							</div>
						</div>
						<div class="col-md-6 mb-30">
							<div class="service-item">
								<div class="service-icon">
									<i class="flaticon-profits"></i>
								</div>
								<h4 class="title white-color">{!!trans('global.content-marketing.section2-box3-title')!!}</h4>
								<p class="desc white-color">{!!trans('global.content-marketing.section2-box3-text')!!}</p>
							</div>
						</div>
						<div class="col-md-6 mb-30">
							<div class="service-item">
								<div class="service-icon">
									<i class="flaticon-career"></i>
								</div>
								<h4 class="title white-color">{!!trans('global.content-marketing.section2-box4-title')!!}</h4>
								<p class="desc white-color">{!!trans('global.content-marketing.section2-box4-text')!!}</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div id="rs-cta" 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.content-marketing.cta-title')!!}</h2>
					<p class="cta-subtitle">{!!trans('global.content-marketing.cta-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.content-marketing.cta-button')!!}</a>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection