@extends('edufair.layouts.master')
@section('before_css')
    {{--    <link rel="stylesheet" href="{{asset('public/theme/assets/js/plugins/slick-carousel/slick.css')}}">--}}
    <link rel="stylesheet" href="{{asset('public/css/testimonials.css')}}">
    {{--<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">--}}
    {{--<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>--}}
    {{--<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>--}}
    {{--    <link rel="stylesheet" href="{{asset('public/theme/assets/js/plugins/slick-carousel/slick-theme.css')}}">--}}
@endsection
@section('content')
    <!-- Main Container -->
    <main id="main-container">
        <div class="bg-image" style="background-image: url('{{asset('public/img/about-us.png')}}'); margin-top: 120px;">
            <div class="bg-black-75">
                <div class="content py-6">
                    <h3 class="text-left text-white mb-0">
                        {{$page->title}}
                    </h3>
                </div>
            </div>
        </div>
        <!-- Page Content -->
        <div class="about_us bg-white">
            <div class="content content-full">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="about_us_content">
                            {!! $page->details !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endsection
        @section('script')
            <script src="{{asset('public/theme/assets/js/plugins/slick-carousel/slick.min.js')}}"></script>
            <script>jQuery(function () { Dashmix.helpers('slick'); });</script>
@endsection