@extends('layouts.public')

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

@section('content')
<div class="rs-breadcrumbs">
	<div class="breadcrumbs-image">
		<img src="/images/breadcrumbs/education.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.education')!!}</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.education.section1-title')!!}</h2>
				<h3>{!!trans('global.education.section1-subtitle')!!}</h3>
				<div class="desc">
					{!!trans('global.education.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.education.section1-list-title')!!}</h3>
						<div class="desc">
							{!!trans('global.education.section1-list-text')!!}
						</div>
					</div>
					{!!trans('global.education.section1-list')!!}
				</div>
			</div>
			<div class="col-lg-6 mpt-40">
				<div class="right-side">
					<img src="/images/services/prakticna-radionica.jpg" alt="Edukacija djelatnika - 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.education.cta1-title')!!}</h2>
					<div class="title-desc white-color left-line primary">
						{!!trans('global.education.cta1-subtitle')!!}
					</div>
				</div>
			</div>
			<div class="col-lg-4 col-md-4 col-sm-12">
				<div class="btn-cta">
					<a class="readon" target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLSdL0mhPcmslgicDR9Enn0XXBrsGaGBMbnOI6LfYG1tUc3fEPQ/viewform">{!!trans('global.education.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.education.section2-title')!!}</h2>
				<div class="desc">
					{!!trans('global.education.section2-text')!!}
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-6">
				<div class="right-side">
					<img src="/images/services/inhouse-seminari.jpg" alt="Edukacija djelatnika - 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.education.section2-list-title')!!}</h3>
						<div class="desc">
							{!!trans('global.education.section2-list-text')!!}						
						</div>
					</div>
					{!!trans('global.education.section2-list')!!}
				</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.education.section3-title')!!}</h2>
						<div class="desc white-color">{!!trans('global.education.section2-list-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.education.section3-box1-title')!!}</h4>
								<p class="desc white-color">{!!trans('global.education.section3-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.education.section3-box2-title')!!}</h4>
								<p class="desc white-color">{!!trans('global.education.section3-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.education.section3-box3-title')!!}</h4>
								<p class="desc white-color">{!!trans('global.education.section3-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.education.section3-box4-title')!!}</h4>
								<p class="desc white-color">{!!trans('global.education.section3-box4-text')!!}</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

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

@endsection