@extends('layouts.public')

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

@section('content')
<div class="rs-breadcrumbs">
	<div class="breadcrumbs-image">
		<img src="/images/breadcrumbs/about-us-3.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.about-us')!!}</h1>
					<ul class="breadcrumbs-subtitle">
						<li><a href="{{route('public.index')}}"><i class="fa fa-home"></i>{!!trans('navigation.index')!!}</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.about-title-1')!!}</h2>
				<div class="desc">
					{!!trans('global.about-text-1')!!}
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-6">
				<div class="left-side">
					<div class="col-title">
						<h3 class="title">{!!trans('global.about-title-2')!!}</h3>
						<div class="desc">
							{!!trans('global.about-text-2')!!}
						</div>
					</div>
					{!!trans('global.about-list-2')!!}
				</div>
			</div>
			<div class="col-lg-6 mpt-40">
				<div class="right-side">
					<img src="/images/about/zona-plus-about-1.jpg" alt="Zona Plus agencija za digitalni marketing - Zadar">
				</div>
			</div>
		</div>
	</div>
</div>
<div id="rs-counter" class="rs-counter bg2 pt-100 pb-94">
	<div class="container">
		<div class="counter-top-area">
			<div class="container">
				<div class="row rs-count">
					<div class="col-lg-3 col-md-6 col-sm-6 wow fadeInUp" data-wow-duration=".3s" data-wow-delay="300ms">
						<div class="rs-counter-list">
							<i class="fa fa-users"></i>
							<h3 class="counter-number">121</h3>                      
							<h4>{!!trans('global.counter-clients')!!}</h4>
						</div>
					</div>
					<div class="col-lg-3 col-md-6 col-sm-6 wow fadeInUp" data-wow-duration=".7s" data-wow-delay="300ms">
						<div class="rs-counter-list">
							<i class="fa fa-comments-o"></i>
							<h3 class="counter-number">250</h3>                      
							<h4>{!!trans('global.counter-profiles')!!}</h4>
						</div>
					</div>
					<div class="col-lg-3 col-md-6 col-sm-6 wow fadeInUp" data-wow-duration=".9s" data-wow-delay="300ms">
						<div class="rs-counter-list">
							<i class="fa fa-pencil-square-o"></i>
							<h3 class="counter-number">4320</h3>                     
							<h4>{!!trans('global.counter-posts')!!}</h4>
						</div>
					</div>
					<div class="col-lg-3 col-md-6 col-sm-6 wow fadeInUp" data-wow-duration="1.2s" data-wow-delay="300ms">
						<div class="rs-counter-list">
							<i class="fa fa-tags"></i>
							<h3 class="counter-number">5423</h3>                       
							<h4 class="last">{!!trans('global.counter-ads')!!}</h4>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="rs-our-skills sec-bg mt-100 mb-100">
	<div class="row rs-vertical-middle">
		<div class="col-lg-6 col-md-12 mb-md-30 padding-0">
			<div class="video-img">
				<!--<a class="popup-videos play-btn" href="https://www.youtube.com/watch?v=aTtgQNHRrW4"><i class="fa fa-play"></i></a>-->
			</div>
		</div>
		<div class="col-lg-6 col-md-12 pl-40 pr-15p col-sm-12">
			<div class="sec-title">
				<h4 class="sub-title left-line primary">{!!trans('global.about-title-3')!!}</h4>
				<h2 class="title">{!!trans('global.about-subtitle-3')!!}</h2>
				<div class="title-desc">
					{!!trans('global.about-text-3')!!}
				</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.cta1-title')!!}</h2>
					<div class="title-desc white-color left-line primary">
						{!!trans('global.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.portfolio')}}">{!!trans('global.cta1-button')!!}</a>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- <div id="rs-team" class="rs-team style-2 pt-100 pb-70">
	<div class="container">
		<div class="sec-title text-center">
			<h4 class="sub-title top-line primary">{!!trans('global.team-title')!!}</h4>
			<h2 class="title">{!!trans('global.team-subtitle')!!}</h2>
		</div>
		<div class="row">
			<div class="col-md-4 offset-md-2 col-sm-6 col-xs-12">
				<div class="single-team">
					<div class="team-img">
						<img src="/images/team/selma.jpg" class="img_team" alt="Zona Plus agencija za digitalni marketing - Zadar">
						<div class="team-social">
							<a target="_blank" href="https://www.facebook.com/selma.cmelik" class="social-icon"><i class="fa fa-facebook"></i></a>
							<a target="_blank" href="https://www.instagram.com/selma_sele_/" class="social-icon"><i class="fa fa-instagram"></i></a>
							<a target="_blank" href="https://www.linkedin.com/in/selmacmelik/" class="social-icon"><i class="fa fa-linkedin"></i></a>
						</div>
					</div>
					<div class="team-item-text">
						<div class="team-details">
							<h3 class="team-name">
								{!!trans('global.team2-name')!!}
							</h3>
							<span class="team-title">{!!trans('global.team2-title')!!}</span>
							<p class="team-text">{!!trans('global.team2-text')!!}</p>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-4 col-sm-6 col-xs-12">
				<div class="single-team">
					<div class="team-img">
						<img src="/images/team/dora.jpg" class="img_team" alt="Zona Plus agencija za digitalni marketing - Zadar">
						<div class="team-social">
							<a target="_blank" href="https://www.facebook.com/dora.percic22" class="social-icon"><i class="fa fa-facebook"></i></a>
							<a target="_blank" href="https://www.instagram.com/dora_2201/" class="social-icon"><i class="fa fa-instagram"></i></a>
							<a target="_blank" href="https://www.linkedin.com/in/dora-per%C4%8Di%C4%87-a85407158/" class="social-icon"><i class="fa fa-linkedin"></i></a>
						</div>
					</div>
					<div class="team-item-text">
						<div class="team-details">
							<h3 class="team-name">
								{!!trans('global.team1-name')!!}
							</h3>
							<span class="team-title">{!!trans('global.team1-title')!!}</span>
							<p class="team-text">{!!trans('global.team1-text')!!}</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div> -->
