@extends('app')

@section('content')

        <!-- main-area -->
        <main>

            <!-- breadcrumb-area -->
            <div class="breadcrumb-area breadcrumb-bg" style="background-image:url({{URL::to('storage/'.setting('site.contact_cover_img'))}})">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="breadcrumb-content">
                                <nav aria-label="breadcrumb">
                                    <ol class="breadcrumb">
                                        <li class="dots"></li>
                                        <li class="breadcrumb-item"><a href="#">{{__('site.anasayfa')}}</a></li>
                                        <li class="breadcrumb-item active" aria-current="page">{{__('site.iletisim')}}</li>
                                        <li class="dots2"></li>
                                    </ol>
                                </nav>
                                <h2>{{__('site.iletisim')}}</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- breadcrumb-area-end -->

            <!-- support-area -->
            <div class="support-area support-bg pt-110 pb-120">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-xl-7 col-lg-10">
                            <div class="s-section-title text-center mb-60">
                                <h2>{{__('site.bizeulasin')}}</h2>
                            </div>
                        </div>
                    </div>
                    <div class="row justify-content-center">
                        <div class="col-lg-10">
                            <div class="support-form text-center">
                                <form action="#">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <input type="text" placeholder="{{__('site.adiniz_soyadiniz')}} *">
                                        </div>
                                        <div class="col-md-6">
                                            <input type="text" placeholder="{{__('site.telefon')}} *">
                                        </div>
                                        <div class="col-md-6">
                                            <input type="email" placeholder="{{__('site.eposta')}} *">
                                        </div>
                                        <div class="col-md-6">
                                            <input type="text" placeholder="{{__('site.konu')}}">
                                        </div>
                                    </div>
                                    <textarea name="message" id="message" placeholder="{{__('site.mesajiniz')}}"></textarea>
                                    <button class="btn red-btn">{{__('site.gonder')}}</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- support-area-end -->

            <!-- contact-area -->
            <section class="contact-area primary-bg pt-70 pb-15">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-3 col-sm-6">
                            <div class="single-contact-box mb-50">
                                <div class="contact-icon mb-30">
                                    <img src="{{asset('assets/img')}}/icon/contact_box_icon01.png" alt="img">
                                </div>
                                <div class="contact-content">
                                    <h5>Find Location</h5>
                                    <span>99 NY Address street, Bronk Center Brooklyn</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="single-contact-box mb-50">
                                <div class="contact-icon mb-30">
                                    <img src="{{asset('assets/img')}}/icon/contact_box_icon02.png" alt="img">
                                </div>
                                <div class="contact-content">
                                    <h5>Phone Number</h5>
                                    <span>+1 212-226-3126</span>
                                    <span>+1 212-226-3126</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="single-contact-box mb-50">
                                <div class="contact-icon mb-30">
                                    <img src="{{asset('assets/img')}}/icon/contact_box_icon03.png" alt="img">
                                </div>
                                <div class="contact-content">
                                    <h5>email informing</h5>
                                    <span>@gmail.com</span>
                                    <span></a>@com</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="single-contact-box mb-50">
                                <div class="contact-icon mb-30">
                                    <img src="{{asset('assets/img')}}/icon/contact_box_icon04.png" alt="img">
                                </div>
                                <div class="contact-content">
                                    <h5>email informing</h5>
                                    <span>99 NY Address street, Bronk Center Brooklyn</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- contact-area-end -->


        </main>
        <!-- main-area-end -->

@endsection