@extends('template.master')

@section('content')
<!--==================================
=            Our Feature             =
===================================-->
@foreach ($req as $key => $data)
@if($key == 0)
<section class="feature section pt-5">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <!-- Heading -->
                <div class="section-title">
                    <h2>{{ $data['about_us_title'] }}</h2>
                    <!-- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium quia temporibus ex repudiandae recusandae molestias dignissimos officiis unde aut eveniet.</p> -->
                </div>
                <div class="row">
                    <div class="col-lg-6 ml-auto align-self-top order-2 order-md-1" data-aos="fade-left">
                        <div class="feature-content">
                            <p>{!! $data['about_us_description'] !!}</p>
                        </div>
                    </div>
                    <div class="col-lg-6 mr-auto justify-content-center order-1 order-md-2">
                        <!-- Feature mockup -->
                        <div class="image-content rounded shadow p-5 m-3" data-aos="fade-right">
                            <img class="img-fluid" src="{{ env('ASSET_URL') }}images/feature/feature-new-02.jpg" alt="ipad">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif
@endforeach


<!--==================================
=            Feature Grid            =
===================================-->
@foreach ($req as $key => $data)
@if($key == 1)
<section class="feature section pt-0">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title">
                    <h2>{{ $data['about_us_title'] }}</h2>
                </div>
            </div>
            <div class="col-lg-6 ml-auto justify-content-center">
                <!-- Feature Mockup -->
                <div class="image-content" data-aos="fade-right">
                    <img class="img-fluid" src="{{ env('ASSET_URL') }}images/feature/feature-new-01.jpg" alt="iphone">
                </div>
            </div>
            <div class="col-lg-6 mr-auto align-self-top">
                <div class="feature-content">
                    <p>{!! $data['about_us_description'] !!}</p>
                </div>
            </div>
        </div>
    </div>
</section>
@endif
@endforeach

<!--=================================
    =            Team               =
==================================-->
<section class="service section bg-gray">
    <div class="container-fluid p-0">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title">
                    <h2>Meet Our Team</h2>
                </div>
            </div>
        </div>
        <div class="col-lg-12 align-self-center pr-5 pl-5">
            <div class="row">
                <div class="col-lg-3 mr-auto justify-content-center order-1 order-md-2">
                    <!-- Feature mockup -->
                    <div class="image-content rounded shadow p-2 m-2" data-aos="fade-right">
                        <img class="img-fluid" src="{{ env('ASSET_URL') }}images/feature/feature-new-02.jpg" alt="ipad">
                    </div>
                </div>
                <div class="col-lg-3 mr-auto justify-content-center order-1 order-md-2">
                    <!-- Feature mockup -->
                    <div class="image-content rounded shadow p-2 m-2" data-aos="fade-right">
                        <img class="img-fluid" src="{{ env('ASSET_URL') }}images/feature/feature-new-02.jpg" alt="ipad">
                    </div>
                </div>
                <div class="col-lg-3 mr-auto justify-content-center order-1 order-md-2">
                    <!-- Feature mockup -->
                    <div class="image-content rounded shadow p-2 m-2" data-aos="fade-right">
                        <img class="img-fluid" src="{{ env('ASSET_URL') }}images/feature/feature-new-02.jpg" alt="ipad">
                    </div>
                </div>
                <div class="col-lg-3 mr-auto justify-content-center order-1 order-md-2">
                    <!-- Feature mockup -->
                    <div class="image-content rounded shadow p-2 m-2" data-aos="fade-right">
                        <img class="img-fluid" src="{{ env('ASSET_URL') }}images/feature/feature-new-02.jpg" alt="ipad">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


@include('template.contact_information')

@endsection