<section class="rs-creative-service sec-spacer3 pb-94 loaded">
	<div class="container">
		<div class="sec-title text-center">
			<h4 class="sub-title top-line primary">{!!trans('global.work-process.subtitle')!!}</h4>
			<h2 class="title">{!!trans('global.work-process.subtitle')!!}</h2>
			<div class="desc">
				{!!trans('global.work-process.text')!!}
			</div>
		</div>
		<ul class="timeline">
			<li>
				<div class="timeline-badge"><p><strong>1</strong></p></div>
				<div class="timeline-panel timeline-text-right">
					<div class="timeline-heading">
						<h4 class="timeline-title">{!!trans('global.work-process.step1-title')!!}</h4>
					</div>
					<div class="timeline-body">
						<p>{!!trans('global.work-process.step1-text')!!}</p>
					</div>
				</div>
			</li>
			<li class="timeline-inverted">
				<div class="timeline-badge"><p><strong>2</strong></p></div>
				<div class="timeline-panel">
					<div class="timeline-heading">
						<h4 class="timeline-title">{!!trans('global.work-process.step2-title')!!}</h4>
					</div>
					<div class="timeline-body">
						<p>{!!trans('global.work-process.step2-text')!!}</p>
					</div>
				</div>
			</li>
			<li>
				<div class="timeline-badge"><p><strong>3</strong></p></div>
				<div class="timeline-panel timeline-text-right">
					<div class="timeline-heading">
						<h4 class="timeline-title">{!!trans('global.work-process.step3-title')!!}</h4>
					</div>
					<div class="timeline-body">
						<p>{!!trans('global.work-process.step3-text')!!}</p>
					</div>
				</div>
			</li>

			<li class="timeline-inverted">
				<div class="timeline-badge"><p><strong>4</strong></p></div>
				<div class="timeline-panel">
					<div class="timeline-heading">
						<h4 class="timeline-title">{!!trans('global.work-process.step4-title')!!}</h4>
					</div>
					<div class="timeline-body">
						<p>{!!trans('global.work-process.step3-text')!!}</p>
					</div>
				</div>
			</li>
		</ul>
		<div class="timeline-btn"> 
			<a href="{{route('public.contact')}}" class="readon">{!!trans('global.contact-us')!!}</a>
		</div>
		
	</div>
