@extends('frontend.layouts.app')
@section('content')
<!-- Main Wrapper -->
<main class="wrapper">
    <!-- Content Wrapper -->
    <article>
        <div class="row pb-100"></div>
        <div class="row pb-50"></div>
        <!-- Coming Soon -->
        <section class="banner banner-style2 mask-overlay pt-120 white-clr">
            <div class="container theme-container rel-div">
                <!-- Coming Soon Starts -->
                <div class="countdown-wrap text-center">
                    <a href="{{ route('frontend.index') }}" class="effect animated fadeIn"> <img alt="" src="{{asset('style/img/logo-2.png')}}" /> </a>
                    <h2 class="section-title effect animated fadeIn"> coming soon ! </h2>
                    <p class="fs-16 effect animated fadeInUp"> <i>Please check back again within Some Days as We're Pretty Close</i> </p>
                    <div class="col-md-8 col-md-offset-2 tracking-form effect animated fadeInUp">
                        <div class="row">
                            <form class="">
                                <div class="col-md-7 col-sm-7">
                                    <div class="form-group">
                                        <input type="text" placeholder="Enter your email ID" required="" class="form-control box-shadow">
                                    </div>
                                </div>
                                <div class="col-md-5 col-sm-5">
                                    <div class="form-group">
                                        <button class="btn-1">subscribe</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="pad-30 block-inline">
                        <h2 class="title-1 effect animated fadeInDown">follow us on social</h2>
                        <div class="pb-10"></div>
                        <ul class="social-icons list-inline effect animated fadeInDown">
                            <li> <a href="{{$facebook->value}}" class="fa fa-facebook"></a> </li>
                            <li> <a href="{{$twitter->value}}" class="fa fa-twitter"></a> </li>
                            <li> <a href="{{$google->value}}" class="fa fa-google-plus"></a> </li>
                        </ul>
                        <div class="pad-30"></div>
                    </div>
                </div>
            </div>
        </section>
        <!-- /.Coming Soon -->
    </article>
    <!-- /.Content Wrapper -->
</main>
<!-- / Main Wrapper -->
@endsection