@extends('layouts.app')

@section('content')
<!-- slider-area -->
<section id="home" class="slider-area bg-shape home-two" style="background:linear-gradient( rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5)100%),url({{ asset('banner_batu.png') }});min-height: 250px;">
	<div class="hero-area-wrap home-three-hero">
			<div class="slider-active">
					<div class="single-slider home-two-slider home-three-slider">
							<div class="container">
									<div class="row">
											<div class="col-lg-12">
													<div class="slider-content text-center" style="padding-top: 0px;">
															<h1 data-animation="fadeInLeft" data-delay=".2s">Contact</h1>
													</div>
											</div>
									</div>
							</div>
					</div>
			</div>
	</div>
</section>
<!-- slider-area-end -->

<!-- contact-area -->
<section class="features-area pt-150 pb-115">
	<div class="container">
			<div class="row">
					<div class="col-xl-4 col-lg-4 col-md-6 text-center wow fadeIn" data-wow-delay="0.2s">
							<div class="features-wrap mb-30">
									<div class="features-icon">
											<img style="width: 120px;" src="{{ asset('xavi/img/icon/email.png') }}" alt="">
									</div>
									<div class="features-content">
											<h2>Email</h2>
											<p>{{ @$kontak->email }}</p>
									</div>
							</div>
					</div>
					<div class="col-xl-4 col-lg-4 col-md-6 text-center wow fadeIn" data-wow-delay="0.4s">
							<div class="features-wrap mb-30">
									<div class="features-icon">
											<img style="width: 120px;" src="{{ asset('xavi/img/icon/telephone.png') }}" alt="">
									</div>
									<div class="features-content">
											<h2>Telephone</h2>
											<p>{{ @$kontak->telephone }}</p>
									</div>
							</div>
					</div>
					<div class="col-xl-4 col-lg-4 col-md-6 text-center wow fadeIn" data-wow-delay="0.6s">
							<div class="features-wrap mb-30">
									<div class="features-icon">
											<img style="width: 120px;" src="{{ asset('xavi/img/icon/location.png') }}" alt="">
									</div>
									<div class="features-content">
											<h2>Location</h2>
											<p>{{ @$kontak->location }}</p>
									</div>
							</div>
					</div>
			</div>
	</div>
</section>
<!-- contact-area-end -->
@endsection