@extends('frontend.layouts.app')


@section('content')

<!-- Content Wrapper -->

<article class="about-page">
    <!-- Breadcrumb -->
    <section class="theme-breadcrumb pad-50">
        <div class="theme-container container ">
            <div class="row pb-100"></div>
            <div class="row pb-50"></div>
            <div class="row">
                <div class="col-sm-8 pull-left">
                    <div class="title-wrap">
                        <h2 class="section-title no-margin">{{$ad->page_title}}</h2>
                        <p class="fs-16 no-margin">Know about us more</p>
                    </div>
                </div>
                <div class="col-sm-4">
                    <ol class="breadcrumb-menubar list-inline">
                        <li><a href="{{ route('frontend.index') }}" class="gray-clr">Home</a></li>
                        <li class="active">About</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>
    <!-- /.Breadcrumb -->
{{--{{dd($ad->description)}}--}}
    <!-- About Us -->
    <section class="pad-50 about-wrap">
        <span class="bg-text"> About </span>
        <div class="theme-container container">
            <div class="row">
                <div class="col-md-6">
                    <div class="about-us pt-10">
                        <p class="fs-16 wow fadeInUp" data-wow-offset="50" data-wow-delay=".25s">
                            {!!$ad->description!!}
                        </p>
                        <ul class="feature">
                            <li>
                                <img alt="" src="{{asset('style/img/icon-2.png')}}" class="wow fadeInUp" data-wow-offset="50" data-wow-delay=".20s" />
                                <div class="feature-content wow rotateInDownRight" data-wow-offset="50" data-wow-delay=".30s">
                                    <h2 class="title-1">Fast delivery</h2>
                                    <p>Duis autem vel eum iriure dolor</p>
                                </div>
                            </li>
                            <li>
                                <img alt="" src="{{asset('style/img/icon-3.png')}}" class="wow fadeInUp" data-wow-offset="50" data-wow-delay=".20s" />
                                <div class="feature-content wow rotateInDownRight" data-wow-offset="50" data-wow-delay=".30s">
                                    <h2 class="title-1">secured service</h2>
                                    <p>Duis autem vel eum iriure dolor in hendrerit</p>
                                </div>
                            </li>
                            <li>
                                <img alt="" src="{{asset('style/img/icon-4.png')}}" class="wow fadeInUp" data-wow-offset="50" data-wow-delay=".20s" />
                                <div class="feature-content wow rotateInDownRight" data-wow-offset="50" data-wow-delay=".30s">
                                    <h2 class="title-1">worldwide shipping</h2>
                                    <p>Eum iriure dolor in hendrerit in vulputa</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-6 text-center">
                    <img alt="" src="{{asset('style/img/about-img.png')}}" class="effect animated fadeInRight" />
                </div>
            </div>
        </div>
    </section>
    <!-- /.About Us -->

    <!-- More About Us -->
    <section class="pad-30 more-about-wrap">
        <div class="theme-container container pb-100">
            <div class="row">
                <div class="more-about clrbg-before">
                    <h2 class="title-1">what we do</h2>
                    <div class="pad-10"></div>
                    {!! $adout_we_do->description !!}
                </div>
                <div class="more-about clrbg-before">
                    <h2 class="title-1">Our History</h2>
                    <div class="pad-10"></div>
                    {!! $adout_our_history->description !!}
                </div>
                <div class="more-about clrbg-before">
                    <h2 class="title-1">our mission</h2>
                    <div class="pad-20"></div>
                    {!! $adout_our_mission->description !!}
                </div>
            </div>
        </div>
    </section>
    <!-- /.More About Us -->
</article>
@include('frontend.includes.model.login_popup')

    @endsection