@extends('frontend.layouts.app')

@section('content')
    <!-- Start Main Banner -->
    <section class="main-banner" style="background-image: url('{{ asset('frontend/assets/img/bg/course-bg.jpg') }}');">
        <div class="container">
            <div class="row">
                <div class="col-xl-12 text-center z-1 position-relative wow fadeInUp">
                    <h2>FAQ</h2>
                    <p>
                        <a href="#">Home</a> <i class='bx bx-chevrons-right'></i> FAQ
                    </p>
                </div>
            </div>
        </div>

        <img src="{{ asset('frontend/assets/img/shapes/hsmile.svg') }}" alt="img" class="blshape">
        <img src="{{ asset('frontend/assets/img/shapes/hstart.svg') }}" alt="img" class="brshape">
        <div class="bbig_shape"></div>
    </section>
    <!-- End Main Banner -->


    <!-- Start FAQ Area -->
    <section class="faq section-padding">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xl-6 wow fadeIn">
                    <div class="faq-image">
                        <img src="{{ asset('frontend/assets/img/faq.jpg') }}" alt="faq">
                    </div>
                </div>

                <div class="col-xl-6 align-self-center wow fadeIn">
                    <div class="section-title">
                        <span>FAQ</span>
                        <h2>Frequently Asked <br> Questions</h2>
                    </div>

                    <div class="accordion" id="faq_accordion">
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="heading1">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
                                    Development & Design
                                </button>
                            </h2>

                            <div id="collapse1" class="accordion-collapse collapse show" aria-labelledby="heading1"
                                data-bs-parent="#faq_accordion">
                                <div class="accordion-body">
                                    Fusce luctus lacinia lorem non ornare. Aliquam quis libero quis orci finibus accumsan.
                                    Quisque suscipit justo dictum augue vehicula, quis tincidunt erat elementum. Curabitur
                                    tincidunt convallis blandit
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item">
                            <h2 class="accordion-header" id="heading2">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
                                    Start With mentors
                                </button>
                            </h2>

                            <div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2"
                                data-bs-parent="#faq_accordion">
                                <div class="accordion-body">
                                    Fusce luctus lacinia lorem non ornare. Aliquam quis libero quis orci finibus accumsan.
                                    Quisque suscipit justo dictum augue vehicula, quis tincidunt erat elementum. Curabitur
                                    tincidunt convallis blandit
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="heading3">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
                                    The best way to Boost Your
                                </button>
                            </h2>

                            <div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3"
                                data-bs-parent="#faq_accordion">
                                <div class="accordion-body">
                                    Fusce luctus lacinia lorem non ornare. Aliquam quis libero quis orci finibus accumsan.
                                    Quisque suscipit justo dictum augue vehicula, quis tincidunt erat elementum. Curabitur
                                    tincidunt convallis blandit
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="heading4">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
                                    What Can i do to Help?
                                </button>
                            </h2>

                            <div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4"
                                data-bs-parent="#faq_accordion">
                                <div class="accordion-body">
                                    Fusce luctus lacinia lorem non ornare. Aliquam quis libero quis orci finibus accumsan.
                                    Quisque suscipit justo dictum augue vehicula, quis tincidunt erat elementum. Curabitur
                                    tincidunt convallis blandit
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End FAQ Area -->
@endsection