{% extends '::baseSite.html.twig' %}
{% block body %}

    <div class="all_content animsition container-fluid"><!-- all_content -->
        <div class="row">
            <div class="main_content container"><!-- main_content -->
                <div class="main_page about_me col-md-8 " id="contacto"><!-- main_page about_me -->
                    <div class="row">

                        <div class="post_header"><!-- post_header -->
                            <h1>Contacto</h1>
                            <span class="title_divider"></span>
                        </div><!-- // post_header -->

                        <div class="comment-form"><!-- comment-form -->
                            <form method="post" class="form-js" action="{{ path('mail_send') }}">
                                <div class="form-input">
                                    <i class="fa fa-user"></i>
                                    <input type="text" name="nombre" id="name" placeholder="Nombre">
                                </div>
                                <div class="form-input">
                                    <i class="fa fa-envelope"></i>
                                    <input type="email" name="mail" id="mail" placeholder="Email">
                                </div>

                                <div class="form-input">
                                    <i class="fa fa-comment"></i>
                                    <textarea placeholder="Mensaje" name="mensaje" id="message"></textarea>
                                </div>
                                <input type="submit" class="button" value="Enviar Mensaje">
                            </form>
                        </div><!-- // comment-form -->
                    </div>
                </div><!-- // main_page about_me -->

                {% include '::columnaDerecha.html.twig' %}

            </div><!-- main_content -->
        </div><!-- End row -->
    </div><!-- End all_content -->


{% endblock %}