@extends('layouts.index')

@section('content')
    <x-navbar isDark />
    <x-pagetitle name="Training" imgUrl="img/placeholders/ewings-08.jpg" />
    <!-- start course area section -->
    <section>
        <div class="container">
            <div class="row">
                <div class="col-12 center-col margin-50px-bottom md-margin-40px-bottom xs-margin-30px-bottom text-center text-theme-color">
                    <h3 class="font-weight-500 font-size32 md-font-size28 sm-font-size26 xs-font-size24 section-title">
                        Our Courses</h3>
                    <div class="title-border"><span class="lg"></span><span class="sm"></span></div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6 sm-margin-30px-bottom xs-margin-25px-bottom">
                    <div class="courses-block">
                        <div>
                            <a href="{{url('courses/aqms')}}"><img src="{{ asset('img/placeholders/ewings-courses-01.jpg') }}"
                                                                   alt="" /></a>
                        </div>
                        <div class="courses-content">
                            <div class="courses-title display-inline-block">
                                <h4 class="font-size22 md-font-size20 xs-font-size18 font-weight-500 margin-10px-bottom"><a
                                        href="{{url('courses/aqms')}}" class="text-black">Aviation Quality Management System</a></h4>

                            </div>


                        </div>

                    </div>
                </div>

                <div class="col-lg-6 sm-margin-30px-bottom xs-margin-25px-bottom">
                    <div class="courses-block">
                        <div>
                            <a href="{{url('courses/sms')}}"><img src="{{ asset('img/placeholders/ewings-courses-02.jpg') }}"
                                                                  alt="" /></a>
                        </div>
                        <div class="courses-content">
                            <div class="courses-title display-inline-block">
                                <h4 class="font-size22 md-font-size20 xs-font-size18 font-weight-500 margin-10px-bottom"><a
                                        href="{{url('courses/sms')}}" class="text-black">Safety Management System (SMS)</a></h4>

                            </div>


                        </div>

                    </div>
                </div>

            <!--
                <div class="col-lg-4">
                    <div class="courses-block">
                        <div>
                            <a href="course-details.html"><img src="{{ asset('img/placeholders/ewings-courses-03.jpg') }}"
                                    alt="" /></a>
                        </div>
                        <div class="courses-content">
                            <div class="courses-title display-inline-block">
                                <h4 class="font-size22 md-font-size20 xs-font-size18 font-weight-500 margin-10px-bottom"><a
                                        href="course-details.html" class="text-black">Architecture Design</a></h4>
                                <div class="courses-icon display-inline-block margin-20px-bottom sm-margin-15px-bottom">
                                    <span class="margin-10px-right text-theme-color font-size14 xs-font-size12">
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                    </span>
                                    <span>4</span>
                                    <span>(18)</span>
                                </div>
                            </div>

                            <p class="no-margin-bottom font-size16 md-font-size15 line-height-28">Lorem ipsum dolor sit amet
                                mollis felis dapibus arcu donec viverra.</p>
                        </div>
                        <div class="courses-box-bottom">
                            <div class="courses-pricing-3 display-inline-block">
                                <span>$190</span>
                            </div>
                            <div class="courses-single-icon">
                                <i class="far fa-heart margin-5px-right text-theme-color font-size16"></i>
                                <span class="font-size16">85</span>
                            </div>
                        </div>
                    </div>
                </div>
                -->
            </div>

            <div class="row">
                <div class="col-lg-6 sm-margin-30px-bottom xs-margin-25px-bottom">
                    <div class="courses-block">
                        <div>
                            <a href="{{url('courses/sms-fundamentals')}}"><img src="{{ asset('img/placeholders/ewings-courses-02.jpg') }}"
                                                                               alt="" /></a>
                        </div>
                        <div class="courses-content">
                            <div class="courses-title display-inline-block">
                                <h4 class="font-size22 md-font-size20 xs-font-size18 font-weight-500 margin-10px-bottom"><a
                                        href="{{url('courses/sms-fundamentals')}}" class="text-black">Safety Management System Fundamentals</a></h4>

                            </div>


                        </div>

                    </div>
                </div>

                <div class="col-lg-6 sm-margin-30px-bottom xs-margin-25px-bottom">
                    <div class="courses-block">
                        <div>
                            <a href="{{url('courses/risk')}}"><img src="{{ asset('img/placeholders/ewings-courses-01.jpg') }}"
                                                                   alt="" /></a>
                        </div>
                        <div class="courses-content">
                            <div class="courses-title display-inline-block">
                                <h4 class="font-size22 md-font-size20 xs-font-size18 font-weight-500 margin-10px-bottom"><a
                                        href="{{url('courses/risk')}}" class="text-black">Risk Management System for Aviation </a></h4>

                            </div>


                        </div>

                    </div>
                </div>


            </div>

            <div class="row">
                <div class="col-lg-6 sm-margin-30px-bottom xs-margin-25px-bottom">
                    <div class="courses-block">
                        <div>
                            <a href="{{url('courses/erp')}}"><img src="{{ asset('img/placeholders/ewings-courses-05.jpg') }}"
                                                                  alt="" /></a>
                        </div>
                        <div class="courses-content">
                            <div class="courses-title display-inline-block">
                                <h4 class="font-size22 md-font-size20 xs-font-size18 font-weight-500 margin-10px-bottom"><a
                                        href="{{url('courses/erp')}}" class="text-black">Emergency Response Planning</a></h4>

                            </div>


                        </div>

                    </div>
                </div>

                <div class="col-lg-6 sm-margin-30px-bottom xs-margin-25px-bottom">
                    <div class="courses-block">
                        <div>
                            <a href="{{url('courses/human')}}"><img src="{{ asset('img/placeholders/ewings-courses-03.jpg') }}"
                                                                  alt="" /></a>
                        </div>
                        <div class="courses-content">
                            <div class="courses-title display-inline-block">
                                <h4 class="font-size22 md-font-size20 xs-font-size18 font-weight-500 margin-10px-bottom"><a
                                        href="{{url('courses/human')}}" class="text-black">Human Factors In Aviation</a></h4>

                            </div>


                        </div>

                    </div>
                </div>


            </div>

            <div class="d-flex flex-column align-items-center py-4">
                <!--
                <a class="butn fill margin-30px-top md-margin-25px-top sm-margin-20px-top" href="/solutions/training">
                        All Courses
                        <i class="fas fa-long-arrow-alt-right margin-10px-left"></i></a>
                    -->
            </div>
        </div>
    </section>
    <!-- end course area section -->
@endsection