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

{% block content %}
    <div class="row clearfix">
        <div class="col-md-12">
            <h1 class="registration-sign-up">CLIENTS</h1>
        </div>
    </div>
    <div class="row clearfix">
        <div class="col-md-2">
            <p class="main-text">See the brands that have already joined Select:OFF and can easily find and connect with the Artists.</p>
            <p class="grey-text">Among the clients are brands, advertising agencies, marketing agencies and media.</p>
        </div>
        <div class="col-md-10">
            <div class="registration-panel hidden-md hidden-lg hidden-sm">
                <div class="row clearfix">
                    <div class="col-md-3 col-xs-10 col-xs-offset-1 align-center"><img src="/images/clients/client1.jpg" class="img-responsive" /></div>
                    <div class="col-md-3 col-xs-10 col-xs-offset-1 align-center"><img src="/images/clients/client2.jpg" class="img-responsive" /></div>
                    <div class="col-md-3 col-xs-10 col-xs-offset-1 align-center"><img src="/images/clients/client3.jpg" class="img-responsive" /></div>
                    <div class="col-md-3 col-xs-10 col-xs-offset-1 align-center"><img src="/images/clients/client4.jpg" class="img-responsive" /></div>
                </div>
                <div class="row clearfix">
                    <div class="col-md-3 col-xs-10 col-xs-offset-1 align-center"><img src="/images/clients/client5.jpg" class="img-responsive" /></div>
                    <div class="col-md-3 col-xs-10 col-xs-offset-1 align-center"><img src="/images/clients/client6.jpg" class="img-responsive" /></div>
                    <div class="col-md-3 col-xs-10 col-xs-offset-1 align-center"><img src="/images/clients/client7.jpg" class="img-responsive" /></div>
                    <div class="col-md-3 col-xs-10 col-xs-offset-1 align-center"><img src="/images/clients/client8.jpg" class="img-responsive" /></div>
                </div>
                <div class="row clearfix">
                    <div class="col-md-3 col-xs-10 col-xs-offset-1 align-center"><img src="/images/clients/client9.jpg" class="img-responsive" /></div>
                    <div class="col-md-3 col-xs-10 col-xs-offset-1 align-center"><img src="/images/clients/client10.jpg" class="img-responsive" /></div>
                    <div class="col-md-3 col-xs-10 col-xs-offset-1 align-center"><img src="/images/clients/client11.jpg" class="img-responsive" /></div>
                    <div class="col-md-3 col-xs-10 col-xs-offset-1 align-center"><img src="/images/clients/client12.jpg" class="img-responsive" /></div>
                </div>
            </div>
            <div class="registration-panel hidden-xs">
                <img src="/images/logotypes.jpg" class="img-responsive" />
            </div>
        </div>
    </div>
{% endblock content %}
{% block javascript %}
    {{ parent() }}
    <script type="text/javascript">
    </script>
{% endblock javascript %}