@extends('frontend.layouts.app')

@section('title','Aura | Carrer')

@section('content')
	<!-- Page sub-header + Bottom mask style 3 -->
	<div id="page_header" class="page-subheader site-subheader-cst maskcontainer--mask3">
		<div class="bgback"></div>

		<!-- Background -->
		<div class="kl-bg-source">
			<!-- Gradient overlay -->
			<div class="kl-bg-source__overlay" style="background:rgba(0,94,176,1); background: -moz-linear-gradient(left, rgba(0,94,176,1) 0%, rgba(0,202,255,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,94,176,1)), color-stop(100%,rgba(0,202,255,1))); background: -webkit-linear-gradient(left, rgba(0,94,176,1) 0%,rgba(0,202,255,1) 100%); background: -o-linear-gradient(left, rgba(0,94,176,1) 0%,rgba(0,202,255,1) 100%); background: -ms-linear-gradient(left, rgba(0,94,176,1) 0%,rgba(0,202,255,1) 100%); background: linear-gradient(to right, rgba(0,94,176,1) 0%,rgba(0,202,255,1) 100%); ">
			</div>
			<!--/ Gradient overlay -->
		</div>
		<!--/ Background -->


		<!-- Animated Sparkles -->
		<div class="th-sparkles"></div>
		<!--/ Animated Sparkles -->

		<!-- Sub-Header content wrapper -->
		<div class="ph-content-wrap">
			<div class="ph-content-v-center">
				<div class="container">
					<div class="row">
						<div class="col-sm-6">
							<!-- Breadcrumbs -->
							<ul class="breadcrumbs fixclear">
								<li><a href="index.php">Home</a></li>
								<li>CAROUSEL PORTFOLIO</li>
							</ul>
							<!--/ Breadcrumbs -->

							<!-- Current date -->
							<span id="current-date" class="subheader-currentdate">Sep 05, 2016</span>
							<!--/ Current date -->

							<div class="clearfix"></div>
						</div>
						<!--/ col-sm-6 -->
						<div class="col-sm-6">
							<!-- Sub-header titles -->
							<div class="subheader-titles">
								<h2 class="subheader-maintitle">REKRUTMEN</h2>
							</div>
							<!--/ Sub-header titles -->
						</div>
						<!--/ col-sm-6 -->
					</div>
					<!-- end row -->
				</div>
				<!--/ container -->
			</div>
			<!--/ .ph-content-v-center -->
		</div>
		<!--/ Sub-Header content wrapper -->

		<!-- Sub-header Bottom mask style 3 -->
		<div class="kl-bottommask kl-bottommask--mask3">
			<svg width="5000px" height="57px" class="svgmask " viewBox="0 0 5000 57" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
				<defs>
					<filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-mask3">
						<feOffset dx="0" dy="3" in="SourceAlpha" result="shadowOffsetInner1"></feOffset>
						<feGaussianBlur stdDeviation="2" in="shadowOffsetInner1" result="shadowBlurInner1"></feGaussianBlur>
						<feComposite in="shadowBlurInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
						<feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.4 0" in="shadowInnerInner1" type="matrix" result="shadowMatrixInner1"></feColorMatrix>
						<feMerge>
							<feMergeNode in="SourceGraphic"></feMergeNode>
							<feMergeNode in="shadowMatrixInner1"></feMergeNode>
						</feMerge>
					</filter>
				</defs>
				<path d="M9.09383679e-13,57.0005249 L9.09383679e-13,34.0075249 L2418,34.0075249 L2434,34.0075249 C2434,34.0075249 2441.89,33.2585249 2448,31.0245249 C2454.11,28.7905249 2479,11.0005249 2479,11.0005249 L2492,2.00052487 C2492,2.00052487 2495.121,-0.0374751261 2500,0.000524873861 C2505.267,-0.0294751261 2508,2.00052487 2508,2.00052487 L2521,11.0005249 C2521,11.0005249 2545.89,28.7905249 2552,31.0245249 C2558.11,33.2585249 2566,34.0075249 2566,34.0075249 L2582,34.0075249 L5000,34.0075249 L5000,57.0005249 L2500,57.0005249 L1148,57.0005249 L9.09383679e-13,57.0005249 Z" class="bmask-bgfill" filter="url(#filter-mask3)" fill="#f5f5f5"></path>
			</svg>
			<i class="glyphicon glyphicon-chevron-down"></i>
		</div>
		<!--/ Sub-header Bottom mask style 3 -->
	</div>

	<!-- Portfolio carousels section -->
	<section class="hg_section ptop-80">
		<div class="container">
			<div class="row">
				<div class="col-md-12 col-sm-12">
					<!-- Portfolio carousel content -->
					<div class="hg-portfolio-carousel">
						<!-- Portfolio carousel item -->
						<div class="portfolio-item">
							<div class="row">
								<div class="col-sm-6">
									<div class="ptcontent">
										<!-- Title -->
										<h3 class="title pt-content-title">
											<a href="portfolio-item.php">
												<span class="name">Rekrutmen Aura Printing & Publishing</span>
											</a>
										</h3>
										<!--/ Title -->

										<!-- Item description -->
										<div class="pt-cat-desc">
											<p>
												Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged..
											</p>
										</div>
										<!--/ Item description -->

										<!-- Item details -->
										<ul class="portfolio-item-details clearfix">
											<li class="portfolio-item-details-client clearfix">
												<span class="portfolio-item-details-label">CLIENT </span>
												<span class="portfolio-item-details-item">Travis Co.</span>
											</li>
											<li class="portfolio-item-details-year clearfix">
												<span class="portfolio-item-details-label">YEAR </span>
												<span class="portfolio-item-details-item">2016</span>
											</li>
											<li class="portfolio-item-details-services clearfix">
												<span class="portfolio-item-details-label">WE DID </span>
												<span class="portfolio-item-details-item">Design &amp; Wireframing, SEO, Content Management</span>
											</li>
											<li class="portfolio-item-details-partners clearfix">
												<span class="portfolio-item-details-label">PARTNERS </span>
												<span class="portfolio-item-details-item">Patrick Wilson</span>
											</li>
											<li class="portfolio-item-details-cat clearfix">
												<span class="portfolio-item-details-label">CATEGORY </span>
												<span class="portfolio-item-details-item">
														<a href="portfolio-category-1-col.php" rel="tag">Miscellaneous</a> , <a href="portfolio-category-1-col.php" rel="tag">WEB</a>
													</span>
											</li>
										</ul>
										<!--/ Item details -->

										<!-- Link Buttons -->
										<div class="pt-itemlinks itemLinks">
											<a class="btn btn-fullcolor " href="portfolio-item.php">
												SEE MORE </a>
											<a href="#" class="btn btn-lined lined-dark " target="_blank">LIVE PREVIEW</a>
										</div>
										<!--/ Link Buttons -->
									</div>
									<!-- end item content -->
								</div>
								<!--/ col-sm-6 -->

								<div class="col-sm-6">
									<div class="ptcarousel ptcarousel--frames-modern">
										<div class="zn_simple_slider_container">
											<!-- Navigation controls -->
											<div class="th-controls controls">
												<a href="#" class="prev cfs--prev">
													<span class="glyphicon glyphicon-chevron-left icon-white"></span>
												</a>
												<a href="#" class="next cfs--next">
													<span class="glyphicon glyphicon-chevron-right icon-white"></span>
												</a>
											</div>
											<!--/ Navigation controls -->

											<!-- Carousel -->
											<ul class="zn_general_carousel cfs--default">
												<!-- Slide 1 -->
												<li class="item kl-has-overlay cfs--item">
													<!-- Intro image -->
													<div class="img-intro">
														<!-- Pop-up image -->
														<a href="images/frame.jpg" data-type="image" data-lightbox="image"></a>
														<!--/ Pop-up image -->

														<!-- Image -->
														<img src="http://kallyas.themeforest.netdna-cdn.com/images/frame-570x428.jpg" class="img-responsive" alt="" title="" />
														<!--/ Image -->

														<!-- Overlay -->
														<div class="overlay">
															<div class="overlay-inner">
																<span class="glyphicon glyphicon-picture"></span>
															</div>
														</div>
														<!--/ Overlay -->
													</div>
													<!--/ Intro image -->
												</li>
												<!--/ Slide 1 -->
											</ul>
										</div>
										<!--/ zn_simple_slider_container -->
									</div>
									<!-- end ptcarousel -->
								</div>
								<!--/ col-sm-6 -->
							</div>
							<!--/ row -->
						</div>
						<!--/ Portfolio carousel item -->
					</div>
					<!-- end portfolio-carousel -->
				</div>
				<!--/ col-md-12 col-sm-12 -->
			</div>
			<!--/ row -->
		</div>
		<!--/ container -->
	</section>
	<!-- Portfolio carousels section -->
@endsection