@extends('layouts.public')

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

@section('content')
<div class="rs-breadcrumbs">
	<div class="breadcrumbs-image">
		<img src="/images/breadcrumbs/portfolio-item.jpg" alt="Zona Plus agencija za digitalni marketing - Zadar">
		<div class="breadcrumbs-inner">
			<div class="container">
				<div class="breadcrumbs-text">
					<h1 class="breadcrumbs-title">Otium Yachts</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.portfolio')}}">{!!trans('navigation.references')!!}</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>                
</div>

<div id="services-single" class="services-single sec-spacer3">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-lg-6">
				<div class="left-side">
					<div class="col-title">
						<h3 class="title">{!!trans('global.portfolio2.section1.title')!!}</h3>
						<div class="desc">
							<p>{!!trans('global.portfolio2.section1.text')!!}</p>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-6 mpt-40">
				<div class="right-side">
					<img src="/images/portfolio/otium-yachts-1.jpg" alt="Otium Yachts - Reference - 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-12">
				<div class="right-part secondary-bg">
					<div class="sec-title text-center">
						<h2 class="title white-color">{!!trans('global.portfolio2.section2.title')!!}</h2>
					</div>
					<div class="row text-center">
						<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.portfolio2.section2.item1.title')!!}</h4>
								<p class="desc white-color">{!!trans('global.portfolio2.section2.item1.text')!!}</p>
							</div>
						</div>
						<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.portfolio2.section2.item2.title')!!}</h4>
								<p class="desc white-color">{!!trans('global.portfolio2.section2.item2.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.portfolio2.section2.item3.title')!!}</h4>
								<p class="desc white-color">{!!trans('global.portfolio2.section2.item3.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.portfolio2.section2.item4.title')!!}</h4>
								<p class="desc white-color">{!!trans('global.portfolio2.section2.item4.text')!!}</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div id="services-single" class="services-single sec-spacer3">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-lg-6">
				<div class="left-side">
					<div class="col-title">
						<h3 class="title">{!!trans('global.portfolio2.section3.title')!!}</h3>
						<div class="desc">
							<p>{!!trans('global.portfolio2.section3.text')!!}</p>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-6 mpt-40">
				<div class="right-side">
					<img src="/images/portfolio/otium-yachts-2.jpg" alt="Otium Yachts - Reference - Zona Plus agencija za digitalni marketing - Zadar">
				</div>
			</div>
		</div>
	</div>
</div>
@include('include.portfolio-cta')
@endsection