@extends('frontend.home')
@section('content')
    <style>
        .block-shadow{
            -webkit-box-shadow: 0 10px 30px 0 rgba(50,50,50,.16);
            box-shadow: 0 10px 30px 0 rgba(50,50,50,.16);

            -webkit-transition: all 0.5s linear;
            -moz-transition: all 0.5s linear;
            -ms-transition: all 0.5s linear;
            -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
        }
        /* 1.4 button rounded */
        .radius-md{
            border-radius:6px;
            -webkit-border-radius:6px;
            -moz-border-radius:6px;
        }
        .wt-box,
        .wt-info,
        .wt-tilte,
        .wt-tilte-inner {
            position:relative;
        }
        .m-b30 {
            margin-bottom: 30px;
        }
        .overflow-hide {
            overflow: hidden;
        }
        .wt-img-effect {
            position: relative;
            overflow: hidden;
            display: block;
        }
        .wt-img-effect {
            position: relative;
            overflow: hidden;
            display: block;
        }
        .wt-img-overlay1, .wt-img-overlay2, .wt-img-overlay3, .wt-img-overlay4, .wt-img-overlay5, .wt-img-overlay6, .wt-img-overlay7, .wt-img-overlay8, .wt-img-overlay9 {
            position: relative;
        }
        .wt-img-overlay2:before {
            width: 100%;
            height: 100%;
            opacity: 0;
            background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
            background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
            background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
        }
        .wt-img-overlay1:before, .wt-img-overlay1:after, .wt-img-overlay2:before, .wt-img-overlay2:after, .wt-img-overlay3:before, .wt-img-overlay3:after, .wt-img-overlay4:before, .wt-img-overlay4:after, .wt-img-overlay5:before, .wt-img-overlay5:after, .wt-img-overlay6:before, .wt-img-overlay6:after, .wt-img-overlay7:before, .wt-img-overlay7:after, .wt-img-overlay8:before, .wt-img-overlay8:after, .wt-img-overlay9:before, .wt-img-overlay9:after {
            content: "";
            background: #000;
            position: absolute;
            left: 0;
            top: 0;
            width: 0;
            height: 0;
            opacity: 0.4;
            z-index: 1;
            -webkit-transition: all 0.3s linear;
            -moz-transition: all 0.3s linear;
            -ms-transition: all 0.3s linear;
            -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
        }
        .wt-icon-box-wraper {
            position: relative;
        }
        .bg-white {
            background-color: #FFF;
        }
        .p-a20 {
            padding: 20px;
        }
        .wt-img-overlay2:hover:before, .wt-box:hover .wt-img-overlay2:before {
            opacity: 0.9;
        }
        .wt-img-overlay2:before {
            width: 100%;
            height: 100%;
            opacity: 0;
            background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
            background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
            background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
        }
        .wt-img-overlay1:before, .wt-img-overlay1:after, .wt-img-overlay2:before, .wt-img-overlay2:after, .wt-img-overlay3:before, .wt-img-overlay3:after, .wt-img-overlay4:before, .wt-img-overlay4:after, .wt-img-overlay5:before, .wt-img-overlay5:after, .wt-img-overlay6:before, .wt-img-overlay6:after, .wt-img-overlay7:before, .wt-img-overlay7:after, .wt-img-overlay8:before, .wt-img-overlay8:after, .wt-img-overlay9:before, .wt-img-overlay9:after {
            content: "";
            background: #000;
            position: absolute;
            left: 0;
            top: 0;
            width: 0;
            height: 0;
            opacity: 0.4;
            z-index: 1;
            -webkit-transition: all 0.3s linear;
            -moz-transition: all 0.3s linear;
            -ms-transition: all 0.3s linear;
            -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
        }
        .wt-img-effect img {
            display: block;
            margin: 0;
            width: 100%;
            height: auto;
            box-shadow: 0 0 0 rgba(0,0,0,0);
            -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
            -moz-box-shadow: 0 0 0 rgba(0,0,0,0);
            transition: all 0.25s;
            -moz-transition: all 0.25s;
            -webkit-transition: all 0.25s;
            -o-transition: all 0.25s;
        }
    </style>
    <!--Page Title-->
    <section class="page-title">
        <div class="auto-container">
            <h2>Partners</h2>
        </div>
    </section>
    <!--End Page Title-->
    <div id="faq" style="margin-top: 130px;background-color: whitesmoke">

        <div class="container">
            <div class="section--title">
                <div class="row">
                    <div class="col-md-6">
                        <h2>Business Meets<span> Smiles</span></h2>
                    </div>
                    <div class="col-md-6">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="section-content">
                    <div class="row">

                        <!-- COLUMNS 1 -->
                        <div class="col-md-4 col-sm-4 col-xs-6 col-xs-100pc">
                            <div class="wt-box block-shadow m-b30 radius-md overflow-hide">
                                <div class="wt-media wt-img-effect wt-img-overlay2">
                                    <a href="{{url('/locatepartners')}}"><img src="{{asset('img/pic5.jpg')}}" alt=""></a>
                                </div>
                                <div class="wt-icon-box-wraper  p-a20 left bg-white">
                                    <div class="icon-content bdr-4 bdr-left bdr-primary  p-l20">
                                        <h4 class="wt-tilte text-uppercase m-b5"><a href="{{url('/locatepartners')}}">Locate a Partner</a></h4>
                                        {{--<p>Lorem Ipsum is simply dummy text.</p>--}}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- COLUMNS 2 -->
                        <div class="col-md-4 col-sm-4 col-xs-6 col-xs-100pc">
                            <div class="wt-box block-shadow m-b30 radius-md overflow-hide">
                                <div class="wt-media wt-img-effect wt-img-overlay2">
                                    <a href="#"><img src="{{asset('img/pic7.jpg')}}" alt=""></a>
                                </div>
                                <div class="wt-icon-box-wraper  p-a20 left bg-white">
                                    <div class="icon-content bdr-4 bdr-left bdr-primary  p-l20">
                                        <h4 class="wt-tilte text-uppercase m-b5"><a href="#">Become a Partner</a></h4>
                                        {{--<p>Lorem Ipsum is simply dummy text.</p>--}}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- COLUMNS 3 -->
                        <div class="col-md-4 col-sm-4 col-xs-12">
                            <div class="wt-box block-shadow m-b30 radius-md overflow-hide">
                                <div class="wt-media wt-img-effect wt-img-overlay2">
                                    <a href="#"><img src="{{asset('img/pic4.jpg')}}" alt=""></a>
                                </div>
                                <div class="wt-icon-box-wraper  p-a20 left bg-white ">
                                    <div class="icon-content bdr-4 bdr-left bdr-primary  p-l20">
                                        <h4 class="wt-tilte text-uppercase m-b5"><a href="{{url('/login')}}">Login</a></h4>
                                        {{--<p>Lorem Ipsum is simply dummy text.</p>--}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

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