@extends('app') @section('content') <br> <center> <img style="height:auto; width:auto; max-width:400px; alt="" src="./pictures/homePic/bienvenue.png"> <br> <br> <form class="form-inline"> <div class="form-group"> <img alt="" src="./pictures/homePic/search.png"> <div class="input-group"> <input type="text" class="form-control" placeholder="Rechercher un Référant"> </div> </div> </form> <br> <br> <div style="margin-left: 200px, margin-right: 200px" id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- indicateur, à incrementé en fonction du nombre d'images --> <ol class="carousel-indicators"> @foreach ($referent as $ref) @if ($ref -> idreferent == 1) <li data-target="#carousel-example-generic" data-slide-to="{{ $ref -> idreferent }}" class='active' ></li> @else <li data-target="#carousel-example-generic" data-slide-to="{{ $ref -> idreferent }} "></li> @endif @endforeach </ol> <!-- Parametres des images --> <div class="carousel-inner" role="listbox"> @foreach ($referent as $ref) @if ($ref -> idreferent == 1) <div class="item active"> @else <div class="item"> @endif <a href="/referents/vive.linux/games"><img src="./pictures/referent/{{ $ref-> image }}" width="35%" alt="{{ $ref -> prenom }}-{{ $ref -> nom }}"></a> <div class="well well-lg">{{$ref -> prenom}}, {{$ref -> nom}}</div> </div> @endforeach </div> <!-- Controles --> <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Précédant</span> </a> <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Suivant</span> </a> </div> <script type="text/javascript"src="http://www.themesltd.com/tumblr/cursors/mouse-cursors/cursors.js?cat=mouse-cursors&theme=mickey_mouse_finger&path=cartoon"></script> </center> @endsection