@extends('frontend.layouts.main')
@section('content')
    {{-- @dd($introduction) --}}
    @if (!empty($introduction) && $introduction->count() > 0)
        <section class="intro-hero">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <h2 class="text-center">{{ $introduction->title }}</h2>
                    </div>
                </div>
            </div>
        </section>

        <section class="mission-section">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <img src="{{ asset($introduction->thumbnail) }}"
                            class="img-fluid img-mission animation fadeIn-Rights scroll-element js-scroll slide-right" alt="">
                    </div>
                    <div class="col-lg-6 ">
                        <h3 class="fadeIn-Rights scroll-element js-scroll slide-right">{{ $introduction->top_header }}</h3>
                        <p class="animated animation fadeInDown">{{ $introduction->short_description }}</p>
                    </div>

                </div>
            </div>
        </section>

        <section class="liner-section">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <img src="{{ asset('frontend/assets/image/new.png') }}" class="liner" alt="">
                    </div>
                </div>
            </div>
        </section>


        <section class="institute-section">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <p class="scroll-element js-scroll slide-left">{!! $introduction->description !!}</p>
                    </div>
                </div>
            </div>
        </section>
    @endif
@endsection