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

{% block content %}
    <div class="row clearfix">
        <div class="col-md-12">
            <h1 class="registration-sign-up">{% trans %}SIGN UP{% endtrans %}</h1>
        </div>
    </div>
    <div class="row clearfix">
        <div class="col-md-12">
            <p>
                {% trans %}We imagine the "Select:OFF" as a meeting point where creative talents and commercial requirements meet. It is a platform where ad agencies, media, brands may connect with the best Artists,and also undiscovered talents, such as photographers, illustrators, and videographers.{% endtrans %}
            </p>
            <p>
                {% trans %}We provide the best service for the Artists with possibility to show their most spectacular images to an extensive audience. In the best interest of potential Clients, we have designed a precise and convenient tool to find who they are looking for. All clear, easy and time-saving.{% endtrans %}
            </p>
        </div>
        <div class="col-md-12">
            <div class="registration-panel hidden-xs">
                <div class="row clearfix">
                    <div class="col-md-6">
                        <a href="{{path('fos_user_registration_register')}}" class="sign-up-box">
                            <div class="card sign-up-box">
                                <div class="header">
                                    <h2 class="preRegister">
                                        {% trans %}ARTIST{% endtrans %} <small>{% trans %}Photographers, Videographers, Illustrators{% endtrans %}</small>
                                    </h2>
                                    <h3>{% trans %}FREE ACCESS{% endtrans %}</h3>
                                </div>
                                <div class="body">
                                    {% trans %}Create portfolio with your best work. Our research tool will present it to the Clients.{% endtrans %}
                                    <br /><br />
                                    <button class="btn">{% trans %}SIGN UP{% endtrans %}</button>
                                </div>
                                <div class="footer">
                                    <p>
                                        <strong>{% trans %}Benefits for Artists{% endtrans %}:</strong>
                                    </p>
                                    <p>{% trans %}Get on spotlight and reach new Clients.{% endtrans %}</p>

                                    <p>{% trans %}Be noticed through your work and start more cooperation.{% endtrans %}</p>

                                    <p>{% trans %}Put yourself among the best Artists.{% endtrans %}</p>

                                    <p>{% trans %}Show your best work on your account - not a common portfolio but the one that will get to potential Clients.{% endtrans %}</p>

                                    <p>{% trans %}Share your contact data and links to your other pages.{% endtrans %}</p>

                                    <p>{% trans %}Be found through precise search tool filtered by categories, theme, tags and names.{% endtrans %}</p>

                                    <p>{% trans %}Leave your contact data so the new Clients can connect with you directly.{% endtrans %}</p>

                                    <p>{% trans %}Your work will be promoted by us on Select:OFF website and social media channels.{% endtrans %}</p>

                                    <p>{% trans %}We will remind the Clients of your work through our newsletter.{% endtrans %}</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-6">
                        <a href="{{path('nordmind_user_register_client')}}" class="sign-up-box">
                            <div class="card sign-up-box">
                                <div class="header">
                                    <h2 class="preRegister">
                                        {% trans %}CLIENT{% endtrans %} <small>{% trans %}Brands, agencies, media{% endtrans %}</small>
                                    </h2>
                                    <h3>{% trans %}FREE ACCESS{% endtrans %}</h3>
                                </div>
                                <div class="body">
                                    {% trans %}See creative possibilities, get inspired and find the talent you need.{% endtrans %}
                                    <br /><br />
                                    <button class="btn">{% trans %}SIGN UP{% endtrans %}</button>
                                </div>
                                <div class="footer">
                                    <p>
                                        <strong>{% trans %}Benefits for Clients{% endtrans %}</strong>
                                    </p>
                                    <p>
                                        {% trans %}See best works of different Artists combined on one site.{% endtrans %}
                                    </p>
                                    <p>
                                        {% trans %}Search through a variety of Artists{% endtrans %}: {% trans %}photographers, videographers and illustrators.{% endtrans %}
                                    </p>
                                    <p>
                                        {% trans %}Use practical and precise search tool with filters by categories, themes, tags and names. It is a simple possibility to find the right Artist for your projects.{% endtrans %}
                                    </p>
                                    <p>
                                        {% trans %}Search through works or through Artists’ portfolios.{% endtrans %}
                                    </p>
                                    <p>
                                        {% trans %}Connect with Artist directly using the contact information.{% endtrans %}
                                    </p>
                                    <p>
                                        {% trans %}Find inspirations in Select:OFF database of images.{% endtrans %}
                                    </p>
                                    <p>
                                        {% trans %}Save images you like to your favorites and get back to them whenever you like.{% endtrans %}
                                    </p>
                                    <p>
                                        {% trans %}Get our newsletter and receive fresh inspirations on your mailbox.{% endtrans %}
                                    </p>
                                    <p>
                                        {% trans %}Check our theme reviews picked by Select:off team every week.{% endtrans %}
                                    </p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                            <div class="row clearfix">
                                <div class="col-md-12">
                                    <h4 class="text-center">
                                        {% trans %}Connect with our team on{% endtrans %} <a href="mailto:contact@selectoff.com">contact@selectoff.com</a>
                                    </h4>
                                </div>
                            </div>
            </div>
            <div class="hidden-lg hidden-md hidden-sm">
            <div class="panel-group" id="accordion_1" role="tablist" aria-multiselectable="true">
                <div class="panel panel-col-grey">
                    <div class="panel-heading" role="tab" id="headingOne_1">
                        <h4 class="panel-title">
                            <a role="button" data-toggle="collapse" data-parent="#accordion_1" href="#collapseOne_1" aria-expanded="true" aria-controls="collapseOne_1">
                                {% trans %}ARTIST{% endtrans %} <br /><small>{% trans %}Photographers, Videographers, Illustrators{% endtrans %}</small>
                            </a>
                        </h4>
                    </div>
                    <div id="collapseOne_1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne_1">
                        <div class="panel-body">
                            <h3>{% trans %}FREE ACCESS{% endtrans %}</h3>
                            {% trans %}Create portfolio with your best work. Our research tool will present it to the Clients.{% endtrans %}
                            <br /><br />
                            <a href="{{path('fos_user_registration_register')}}" class="btn">{% trans %}SIGN UP{% endtrans %}</a>
                        </div>
                    </div>
                </div>
                <div class="panel panel-col-grey">
                    <div class="panel-heading" role="tab" id="headingTwo_1">
                        <h4 class="panel-title">
                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion_1" href="#collapseTwo_1" aria-expanded="false" aria-controls="collapseTwo_1">
                                {% trans %}CLIENT{% endtrans %} <br /><small>{% trans %}Brands, agencies, media{% endtrans %}</small>
                            </a>
                        </h4>
                    </div>
                    <div id="collapseTwo_1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo_1">
                        <div class="panel-body">
                            <h3>{% trans %}FREE ACCESS{% endtrans %}</h3>
                            {% trans %}See creative possibilities, get inspired and find the talent you need.{% endtrans %}
                            <br /><br />
                            <a href="{{path('nordmind_user_register_client')}}" class="btn">{% trans %}SIGN UP{% endtrans %}</a>
                        </div>
                    </div>
                </div>
            </div>
                <div class="row clearfix">
                    <div class="col-md-12">
                        <h4 class="text-center">
                            {% trans %}Connect with our team on{% endtrans %} <a href="mailto:contact@selectoff.com">contact@selectoff.com</a>
                        </h4>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock content %}
{% block javascript %}
    {{ parent() }}
    <script type="text/javascript">
    </script>
{% endblock javascript %}