@extends('layouts.public')

@section('title') {{trans('seo.title.about-us')}} @endsection
@section('image', asset('images/apartmani-sostaric-kuca.jpg'))

@section('content')

<section class="banner-tems text-center">
	<div class="container">
		<div class="banner-content">
			<h1>{!!trans('about-us.title')!!}</h1>
			<p>{!!trans('about-us.subtitle')!!}</p>
		</div>
	</div>
</section>

<section class="about about-v2 about-v4">
	<div class="container">
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-10 col-md-offset-1 col-lg-10 col-lg-offset-1">
				<div class="about-centent text-center">
					<p class="about-p">{!!trans('about-us.text1')!!}</p>
				</div>
			</div>
		</div>
	</div>
</section>

<section class="section-about">
	<div class="container">
		<div class="row">
			<div class="wrap-about">
				<div class="about-item">
					<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 no-padding-right">
						<div class="img">
							<img src="/images/apartmani-sostaric-kuca.jpg" alt="Apartmani Šošatić - Sali, Dugi otok" class="img-responsive">
						</div>
					</div>
					<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 no-padding-left">
						<div class="text">
							<div class="desc">
							{!!trans('about-us.text2')!!}</div>
						</div>
					</div>
				</div>

				<div class="about-item about-right">
					<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6  no-padding-left col-lg-push-6 col-md-push-6 ">
						<div class="img">
							<img src="/images/apartmani-sostaric-pogled.jpg" alt="Apartmani Šošatić - Sali, Dugi otok" class="img-responsive">
						</div>
					</div>
					<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 no-padding-right col-lg-pull-6 col-md-pull-6">
						<div class="text">
							<h2 class="heading">{!!trans('about-us.title2')!!}</h2>
							<div class="desc">
							{!!trans('about-us.text3')!!}</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
@endsection