@extends('layout.main')

@section('main-section')
        <!-- subheader -->
        <section id="subheader">
            <div class="container-fluid m-5-hor">
                <div class="row">
                    <div class="col-md-12">
                        <h1 class="big-heading">About Us</h1>
                        <p>Varius blandit sit amet</p>
                    </div>
                </div>
            </div>
        </section>
        <!-- subheader end -->

    <!--  top rated --> 
    <section aria-label="top-rated">
        <div class="container-fluid m-5-hor">
            <div class="row">
                <div class="col-md-6 sp-padding ">
                    <img alt="top-rated" class="img-responsive" src="{{ asset('public/storage/'.$data->image) }}">
                </div>
                <div class="col-md-6 p-30">
                    <h3 class="big-heading">About Us</h3>
                    <span class="sub-heading-content">{{ $data->title }}</span>
                    <span class="devider-left"></span>
                    {!! $data->description !!}
                </div>
            </div>
        </div>
    </section>  
    <!--  top rated end --> 


    <!-- testimony --> 
    <section id="testimony" class="color-page no-padding">
        <div class="container-fluid">
            <div class="row">
                <div class="image-container autoheight col-lg-6 pull-right hidden-md hidden-sm hidden-xs onStep" data-animation="fadeInRight" data-time="300"></div> 
                <div class="col-lg-6 col-md-12 autoheight">
                    <div class="p-90">
                        <div id="owl-testimonial" class="owl-carousel owl-theme">
                            @foreach($reviewData as $reviewRow)
                            <div class="item">
                                <blockquote>
                                    <p>{!! $reviewRow->description !!}</p>
                                    <small><cite title="Source Title" class="color">{{ $reviewRow->location }}</cite></small>
                                </blockquote>
                                <img alt="imagetesti" class="tal" src="{{ asset('public/storage/'.$reviewRow->image) }}">
                                <h3>{{ $reviewRow->name }}</h3>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- testimony end -->

@endsection