@extends('front.layout.app')
@section('content')

<main>

    <!-- Inner Banner Html Start -->
    <div class="inner-ban">
        <img src="{{ asset('front/images/Inner-Bann.png') }}" class="img-fluid" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h2>Resources</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Inner Banner Html End -->

    <section class="news resources-page">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="news-card">
                        <figure>
                            <img src="{{ asset('front/images/blog1.png') }}" alt="image" class="img-fluid">
                        </figure>
                        <div class="news-card__content">
                            <h5>Treatments & Procedures</h5>
                            <h4>Lorem Ipsum is simply dummy text of the industry.</h4>
                            <a href="">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="news-card">
                        <figure>
                            <img src="{{ asset('front/images/blog2.png') }}" alt="image" class="img-fluid">
                        </figure>
                        <div class="news-card__content">
                            <h5>Inspiration</h5>
                            <h4>Lorem Ipsum is simply dummy text of the industry.</h4>
                            <a href="">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="news-card">
                        <figure>
                            <img src="{{ asset('front/images/blog3.png') }}" alt="image" class="img-fluid">
                        </figure>
                        <div class="news-card__content">
                            <h5>News</h5>
                            <h4>Lorem Ipsum is simply dummy text of the industry.</h4>
                            <a href="">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="news-card">
                        <figure>
                            <img src="{{ asset('front/images/resources-Imag1.png') }}" alt="image" class="img-fluid">
                        </figure>
                        <div class="news-card__content">
                            <h5>Treatments & Procedures</h5>
                            <h4>Lorem Ipsum is simply dummy text of the industry.</h4>
                            <a href="">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="news-card">
                        <figure>
                            <img src="{{ asset('front/images/resources-Imag2.png') }}" alt="image" class="img-fluid">
                        </figure>
                        <div class="news-card__content">
                            <h5>Inspiration</h5>
                            <h4>Lorem Ipsum is simply dummy text of the industry.</h4>
                            <a href="">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="news-card">
                        <figure>
                            <img src="{{ asset('front/images/resources-Imag3.png') }}" alt="image" class="img-fluid">
                        </figure>
                        <div class="news-card__content">
                            <h5>News</h5>
                            <h4>Lorem Ipsum is simply dummy text of the industry.</h4>
                            <a href="">Read More</a>
                        </div>
                    </div>
                </div>



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

    <!-- Faq-Sec Html Start -->


    <section class="faqSec">
        <div class="container">
            <div class="text-start mb-5">
                <h2 class="subHeading">Faq</h2>
                <h6 class="heading">Faq</h6>
            </div>
            <div class="row justify-content-center">
                <div class="col-md-12">
                    <div id="accordion">


                        <div class="card">
                            <div id="headingOne ">
                                <h5 class="mb-0 ">
                                    <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"><span></span>How much agencies charge for their services ?
                                        <i class="fas fa-plus"></i>
                                    </button>
                                </h5>
                            </div>
                            <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                                <div class="card-body">
                                    <p>
                                    Lorem Ipsum has been the industry's standard dummy text ever since <br> the 1500s, when an unknown printer took a galley of type and <br> scrambled it to make a type specimen book. It has survive.
                                    </p>
                                </div>
                            </div>
                        </div>


                        <div class="card ">
                            <div id="headingTwo ">
                                <h5 class="mb-0">
                                    <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                        <span></span>How much agencies charge for their services ?
                                        <i class="fas fa-plus"></i>
                                    </button>
                                </h5>
                            </div>
                            <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
                                <div class="card-body">
                                    <p>
                                    Lorem Ipsandard dummy text ever since the 1500 ?
                                    </p>
                                </div>
                            </div>
                        </div>


                        <div class="card">
                            <div id="headingThree">
                                <h5 class="mb-0">
                                    <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapsethree" aria-expanded="false" aria-controls="collapsethree">
                                        <span></span>How much agencies charge for their services ?
                                        <i class="fas fa-plus"></i>
                                    </button>
                                </h5>
                            </div>
                            <div id="collapsethree" class="collapse" aria-labelledby="headingthree" data-parent="#accordion">
                                <div class="card-body">
                                    <p>
                                    Lorem Ipsandard dummy text ever since the 1500 ?
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="card">
                            <div id="headingFour">
                                <h5 class="mb-0">
                                    <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapsefour" aria-expanded="false" aria-controls="collapsefour">
                                        <span></span>How much agencies charge for their services ?
                                        <i class="fas fa-plus"></i>
                                    </button>
                                </h5>
                            </div>
                            <div id="collapsefour" class="collapse" aria-labelledby="headingfour" data-parent="#accordion">
                                <div class="card-body">
                                    <p>
                                    Lorem Ipsandard dummy text ever since the 1500 ?
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div id="headingfive">
                                <h5 class="mb-0">
                                    <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapsefive" aria-expanded="false" aria-controls="collapsefive">
                                        <span></span>How much agencies charge for their services ?
                                        <i class="fas fa-plus"></i>
                                    </button>
                                </h5>
                            </div>
                            <div id="collapsefive" class="collapse" aria-labelledby="headingfive" data-parent="#accordion">
                                <div class="card-body">
                                    <p>
                                    Lorem Ipsandard dummy text ever since the 1500 ?
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div id="headingsix">
                                <h5 class="mb-0">
                                    <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapsesix" aria-expanded="false" aria-controls="collapsesix">
                                        <span></span>How much agencies charge for their services ?
                                        <i class="fas fa-plus"></i>
                                    </button>
                                </h5>
                            </div>
                            <div id="collapsesix" class="collapse" aria-labelledby="headingsix" data-parent="#accordion">
                                <div class="card-body">
                                    <p>
                                    Lorem Ipsandard dummy text ever since the 1500 ?
                                </div>
                            </div>
                        </div>

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









</main>

@endsection