</section>
<div id="rs-testimonial" class="rs-testimonial bg-2 pt-100 pb-100">
	<div class="sec-title text-center">
		<h4 class="sub-title top-line primary">{!!trans('global.testimonials-title')!!}</h4>
		<h2 class="title white-color">{!!trans('global.testimonials-subtitle')!!}</h2>
	</div>
	<div class="rs-carousel owl-carousel dot-none" data-loop="true" data-items="1" data-margin="30" data-autoplay="false" data-autoplay-timeout="7000" data-smart-speed="800" data-dots="true" data-nav="true" data-nav-speed="false" data-mobile-device="1" data-mobile-device-nav="true" data-mobile-device-dots="true" data-ipad-device="1" data-ipad-device-nav="true" data-ipad-device-dots="true" data-ipad-device2="1" data-ipad-device-nav2="true" data-ipad-device-dots2="true" data-md-device="1" data-md-device-nav="true" data-md-device-dots="true">
		
		<div class="customer-item">
			<div class="item-img">
				<img src="/images/testimonial/esm-2.jpg" alt="Zona Plus agencija za digitalni marketing - Zadar">
			</div>
			<div class="item-details">
				<p>{!!trans('global.testimonial7-text')!!}</p>
			</div>
			<div class="item-author">
				<div class="item-name">
					{!!trans('global.testimonial7-name')!!}
				</div>
				<div class="item-designation">{!!trans('global.testimonial7-company')!!}</div>
			</div>
		</div>
		<div class="customer-item">
			<div class="customer-part">
				<div class="item-img">
					<img src="/images/testimonial/asta-testimonials.jpg" alt="Zona Plus agencija za digitalni marketing - Zadar">
				</div>
				<div class="item-details">
					<p>{!!trans('global.testimonial1-text')!!}</p>
				</div>
				<div class="item-author">
					<div class="item-name">
						{!!trans('global.testimonial1-name')!!}
					</div>
					<div class="item-designation">{!!trans('global.testimonial1-company')!!}</div>
				</div>
			</div>
		</div>
		<div class="customer-item">
			<div class="item-img">
				<img src="/images/testimonial/euronautic-testimonials.jpg" alt="Zona Plus agencija za digitalni marketing - Zadar">
			</div>
			<div class="item-details">
				<p>{!!trans('global.testimonial2-text')!!}</p>
			</div>
			<div class="item-author">
				<div class="item-name">
					{!!trans('global.testimonial2-name')!!}
				</div>
				<div class="item-designation">{!!trans('global.testimonial2-company')!!}</div>
			</div>
		</div>
		<div class="customer-item">
			<div class="item-img">
				<img src="/images/testimonial/commodore-testimonials.jpg" alt="Zona Plus agencija za digitalni marketing - Zadar">
			</div>
			<div class="item-details">
				<p>{!!trans('global.testimonial4-text')!!}</p>
			</div>
			<div class="item-author">
				<div class="item-name">
					{!!trans('global.testimonial4-name')!!}
				</div>
				<div class="item-designation">{!!trans('global.testimonial4-company')!!}</div>
			</div>
		</div>
		<div class="customer-item">
			<div class="item-img">
				<img src="/images/testimonial/orvas-testimonials.jpg" alt="Zona Plus agencija za digitalni marketing - Zadar">
			</div>
			<div class="item-details">
				<p>{!!trans('global.testimonial3-text')!!}</p>
			</div>
			<div class="item-author">
				<div class="item-name">
					{!!trans('global.testimonial3-name')!!}
				</div>
				<div class="item-designation">{!!trans('global.testimonial3-company')!!}</div>
			</div>
		</div>
		<div class="customer-item">
			<div class="item-img">
				<img src="/images/testimonial/planer.jpg" alt="Zona Plus agencija za digitalni marketing - Zadar">
			</div>
			<div class="item-details">
				<p>{!!trans('global.testimonial5-text')!!}</p>
			</div>
			<div class="item-author">
				<div class="item-name">
					{!!trans('global.testimonial5-name')!!}
				</div>
				<div class="item-designation">{!!trans('global.testimonial5-company')!!}</div>
			</div>
		</div>
		<div class="customer-item">
			<div class="item-img">
				<img src="/images/testimonial/zara.jpg" alt="Zona Plus agencija za digitalni marketing - Zadar">
			</div>
			<div class="item-details">
				<p>{!!trans('global.testimonial6-text')!!}</p>
			</div>
			<div class="item-author">
				<div class="item-name">
					{!!trans('global.testimonial6-name')!!}
				</div>
				<div class="item-designation">{!!trans('global.testimonial6-company')!!}</div>
			</div>
		</div>
	</div>
</div>
<section id="rs-partner" class="rs-partner pt-70 pb-70">
	<div class="container">
		<div class="rs-carousel owl-carousel" data-loop="true" data-items="3" data-margin="30" data-autoplay="true" data-autoplay-timeout="8000" data-smart-speed="2000" data-dots="false" data-nav="false" data-nav-speed="false" data-mobile-device="2" data-mobile-device-nav="false" data-mobile-device-dots="false" data-ipad-device="3" data-ipad-device-nav="false" data-ipad-device-dots="false" data-ipad-device2="2" data-ipad-device-nav2="false" data-ipad-device-dots2="false" data-md-device="3" data-md-device-nav="false" data-md-device-dots="false">
			<div class="partner-item grayscale">
				<img src="/images/partner/orvas-partners.jpg" alt="Zona Plus agencija za digitalni marketing - Zadar">
			</div>
			<div class="partner-item grayscale">
				<img src="/images/partner/asta-partners.jpg" alt="Zona Plus agencija za digitalni marketing - Zadar">
			</div>
			<div class="partner-item grayscale">
				<img src="/images/partner/euronautic-partners.jpg" alt="Zona Plus agencija za digitalni marketing - Zadar">
			</div>
			<div class="partner-item grayscale">
				<img src="/images/partner/commodore-partners.jpg" alt="Zona Plus agencija za digitalni marketing - Zadar">
			</div>
			<div class="partner-item grayscale">
				<img src="/images/partner/adriatic-partners.jpg" alt="Zona Plus agencija za digitalni marketing - Zadar">
			</div>
			<div class="partner-item grayscale">
				<img src="/images/partner/bruneko-partners.jpg" alt="Zona Plus agencija za digitalni marketing - Zadar">
			</div>
			<div class="partner-item grayscale">
				<img src="/images/partner/planer-partners.jpg" alt="Zona Plus agencija za digitalni marketing - Zadar">
			</div>
			<div class="partner-item grayscale">
				<img src="/images/partner/zara-partners.jpg" alt="Zona Plus agencija za digitalni marketing - Zadar">
			</div>
			<div class="partner-item grayscale">
				<img src="/images/partner/esm-partners.jpg" alt="Zona Plus agencija za digitalni marketing - Zadar">
			</div>
		</div> 
	</div>
</section>

@endsection