{% extends 'site/base.html' %}
{% load static %}

{% block title %}
  
{% endblock title %}


{% block css %}
<link rel="stylesheet" href="{% static 'css/faq.css' %}"/>
{% endblock css %}


{% block content %}
    <section class="inner-section single-banner" style="background: url({% static 'images/single-banner.jpg' %}) no-repeat center;">
        <div class="container">
            <h2>faq questions</h2>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">faq</li>
            </ol>
        </div>
    </section>
    <section class="inner-section faq-part">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 mx-auto">
                    <div class="faq-parent">
                        {% for faq in faqs %}
                        <div class="faq-child">
                            <div class="faq-que">
                                <button>{{ faq.question }}</button>
                            </div>
                            <div class="faq-ans">
                                <p>{{ faq.answer }}</p>
                            </div>
                        </div>
                        {% empty %}
                        <p>We regret to inform you that there are currently no Frequently Asked Questions (FAQ) available at this time.</p>
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
    </section>


    {% include 'site/includes/newsletter.html' %}
    

    {% endblock content %}



    {% block js %}
      
    {% endblock js %}