<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title> OilGen Limited - FAQS</title>

    {% include 'includes/import-top.html' %}

</head>

<body>

    {% include 'includes/header.html' %}


    <div class="breadcroumb-area bread-bg" style="background-image: url({{url_for('static', filename='assets/img/bread-bg.jpg')}});">
        <div class="container pt-5">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcroumb-title">
                        <h1>FAQ</h1>
                        <h6><a href="{{url_for('index')}}">Home</a> <i class="far fa-dot-circle"></i> FAQ</h6>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="faq-area section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 wow fadeInRight" data-wow-delay=".3s">
                    <div class="faq-img">
                        <img src="{{url_for('static', filename='assets/img/faq.jpg')}}" alt>
                    </div>
                </div>
                <div class="col-lg-6 wow fadeInRight" data-wow-delay=".4s">
                    <div class="section-title">
                        <h6>FAQ</h6>
                        <h2>Frequently Asked Questions</h2>
                    </div>
                    <div class="styled-faq">
                        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab" id="headingOne">
                                    <h6 class="panel-title">
                                        <a role="button" data-toggle="collapse" data-parent="#accordion"
                                            href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                                            How can I place a order in the filling station?
                                            <i class="fal fa-angle-up up"></i>
                                            <i class="fal fa-angle-down down"></i>
                                        </a>
                                    </h6>
                                </div>
                                <div id="collapseOne" class="panel-collapse collapse" role="tabpanel"
                                    aria-labelledby="headingOne">
                                    <div class="panel-body">
                                        <p></p>
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab" id="headingTwo">
                                    <h6 class="panel-title">
                                        <a class="collapsed" role="button" data-toggle="collapse"
                                            data-parent="#accordion" href="#collapseTwo" aria-expanded="false"
                                            aria-controls="collapseTwo">
                                            How can I register in the filling station?
                                            <i class="fal fa-angle-up up"></i>
                                            <i class="fal fa-angle-down down"></i>
                                        </a>
                                    </h6>
                                </div>
                                <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel"
                                    aria-labelledby="headingTwo">
                                    <div class="panel-body">
                                        <p></p>
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab" id="headingThree">
                                    <h6 class="panel-title">
                                        <a class="collapsed" role="button" data-toggle="collapse"
                                            data-parent="#accordion" href="#collapseThree" aria-expanded="false"
                                            aria-controls="collapseThree">
                                            Which payment method do you support?
                                            <i class="fal fa-angle-up up"></i>
                                            <i class="fal fa-angle-down down"></i>
                                        </a>
                                    </h6>
                                </div>
                                <div id="collapseThree" class="panel-collapse collapse" role="tabpanel"
                                    aria-labelledby="headingThree">
                                    <div class="panel-body">
                                        <p></p>
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-default">
                                <div class="panel-heading active" role="tab" id="headingSeven">
                                    <h6 class="panel-title">
                                        <a class="collapsed" role="button" data-toggle="collapse"
                                            data-parent="#accordion" href="#collapseSeven" aria-expanded="false"
                                            aria-controls="collapseSeven">
                                            How can I collect my order?
                                            <i class="fal fa-angle-up up"></i>
                                            <i class="fal fa-angle-down down"></i>
                                        </a>
                                    </h6>
                                </div>
                                <div id="collapseSeven" class="panel-collapse collapse" role="tabpanel"
                                    aria-labelledby="headingSeven">
                                    <div class="panel-body">
                                        <p></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {% include 'includes/footer.html' %}
    {% include 'includes/import-bottom.html' %}

</body>

</html>