{% extends 'layout.html.twig' %}
{% block body %}
{{ parent() }}     
    
        <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img class="first-slide" src="{{ asset('public/assets/slide-01.jpg') }}" alt="First slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>Example headline.</h1>
              <p>Note: If you're viewing this page via a <code>file://</code> URL, the "next" and "previous" Glyphicon buttons on the left and right might not load/display properly due to web browser security rules.</p>
              <p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>
            </div>
          </div>
        </div>
        <div class="item">
          <img class="second-slide" src="{{ asset('public/assets/slide-02.jpg') }}" alt="Second slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>Another example headline.</h1>
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
              <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
            </div>
          </div>
        </div>
        <div class="item">
          <img class="third-slide" src="{{ asset('public/assets/slide-03.jpg') }}" alt="Third slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>One more for good measure.</h1>
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
              <p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>
            </div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div><!-- /.carousel -->

 
 <div class="container marketing">
 <div class="fondo">
      <div class="row featurette">
    
        <div class="col-md-7">
          <h2 class="featurette-heading">CLIENTES <span class="text-muted">It'll blow your mind.</span></h2>
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.<br><br> <a class="btn btn-large btn-primary align-center" href="{{ path('cliente_list') }}" role="button">View &raquo;</a></p>
        </div>
        <div class="col-md-5">
          <img class="portada featurette-image img-responsive center-block"  src="{{ asset('public/assets/slide-01.jpg') }}" alt="Generic placeholder image">
        </div>
      </div>
      </div>

      <hr class="featurette-divider">
 <div class="fondo">
      <div class="row featurette">
        <div class="col-md-7 col-md-push-5">
          <h2 class="featurette-heading">USUARIOS <span class="text-muted">See for yourself.</span></h2>
        <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.<br>  <br> <a class="btn btn-large btn-primary align-center" href="{{ path('user_list') }}" role="button">View &raquo;</a> </p>
        </div>
        <div class="col-md-5 col-md-pull-7">
          <img class=" portada featurette-image img-responsive center-block"  src="{{ asset('public/assets/slide-02.jpg') }}" alt="Generic placeholder image">
        </div>
      </div>
 </div>

      <hr class="featurette-divider">
 <div class="fondo">
      <div class="row featurette">
        <div class="col-md-7">
          <h2 class="featurette-heading">TRIVIAL <span class="text-muted">Checkmate.</span></h2>
        <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.<br> <br> <a class="btn btn-large btn-primary align-center" href="{{ path('trivial_list') }}" role="button">View &raquo;</a></p>
        </div>
        <div class="col-md-5">
          <img class="portada featurette-image img-responsive center-block"  src="{{ asset('public/assets/slide-03.jpg') }}" alt="Generic placeholder image">
        </div>
      </div> 
 </div>
        
        
           <hr class="featurette-divider">
 <div class="fondo">
      <div class="row featurette">
        <div class="col-md-7 col-md-push-5">
          <h2 class="featurette-heading">COMPETICIONES <span class="text-muted">See for yourself.</span></h2>
         <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.<br><br> <a class="btn btn-large btn-primary  align-center" href="{{ path('competition_list') }}" role="button">View &raquo;</a></p>
        </div>
        <div class="col-md-5 col-md-pull-7">
          <img class="portada featurette-image img-responsive center-block"  src="{{ asset('public/assets/slide-02.jpg') }}" alt="Generic placeholder image">
        </div>
        
      </div>
 </div>
     
 </div>

      <!-- /END THE FEATURETTES -->      
      
{% endblock %}