templates/Content/Public/Contact/index.html.twig line 1

{% extends 'base.html.twig' %}

{% block content %}
    <div class="content">
        <div class="row">
            <form class="contact-form" name="mdl_public_bundle_contact" method="post" action="{{ path('public_contact') }}">
                <h1>{{ 'contact.contact-us'|trans }}</h1>
                <p>{{ 'contact.description'|trans }}</p>
                <div>
                    <div class="row">
                        <div class="col">
                            <input class="form-control" type="text" placeholder="{{ 'placeholders.last-name'|trans }}" aria-label="Name" required>
                        </div>

                        <div class="col">
                            <input class="form-control" type="text" placeholder="{{ 'placeholders.last-name'|trans }}" aria-label="LastName" required>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col">
                            <input class="form-control" type="email" placeholder="{{ 'placeholders.email'|trans }}" aria-label="Email" required>
                        </div>

                        <div class="col">
                            <input class="form-control" type="tel" placeholder="{{ 'placeholders.phone-no'|trans }}" aria-label="Phone No.">
                        </div>
                    </div>

                    <div class="row">
                        <textarea class="form-control" placeholder="{{ 'placeholders.message'|trans }}" aria-label="Message"></textarea>
                    </div>

                    <button class="btn d-flex" type="submit" aria-label="Submit">{{ 'send-message'|trans }}<img src="{{ asset('assets/static/arrow-button.svg') }}"></button>
                </div>
            </form>

            <div class="team-info-card">
                <img src="{{ asset('assets/static/contact-info.png') }}" alt="Contact Us Info">

                <div class="row">
                    <h1>{{ 'call-us'|trans }}</h1>

                    <div class="contact-card">
                        <div class="contact-card-items">
                            <img src="{{ asset('assets/static/phone-white.svg') }}" alt="Phone">
                            <div>
                                <p>{{ 'placeholders.phone-no'|trans }}</p>
                                <p>{{ company_phone|regex_replace('/,.*/', '') }}</p>
                            </div>
                        </div>

                        <div class="contact-card-items">
                            <img src="{{ asset('assets/static/map-pin-white.svg') }}" alt="Map Pin">
                            <div>
                                <p>{{ 'placeholders.address'|trans }}</p>
                                <p>{{ company_address }}</p>
                            </div>
                        </div>

                        <div class="contact-card-items">
                            <img src="{{ asset('assets/static/envelope-white.svg') }}" alt="Email">

                            <div>
                                <p>{{ 'placeholders.email'|trans }}</p>
                                <p>{{ company_email }}</p>
                            </div>
                        </div>

                    </div>

                    <div class="social-media">
                        <a href="#" class="linkedin">
                            <img src="{{ asset('assets/static/linkedin-white-transparent.svg') }}" alt="Linkedin">
                        </a>

                        <a href="#" class="instagram">
                            <img src="{{ asset('assets/static/instagram-white-transparent.svg') }}" alt="Instagram">
                        </a>

                        <a href="#" class="facebook">
                            <img src="{{ asset('assets/static/facebook-white-transparent.svg') }}" alt="Facebook">
                        </a>

                        <a href="#" class="youtube">
                            <img src="{{ asset('assets/static/youtube-white-transparent.svg') }}" alt="Youtube">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}