@extends('website.layout.app')
@extends('website.layout.about-header')
@section('content')   


          
    <section class="about-second-section"  data-aos="fade-up"
    data-aos-anchor-placement="top-bottom"  data-aos-delay="300">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-12 col-12">
                    <div class="sub-heading">
                        <h2>variations of passages of Lorem Ipsum available</h2>
                        <p>
                            At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
                             no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
                              amet, consetetur sadipscing elitr 
                        </p>
                        <p>
                            At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
                             no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
                              amet, consetetur sadipscing elitr 
                        </p>
                        <p>
                            At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
                             no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
                              amet, consetetur sadipscing elitr 
                        </p>
                    </div>
                </div>
                <div class="col-lg-6 col-md-12 col-12 d-flex justify-content-center">
                    <img src="{{asset('website/images/about-image.png')}}" width="100%" class="img-fluid">
                </div>
            </div>
        </div>
    </section>
    <section class="about-third-section"  data-aos="fade-up"
    data-aos-anchor-placement="top-bottom"  data-aos-delay="300">
        <div class="container">
            <div class="row">
            
             <div class="col-lg-4 col-md-12 col-12">
                <div class="third-section-box">
                    <i class="fa fa-thumbs-up" aria-hidden="true"></i>
                    <h5>Why Choose Us</h5>
                    <p>
                        At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
                         no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
                         
                    </p>
                </div>
             </div>
             <div class="col-lg-4 col-md-12 col-12">
                <div class="third-section-box">
                    <i class="fa fa-eye" aria-hidden="true"></i>
                    <h5>Our Vision</h5>
                    <p>
                        At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
                         no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
                         
                    </p>
                </div>
             </div>
             <div class="col-lg-4 col-md-12 col-12">
                <div class="third-section-box">
                    <i class="fa fa-thumbs-up" aria-hidden="true"></i>
                    <h5>Our Mission</h5>
                    <p>
                        At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
                         no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
                         
                    </p>
                </div>
             </div>
            
            </div>
        </div>
    </section>
   
    <!--End-->
   <!--Footer Section-->
  @endsection