@extends('layouts.layout')

@section('content')


    <!-- ====== Page Header ====== -->
    <div class="page-header nevy-bg">
        <div class="container">
            <div class="row">
                <div class="col-md-12">                
                    <h2 class="page-title">About</h2>
                    <p class="page-description yellow-color">About your company</p>        
                </div><!-- /.col-md-12 -->
            </div><!-- /.row-->
        </div><!-- /.container-fluid -->           
    </div>
    
    
      <!-- ====== About Main Content ====== --> 
    <div class="about-main-content mr-top-90">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="about-top-content">
                        <!--<div class="row">
                            <div class="col-md-12">
                                <div class="heading-content-three">
                                    <h2 class="title">Why <br />Choose Us</h2>
                                    <h4 class="sub-title">Best offers Information</h4>
                                </div>
                            </div>
                        </div><!-- /.row -->
                        
                                                <div class="row">
                            <div class="col-md-12">
                                <h2 class="extra-big-title"></h2>
                            </div><!-- /.col-md-12 -->
                            <div class="col-md-6">
                                <div class="about-content-left">
                                    <p style="text-align: justify"></p>
                                 </div><!-- /.about-content-left-->
                            </div><!-- /.col-md-5 -->
                            <div class="col-md-6">
                                <img src="https://sys.c-ileasing.com/storage/app/public/uploads/" alt="car-item" />
                            </div><!-- /.col-md-7 -->
                        </div><!-- /.row -->
                    </div><!-- /.top-content -->
                </div><!-- /.col-md-12 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </div><!-- /.about-main-content -->
    
    
    
    
     <!-- ======driver block======= --> 
    <div class="driver-block pd-t-54 pd-btm-72">
        <div class="container">
            <div class="row tb default-margin-bottom yellow-theme">
                <div class="col-md-9 block-title-area tb-cell">
                    <div class="heading-content style-one border">
                        <h3 class="subtitle">Who we are</h3>
                        <h2 class="title">Our Team</h2>
                    </div><!-- /.heading-content-one -->
                </div><!-- /.col-md-10 -->
                <div class="col-md-3 block-navigation-area hidden-xs tb-cell">
                    <div class="pull-right">                    
                        <div class="item-navigation">
                            <a href="#" class="previous-item">
                                <i class="fa fa-angle-left"></i> 
                            </a>

                            <a href="#" class="next-item">
                                <i class="fa fa-angle-right"></i> 
                            </a>
                        </div><!-- /.item-navigation -->

                       <!-- <div class="view-all-item">
                            <a href="#" class="view-all-btn">View all</a>
                        </div><!-- /.view-all-item -->
                    </div><!-- /.pull-right -->
                </div><!-- /.col-md-2 -->
            </div><!-- /.row --> 
            
            

            
            <div class="driver-carousel slider-style-two owl-carousel" data-item="[4,2,2,1]">
                        
                
                
                
            </div><!-- /.driver-carousel -->
        </div><!-- /.container  -->
    </div><!-- /.driver-area -->

        
         

@endsection