@extends('site.master')

@section('content')
<div class="bg-dark py-3">
				<div class="container">
					<div class="row">
						<div class="colxl-12 col-lg-12 col-md-12">
							<nav aria-label="breadcrumb">
								<ol class="breadcrumb">
									<li class="breadcrumb-item"><a href="{{URL::to('')}}" class="text-light">Ana Sayfa</a></li>
									<li class="breadcrumb-item active theme-cl" aria-current="page">İletişim</li>
								</ol>
							</nav>
						</div>
					</div>
				</div>
			</div>

      <section class="gray">
      				<div class="container">

      					<div class="row justify-content-center mb-5">
      						<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
      							<div class="sec_title position-relative text-center">
      								<h2 class="off_title">İletişim</h2>
      							</div>
      						</div>
      					</div>

      					<div class="row align-items-start justify-content-center">

      						<div class="col-xl-10 col-lg-11 col-md-12 col-sm-12">
      							<form class="row submit-form py-4 px-3 rounded bg-white mb-4">

      								<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
      									<div class="form-group">
      										<label class="small text-dark ft-medium">Adınız ve Soyadınız *</label>
      										<input type="text" class="form-control" placeholder="Adınız ve Soyadınız">
      									</div>
      								</div>

      								<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
      									<div class="form-group">
      										<label class="small text-dark ft-medium">E-Posta Adresiniz *</label>
      										<input type="text" class="form-control" placeholder="E-Posta Adresiniz">
      									</div>
      								</div>
      								<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
      									<div class="form-group">
      										<label class="small text-dark ft-medium">Telefon Numaranız</label>
      										<input type="text" class="form-control" placeholder="05461112233">
      									</div>
      								</div>
      								<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
      									<div class="form-group">
      										<label class="small text-dark ft-medium">Konu</label>
      										<input type="text" class="form-control" placeholder="Konu">
      									</div>
      								</div>

      								<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
      									<div class="form-group">
      										<label class="small text-dark ft-medium">Mesajınız</label>
      										<textarea class="form-control ht-80">Mesajınızı buraya yazabilirsiniz...</textarea>
      									</div>
      								</div>

      								<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
      									<div class="form-group">
      										<button type="button" class="btn theme-bg text-light">Gönder</button>
      									</div>
      								</div>

      							</form>
      						</div>

      						<div class="col-xl-10 col-lg-11 col-md-12 col-sm-12">
      							<div class="row">
      								<div class="col-xl-4 col-lg-4 col-md-12">
      									<div class="bg-white rounded p-3 mb-2">
      										<h4 class="ft-medium mb-3 theme-cl">Adresimiz:</h4>
      										<p>{{setting('site.adres')}}</p>
      									</div>
      								</div>
      								<div class="col-xl-4 col-lg-4 col-md-12">
      									<div class="bg-white rounded p-3 mb-2">
      										<h4 class="ft-medium mb-3 theme-cl">Bizi Arayın:</h4>
      										<p class="mb-2">{{setting('site.sabit_tel')}}<br> {{setting('site.cep_tel')}}</p>
      									</div>
      								</div>
      								<div class="col-xl-4 col-lg-4 col-md-12">
      									<div class="bg-white rounded p-3 mb-2">
      										<h4 class="ft-medium mb-3 theme-cl">Mail Gönderin:</h4>
      										<p>Bize 7 gün 24 saat mail gönderebilirsiniz.</p>
      										<p class="lh-1 text-dark">{{setting('site.eposta')}}</p>
      									</div>
      								</div>
      							</div>
      						</div>

      					</div>
      				</div>
      			</section>
@endsection