@extends('website.layout.master')

@section('title')
    Login
@endsection

@section('content')
    <style>

    </style>

    <main>

        <!-- breadcrumb area start -->
        <div class="breadcrumb__area breadcrumb__overlay breadcrumb__height p-relative fix" data-background="{{ URL::asset('website/images/hero/hero-3-2.jpg')}} ">
            <div class="container">
                <div class="row">
                    <div class="col-xxl-12">
                        <div class="breadcrumb__content z-index text-center">
                            <div class="breadcrumb__list">
                                <span><a href="{{route('home')}}">Home</a></span>
                                <span class="dvdr"><i class="fa fa-angle-right"></i></span>
                                <span>FAQ's</span>
                            </div>
                            <h3 class="breadcrumb__title">FAQ's</h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- breadcrumb area end -->

        <div class="tp-faq-inner__area pt-120 pb-120">
            <div class="container">
                <div class="row">
                    {{--<div class="col-xl-5 col-lg-5">
                        <div class="tp-faq-inner__tab-btn">
                            <nav>
                                <div class="nav nav-tab" id="nav-tab" role="tablist">
                                    <button class="nav-links active" id="nav-1-tab" data-bs-toggle="tab" data-bs-target="#nav-1" type="button" role="tab" aria-controls="nav-1" aria-selected="true">About Services <i class="fa-light fa-arrow-down"></i></button>
                                    <button class="nav-links" id="nav-2-tab" data-bs-toggle="tab" data-bs-target="#nav-2" type="button" role="tab" aria-controls="nav-2" aria-selected="false">Subscriptilon & Billing <i class="fa-light fa-arrow-down"></i></button>
                                    <button class="nav-links" id="nav-4-tab" data-bs-toggle="tab" data-bs-target="#nav-4" type="button" role="tab" aria-controls="nav-4" aria-selected="false">Support <i class="fa-light fa-arrow-down"></i></button>
                                </div>
                            </nav>
                        </div>
                    </div>--}}
                    <div class="col-xl-12 col-lg-12">
                        <div class="tab-content" id="nav-tabContent">
                            <div class="tab-pane fade show active" id="nav-1" role="tabpanel" aria-labelledby="nav-1-tab">
                                <div class="tp-faq-inner__title-box mb-50">
                                    <span class="tp-faq-inner__subtitle">Good to know</span><br>
                                    <h4 class="tp-section-title">Frequently Asked Questions</h4>
                                </div>
                                <div class="tp-service-details-faq tp-faq-inner__customize">
                                    <div class="tp-custom-accordion">
                                        <div class="accordion" id="accordionExample">
                                            <div class="accordion-items tp-faq-active">
                                                <h2 class="accordion-header" id="headingOne">
                                                    <button class="accordion-buttons " type="button" data-bs-toggle="collapse"
                                                            data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                        How do I create an account?
                                                    </button>
                                                </h2>
                                                <div id="collapseOne" class="accordion-collapse collapse show"
                                                     aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                                    <div class="accordion-body">
                                                        To create an account, click on the 'Sign Up' button on the homepage, fill in your details, and follow the instructions to complete the registration process.                                                    </div>
                                                </div>
                                            </div>
                                            <div class="accordion-items">
                                                <h2 class="accordion-header" id="headingTwo">
                                                    <button class="accordion-buttons collapsed" type="button" data-bs-toggle="collapse"
                                                            data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                                        How can I search the database?

                                                    </button>
                                                </h2>
                                                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                                     data-bs-parent="#accordionExample">
                                                    <div class="accordion-body">
                                                        To search the database, navigate to the 'Search Record' page, enter your search criteria in the provided fields, and click on the 'Search' button to view the results.                                                    </div>
                                                </div>
                                            </div>
                                            <div class="accordion-items">
                                                <h2 class="accordion-header" id="headingThree">
                                                    <button class="accordion-buttons collapsed" type="button" data-bs-toggle="collapse"
                                                            data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                                        What are the subscription options available?                                                    </button>
                                                </h2>
                                                <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
                                                     data-bs-parent="#accordionExample">
                                                    <div class="accordion-body">
                                                        We offer several subscription plans to meet your needs. Please visit the 'Subscriptions' page for detailed information on the available plans and pricing.                                                    </div>
                                                </div>
                                            </div>
                                            <div class="accordion-items">
                                                <h2 class="accordion-header" id="headingFour">
                                                    <button class="accordion-buttons collapsed" type="button" data-bs-toggle="collapse"
                                                            data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                                        How do I update my profile information?
                                                    </button>
                                                </h2>
                                                <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
                                                     data-bs-parent="#accordionExample">
                                                    <div class="accordion-body">
                                                        To update your profile information, log in to your account, go to the 'Profile Page', and make the necessary changes. Don't forget to save your updates!                                                    </div>
                                                </div>
                                            </div>
                                            <div class="accordion-items">
                                                <h2 class="accordion-header" id="headingFive">
                                                    <button class="accordion-buttons collapsed" type="button" data-bs-toggle="collapse"
                                                            data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                                        How can I contact customer support?
                                                    </button>
                                                </h2>
                                                <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive"
                                                     data-bs-parent="#accordionExample">
                                                    <div class="accordion-body">
                                                        If you need assistance, please visit the 'Contact Us' page and fill out the form with your inquiry. Our customer support team will get back to you as soon as possible.                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- cta area start -->
        <div class="tp-cta-3__area">
            <div class="container">
                <div class="tp-cta-3__bg p-relative">
                    <div class="tp-cta-3__left-shape">
                        <img src="{{ URL::asset('website/images/cta/cta-icon-3-3.png')}} " alt="">
                    </div>
                    <div class="row">
                        <div class="col-xl-5 col-lg-6">
                            <div class="tp-cta-3__title-box text-lg-start text-center">
                                <h5 class="tp-cta-3__title-sm">We’re Ready to Setup
                                    Internet Today!</h5>
                            </div>
                        </div>
                        <div class="col-xl-7 col-lg-6">
                            <div
                                class="tp-cta-3__right-wrap d-flex align-items-center justify-content-lg-end justify-content-center">
                                <div class="tp-cta-3__offer-box p-relative d-flex align-items-center">
                                    <div class="tp-cta-3__offer-shape d-none d-xl-block">
                                        <img src="{{ URL::asset('website/images/cta/cta-icon-3-2.png')}} " alt="">
                                    </div>
                                    <div class="tp-cta-3__offer d-none d-xl-block">
                                        <img src="{{ URL::asset('website/images/cta/cta-icon-3-1.png')}}" alt="">
                                    </div>
                                    <div class="tp-cta-3__offer-text d-none d-xl-block">
                                        <span>Phone:</span>
                                        <a href="tel:+881900678956">+88 1900 6789 56</a>
                                    </div>
                                </div>
                                <div class="tp-cta-3__btn">
                                    <a class="tp-btn-black" href="#">Setup Today!</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- cta area end -->

    </main>


@endsection