{% load static %}
<div id="contact" class="contact-area default-padding">
    <div class="container">
        <div class="contact-items">
            <div class="row">
                <div class="col-md-6 faq">
                    <div class="heading">
                        <h2>Вопросы и ответы</h2>
                    </div>
                    <div class="acd-items acd-arrow">
                        <div class="panel-group symb" id="accordion">

                            <!-- Single Item -->
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#ac1">
                                            <strong>01</strong> Do I need a business plan?
                                        </a>
                                    </h4>
                                </div>
                                <div id="ac1" class="panel-collapse collapse in">
                                    <div class="panel-body">
                                        <p>
                                            Removing welcomed civility or hastened is. Justice elderly but perhaps
                                            expense six her are another passage. Full her ten open fond walk not
                                            down.For request general express unknown are. Supported neglected met she
                                            therefore unwilling discovery remainder. Way sentiments two indulgence
                                            uncommonly own.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <!-- End Single Item -->

                            <!-- Single Item -->
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#ac2">
                                            <strong>02</strong> How long should a business plan be?
                                        </a>
                                    </h4>
                                </div>
                                <div id="ac2" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <p>
                                            Removing welcomed civility or hastened is. Justice elderly but perhaps
                                            expense six her are another passage. Full her ten open fond walk not
                                            down.For request general express unknown are. Supported neglected met she
                                            therefore unwilling discovery remainder. Way sentiments two indulgence
                                            uncommonly own.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <!-- End Single Item -->

                            <!-- Single Item -->
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#ac4">
                                            <strong>03</strong> Where do I start?
                                        </a>
                                    </h4>
                                </div>
                                <div id="ac4" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <p>
                                            Removing welcomed civility or hastened is. Justice elderly but perhaps
                                            expense six her are another passage. Full her ten open fond walk not
                                            down.For request general express unknown are. Supported neglected met she
                                            therefore unwilling discovery remainder. Way sentiments two indulgence
                                            uncommonly own.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <!-- Single Item -->
                        </div>
                    </div>
                    <!-- End Faq -->
                    <a class="btn btn-theme effect btn-sm" href="#">more questions ?</a>
                </div>
                <div class="col-md-6 contact-forms">
                    <div class="form-items bg-cover shadow dark-hard text-light"
                         style="background-image: url(assets/img/2440x1578.png);">
                        <h2>У вас остались <strong>Вопросы?</strong></h2>

                        <form action="assets/mail/contact.php" method="POST" class="contact-form">
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="form-group">
                                        <input class="form-control" id="name" name="name" placeholder="Имя"
                                               type="text">
                                        <span class="alert-error"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input class="form-control" id="email" name="email" placeholder="Email*"
                                               type="email">
                                        <span class="alert-error"></span>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input class="form-control" id="phone" name="phone" placeholder="Телефон"
                                               type="text">
                                        <span class="alert-error"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="form-gassets/img/ajax-loader.gifroup comments">
                                        <textarea class="form-control" id="comments" name="comments"
                                                  placeholder="Напишите свой вопрос *"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="row">
                                    <button type="submit" name="submit" id="submit">
                                        Отправить сообщение
                                    </button>
{#                                    <img id="load" src="{% static 'file/home/img/ajax-loader.gif' %}" class="loader" />#}
                                </div>
                            </div>
                            <!-- Alert Message -->
                            <div class="col-md-12 alert-notification">
                                <div id="message" class="alert-msg"></div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>