📄 File: app_faq.php

Path: //home2/outerorb/dev.outerorbittech.com/oot/app_faq.php

Size: 7.49 KB

Permissions: 0644

<style>
    .faq_section {
        
        width: 100%;
        margin: 0;
        background: #fff;
    }

    .accordion-header {
        padding: 0;
    }

    .accordion-item {
        margin-bottom: 15px;
        border-radius: 16px !important;
        overflow: hidden;
    }

    .accordion-item:not(:first-of-type) {
        border: 1px solid rgba(0, 0, 0, 0.125);
    }

    .accordion-button {
        padding: 12px 15px;
        font-size: 18px;
        font-weight: normal;
        text-transform: initial;
        font-family: "Work Sans", sans-serif;
    }

    .accordion-button:not(.collapsed) {
        color: #fff;
        background: var(--surface-color);
        font-weight: normal;
    }

    .accordion-button:not(.collapsed):after {
        background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/></svg>");
        transform: rotate(0deg);
    }

    .accordion-button:hover,
    .accordion-button:focus {
        color: #fff;
        background: var(--surface-color);
    }

    .accordion-button:hover:after {
        background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/></svg>");
        transform: rotate(-180deg);
    }

    .accordion-body p {
        font-size: 15px;
        line-height: 24px;
        font-family: "Work Sans", sans-serif;
    }

    .title_5 {
    float: left;
    width: 100%;
    color: var(--surface-color);
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    padding-bottom: 8px;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}

.title_5:before {
    content: '';
    background: var(--accent-color);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: -10px;
    width: 50px;
    height: 5px;
    margin: 0 auto;
}
</style>

<div class="faq_section">
    <div class="container">
        <h3 class="title_5">FAQs</h3>
        <div class="clearfix"></div>

        <div class="accordion" id="accordionExample">
            <div class="accordion-item wow fadeInLeft" data-wow-delay=".2s">
                <h4 class="accordion-header" id="heading_1">
                    <div class="accordion-button " role="button" data-bs-toggle="collapse" data-bs-target="#faq_1"
                        aria-expanded="true" aria-controls="faq_1">
                        What are the main types of financial services?</div>
                </h4>
                <div id="faq_1" class="accordion-collapse collapse show" aria-labelledby="heading_1"
                    data-bs-parent="#accordionExample">
                    <div class="accordion-body">
                        <p>The main types include banking, insurance, investment services, wealth management, and
                            financial planning.</p>
                    </div>
                </div>
            </div>
            <div class="accordion-item wow fadeInLeft" data-wow-delay=".2s">
                <h4 class="accordion-header" id="heading_2">
                    <div class="accordion-button collapsed" role="button" data-bs-toggle="collapse"
                        data-bs-target="#faq_2" aria-expanded="false" aria-controls="faq_2">
                        Why are financial services important for the economy? </div>
                </h4>
                <div id="faq_2" class="accordion-collapse collapse " aria-labelledby="heading_2"
                    data-bs-parent="#accordionExample">
                    <div class="accordion-body">
                        <p>They facilitate savings, investments, and credit flow, which support business growth and
                            overall economic development.</p>
                    </div>
                </div>
            </div>
            <div class="accordion-item wow fadeInLeft" data-wow-delay=".2s">
                <h4 class="accordion-header" id="heading_3">
                    <div class="accordion-button collapsed" role="button" data-bs-toggle="collapse"
                        data-bs-target="#faq_3" aria-expanded="false" aria-controls="faq_3">
                        What are the advantages of starting an e-commerce business? </div>
                </h4>
                <div id="faq_3" class="accordion-collapse collapse " aria-labelledby="heading_3"
                    data-bs-parent="#accordionExample">
                    <div class="accordion-body">
                        <p>Lower setup costs, wider customer reach, 24/7 availability, and easy scalability.

                        </p>
                    </div>
                </div>
            </div>
            <div class="accordion-item wow fadeInLeft" data-wow-delay=".2s">
                <h4 class="accordion-header" id="heading_4">
                    <div class="accordion-button collapsed" role="button" data-bs-toggle="collapse"
                        data-bs-target="#faq_4" aria-expanded="false" aria-controls="faq_4">
                        What platforms can I use to start an e-commerce store? </div>
                </h4>
                <div id="faq_4" class="accordion-collapse collapse " aria-labelledby="heading_4"
                    data-bs-parent="#accordionExample">
                    <div class="accordion-body">
                        <p>Popular platforms include Shopify, WooCommerce, Amazon, Flipkart, and Magento.</p>
                    </div>
                </div>
            </div>
            <div class="accordion-item wow fadeInLeft" data-wow-delay=".2s">
                <h4 class="accordion-header" id="heading_5">
                    <div class="accordion-button collapsed" role="button" data-bs-toggle="collapse"
                        data-bs-target="#faq_5" aria-expanded="false" aria-controls="faq_5">
                        What is the role of telecommunications in modern society? </div>
                </h4>
                <div id="faq_5" class="accordion-collapse collapse " aria-labelledby="heading_5"
                    data-bs-parent="#accordionExample">
                    <div class="accordion-body">
                        <p>It enables real-time communication, supports internet access, business operations, education,
                            and emergency services.
                        </p>
                    </div>
                </div>
            </div>
            <div class="accordion-item wow fadeInLeft" data-wow-delay=".2s">
                <h4 class="accordion-header" id="heading_6">
                    <div class="accordion-button collapsed" role="button" data-bs-toggle="collapse"
                        data-bs-target="#faq_6" aria-expanded="false" aria-controls="faq_6">
                        What are the latest trends in the telecom industry? </div>
                </h4>
                <div id="faq_6" class="accordion-collapse collapse " aria-labelledby="heading_6"
                    data-bs-parent="#accordionExample">
                    <div class="accordion-body">
                        <p>5G technology, IoT (Internet of Things), cloud communication, and AI-driven network
                            optimization.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

← Back to Directory Edit File 🔒 Chmod