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

{% block content %}
    <div class="row clearfix">
        <div class="col-md-12">
            <h1 class="registration-sign-up">SIGN UP</h1>
        </div>
    </div>
    <div class="row clearfix">
        <!--<div class="col-md-2">
            <p class="main-text">&#9632; Register today and get more out of Select:OFF</p>
        </div>-->
        <div class="col-md-12">
            <p>
                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.
            </p>
            <p>
                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.
            </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">
                                        ARTIST <small>Photographers, Videographers, Illustrators</small>
                                    </h2>
                                    <h3>150 EUR/year</h3>
                                </div>
                                <div class="body">
                                    Create portfolio with your best work. Our research tool will present it to the Clients.
                                    <br /><br />
                                    <button class="btn">SIGN UP</button>
                                </div>
                                <div class="footer">
                                    <strong>Benefits for Artists:</strong>

                                    <p>Get on spotlight and reach new Clients</p>

                                    <p>Be noticed through your work and start more cooperation</p>

                                    <p>Put yourself among the best Artists</p>

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

                                    <p>Share your contact data and links to your other pages</p>

                                    <p>Be found through precise search tool filtered by categories, theme, tags and names</p>

                                    <p>Leave your contact data so the new Clients can connect with you directly</p>

                                    <p>Your work will be promoted by us on Select:OFF website and social media channels</p>

                                    <p>We will remind the Clients of your work through our newsletter</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">
                                        CLIENT <small>Brands, agencies, media</small>
                                    </h2>
                                    <h3>FREE ACCESS</h3>
                                </div>
                                <div class="body">
                                    See creative possibilities, get inspired and find the talent you need.
                                    <br /><br />
                                    <button class="btn">SIGN UP</button>
                                </div>
                                <div class="footer">
                                    <strong>Benefits for Clients</strong>
                                    <p>
                                    See best works of different Artists combined on one site.
                                    </p>
                                    <p>
                                    Search through a variety of Artists: photographers, videographers and illustrators.
                                    </p>
                                    <p>
                                    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.
                                    </p>
                                    <p>
                                    Search through works or through Artists’ portfolios.
                                    </p>
                                    <p>
                                    Connect with Artist directly using the contact information.
                                    </p>
                                    <p>
                                    Find inspirations in Select:OFF database of images.
                                    </p>
                                    <p>
                                    Save images you like to your favorites and get back to them whenever you like.
                                    </p>
                                    <p>
                                    Get our newsletter and receive fresh inspirations on your mailbox.
                                    </p>
                                    <p>
                                    Check our theme reviews picked by Select:off team every week.
                                    </p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                            <div class="row clearfix">
                                <div class="col-md-12">
                                    <h4 class="text-center">
                                        Connect with our team on <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">
                                ARTIST <small>Photographers, Videographers, Illustrators</small>
                            </a>
                        </h4>
                    </div>
                    <div id="collapseOne_1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne_1">
                        <div class="panel-body">
                            <h3>150 EUR/year</h3>
                            Create portfolio with your best work. Our research tool will present it to the Clients.
                            <br /><br />
                            <button class="btn">SIGN UP</button>
                        </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">
                                CLIENT <small>Brands, agencies, media</small>
                            </a>
                        </h4>
                    </div>
                    <div id="collapseTwo_1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo_1">
                        <div class="panel-body">
                            <h3>FREE ACCESS</h3>
                            See creative possibilities, get inspired and find the talent you need.
                            <br /><br />
                            <button class="btn">SIGN UP</button>
                        </div>
                    </div>
                </div>
            </div>
                <div class="row clearfix">
                    <div class="col-md-12">
                        <h4 class="text-center">
                            Connect with our team on <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 %}