@extends('frontend.layouts.app')
@section('title', 'Faq Page')
@section('content')
    <!-- header area -->
    @include('frontend.includes.headers.headerTwo')
    <!-- header area end -->

    <!-- page title start -->
    <div class="breadcrumb-area bg-cover" style="background-image: url('{{ asset('assets/img/bg/7.png') }}');">
        <div class="container">
            <div class="breadcrumb-inner">
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <h2 class="page-title">Faq's</h2>
                    </div>
                    <div class="col-lg-6 text-lg-end">
                        <ul class="page-list">
                            <li><a href="{{ route('home') }}">Home</a></li>
                            <li>Faq's</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- page title end -->
    <!-- faq area start -->
    <div class="faq-area faq-area-margin-top bg-cover pd-top-120 pd-bottom-110"
        style="background-image: url('./{{ asset('assets/img/bg/3.png') }}');">
        <div class="container">
            <div class="row pd-top-120">
                <div class="col-lg-5 order-lg-last">
                    <div class="about-thumb-inner pt-lg-3 wow animated fadeInRight" data-wow-duration="0.8s">
                        <img class="main-img" src="{{ asset('assets/img/about/4.png') }}" alt="img">
                        <img class="animate-img-bottom-right top_image_bounce" src="{{ asset('assets/img/about/5.png') }}"
                            alt="img">
                    </div>
                </div>
                <div class="col-lg-7 wow animated fadeInUp" data-wow-duration="0.8s">
                    <div class="section-title mb-0 mt-4 mt-lg-0">
                        <h6 class="sub-title">SOME FAQ'S</h6>
                        <h2 class="title">Creating <span>digital</span> masterpieces</h2>
                        <p class="content">It is a long established fact that a reader will be distr acted bioiiy the end
                            gail designa readable content of a page when looking.</p>
                    </div>
                    <div class="accordion accordion-inner style-2 accordion-icon-left mt-3" id="accordionExample">
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="headingOne">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                    What services do you offer?
                                </button>
                            </h2>
                            <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
                                data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    Many desktop publishing packages and web page editors now use Lorem Ipsum as their
                                    default model text, search for 'lorem ipsum' will uncover
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="headingTwo">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    How long does it take for you to complete a project?
                                </button>
                            </h2>
                            <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    Many desktop publishing packages and web page editors now use Lorem Ipsum as their
                                    default model text, search for 'lorem ipsum' will uncover
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="headingThree">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                    How much does it cost to work with your agency?
                                </button>
                            </h2>
                            <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
                                data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    Many desktop publishing packages and web page editors now use Lorem Ipsum as their
                                    default model text, search for 'lorem ipsum' will uncover
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- faq area end -->

    <!-- footer area -->
    @include('frontend.includes.footers.footerTwo')
    <!-- footer area end -->
@endsection