230 lines
12 KiB
HTML
230 lines
12 KiB
HTML
<!doctype html>
|
|
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr-fr"> <![endif]-->
|
|
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="fr-fr"> <![endif]-->
|
|
<!--[if IE 8]> <html class="no-js lt-ie9" lang="fr-fr"> <![endif]-->
|
|
<!--[if gt IE 8]><!-->
|
|
<html class="no-js" lang="fr-fr">
|
|
<!--<![endif]-->
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<title>Liste des Bénéficiaires | Bénévolaide</title>
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
<style>
|
|
</style>
|
|
<link rel="stylesheet" href="css/bootstrap-flatly.css">
|
|
<link rel="stylesheet" href="css/main.css">
|
|
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<!-- Header Zone -->
|
|
<header>
|
|
<nav class="navbar navbar-inverse navbar-fixed-top">
|
|
<div class="container">
|
|
<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
|
<ul class="nav navbar-nav">
|
|
<li><a href="index.html"><span class="glyphicon glyphicon-home"></span><span class="hidden-md hidden-sm"> Accueil</span></a></li>
|
|
<li><a href="dashboard.html"><span class="glyphicon glyphicon-dashboard"></span><span class="hidden-md hidden-sm"> Tableau de bord</span></a></li>
|
|
<li class="dropdown active">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénéficiaires <span class="caret"></span></a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="domaineCherche.html"><span class="glyphicon glyphicon-briefcase"></span> Chercher par domaine</a></li>
|
|
<li><a href="beneficiaireListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénéficiaires</a></li>
|
|
<li><a href="beneficiaireEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénéficiaire</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénévoles <span class="caret"></span></a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="benevoleListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénévole</a></li>
|
|
<li><a href="benevoleEdition.html"><span class="glyphicon glyphicon-plus"></span>Inscrire un bénévole</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<form class="navbar-form navbar-left hidden-xs" role="search">
|
|
<div class="input-group">
|
|
<input id="headerSearchInput" type="text" class="form-control" placeholder="Rechercher..." required />
|
|
<span class="input-group-btn">
|
|
<button type="submit" id="headerSearchButton" class="btn btn-default">
|
|
<span class="glyphicon glyphicon-search"></span>
|
|
<span class="hidden-md hidden-sm hidden-xs"> Rechercher</span>
|
|
</button>
|
|
</span>
|
|
</div>
|
|
</form>
|
|
<!-- Left zone -->
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li>
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
|
<span class="hidden-sm">Bonjour Simon</span> <span class="glyphicon glyphicon-option-vertical"></span>
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="utilisateurProfil.html"><span class="glyphicon glyphicon-user"></span> Mon profil</a></li>
|
|
<li><a href="apropos.html"><span class="glyphicon glyphicon-info-sign"></span> À propos</a></li>
|
|
<li role="separator" class="divider"></li>
|
|
<li><a href="connexion.html"><span class="glyphicon glyphicon-log-out"></span> Deconnexion</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<!-- Body zone -->
|
|
<section class="container">
|
|
<div class="row">
|
|
<!-- Titre et légende -->
|
|
<h2>Liste des bénéficiaires <span class="label label-info">Total : 8</span></h2>
|
|
<p>Cette liste résume tout les bénéficiaires qui sont inscrit dans l'application. Cliquez sur l'une des entrées pour avoir sa fiche détaillé.</p>
|
|
<!-- Tableau -->
|
|
<table class="table table-striped table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th><span class="text-primary">Prénom et Nom</span></th>
|
|
<th>Genre</th>
|
|
<th><span class="glyphicon glyphicon-floppy-saved"></span> Inscrit le</th>
|
|
<th><span class="glyphicon glyphicon-time"></span> Dernière visite</th>
|
|
<th>Informations</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><a href="beneficiaireProfil.html">Sylvine <span class="text-smallcase">Attratra</span></a></td>
|
|
<td><span class="beneficiaireProfil.html">Femme</span></td>
|
|
<td>12/02/2016</td>
|
|
<td>15/02/2016</td>
|
|
<td>
|
|
<span class="glyphicon glyphicon-home" title="Domicilié"></span>
|
|
<span class="glyphicon glyphicon-briefcase" title="Inscrit au Pôle-Emploi"></span>
|
|
<span class="glyphicon glyphicon-envelope" title="Possède un courriel"></span>
|
|
<span class="glyphicon glyphicon-phone-alt" title="Possède un téléphone fixe"></span>
|
|
<span class="glyphicon glyphicon-phone" title="Possède un téléphone mobile"></span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="beneficiaireProfil.html">Delphine <span class="text-smallcase">Sabasti</span></a></td>
|
|
<td><span class="">Femme</span></td>
|
|
<td>10/01/2000</td>
|
|
<td>14/13/2012</td>
|
|
<td>
|
|
<span class="glyphicon glyphicon-briefcase" title="Inscrit au Pôle-Emploi"></span>
|
|
<span class="glyphicon glyphicon-envelope" title="Possède un courriel"></span>
|
|
<span class="glyphicon glyphicon-phone" title="Possède un téléphone mobile"></span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="beneficiaireProfil.html">Patrick <span class="text-smallcase">Dull</span></a></td>
|
|
<td><span class="">Homme</span></td>
|
|
<td>10/07/2012</td>
|
|
<td>15/12/2015</td>
|
|
<td>
|
|
<span class="glyphicon glyphicon-home" data-toggle="tooltip" data-placement="bottom" title="Domicilié" data-original-title="Domicilié"></span>
|
|
<span class="glyphicon glyphicon-briefcase" title="Inscrit au Pôle-Emploi"></span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="beneficiaireProfil.html">Christophe <span class="text-smallcase">Denver</span></a></td>
|
|
<td><span class="">Homme</span></td>
|
|
<td>17/09/2011</td>
|
|
<td>25/14/2017</td>
|
|
<td>
|
|
<span class="glyphicon glyphicon-home" data-toggle="tooltip" data-placement="bottom" title="Domicilié" data-original-title="Domicilié"></span>
|
|
<span class="glyphicon glyphicon-briefcase" title="Inscrit au Pôle-Emploi"></span>
|
|
<span class="glyphicon glyphicon-envelope" title="Possède un courriel"></span>
|
|
<span class="glyphicon glyphicon-phone-alt" title="Possède un téléphone fixe"></span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="beneficiaireProfil.html">Amandine <span class="text-smallcase">Guigiou</span></a></td>
|
|
<td><span class="">Femme</span></td>
|
|
<td>13/02/2016</td>
|
|
<td>14/02/2016</td>
|
|
<td>
|
|
<span class="glyphicon glyphicon-home" data-toggle="tooltip" data-placement="bottom" title="Domicilié" data-original-title="Domicilié"></span>
|
|
<span class="glyphicon glyphicon-envelope" title="Possède un courriel"></span>
|
|
<span class="glyphicon glyphicon-phone-alt" title="Possède un téléphone fixe"></span>
|
|
<span class="glyphicon glyphicon-phone" title="Possède un téléphone mobile"></span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="beneficiaireProfil.html">Matthiew <span class="text-smallcase">Robertson</span></a></td>
|
|
<td><span class="">Homme</span></td>
|
|
<td>20/07/2015</td>
|
|
<td>08/03/2016</td>
|
|
<td>
|
|
<span class="glyphicon glyphicon-home" data-toggle="tooltip" data-placement="bottom" title="Domicilié" data-original-title="Domicilié"></span>
|
|
<span class="glyphicon glyphicon-briefcase" title="Inscrit au Pôle-Emploi"></span>
|
|
<span class="glyphicon glyphicon-education" title="Diplomé"></span>
|
|
<span class="glyphicon glyphicon-envelope" title="Possède un courriel"></span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="beneficiaireProfil.html">Meixing <span class="text-smallcase">Nguyen</span></a></td>
|
|
<td><span class="">Femme</span></td>
|
|
<td>27/02/2015</td>
|
|
<td>14/09/2015</td>
|
|
<td>
|
|
<span class="glyphicon glyphicon-home" data-toggle="tooltip" data-placement="bottom" title="Domicilié" data-original-title="Domicilié"></span>
|
|
<span class="glyphicon glyphicon-briefcase" title="Inscrit au Pôle-Emploi"></span>
|
|
<span class="glyphicon glyphicon-phone-alt" title="Possède un téléphone fixe"></span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="beneficiaireProfil.html">Makena <span class="text-smallcase">Bongani</span></a></td>
|
|
<td><span class="">Homme</span></td>
|
|
<td>13/02/2016</td>
|
|
<td>13/02/2016</td>
|
|
<td>
|
|
<span class="glyphicon glyphicon-home" data-toggle="tooltip" data-placement="bottom" title="Domicilié" data-original-title="Domicilié"></span>
|
|
<span class="glyphicon glyphicon-phone" title="Possède un téléphone mobile"></span>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<h3>Legende</h3>
|
|
<div class="col-sm-3">
|
|
<ul class="list-group">
|
|
<li class="list-group-item"><span class="glyphicon glyphicon-home"></span> Domicilié</li>
|
|
<li class="list-group-item"><span class="glyphicon glyphicon-briefcase"></span> Inscrit au Pôle-Emploi</li>
|
|
<li class="list-group-item"><span class="glyphicon glyphicon-education"></span> Diplômé</li>
|
|
<li class="list-group-item"><span class="glyphicon glyphicon-envelope"></span> Possède un courriel</li>
|
|
<li class="list-group-item"><span class="glyphicon glyphicon-phone-alt"></span> Possède un téléphone fixe</li>
|
|
<li class="list-group-item"><span class="glyphicon glyphicon-phone"></span> Possède un téléphone mobile</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Footer zone -->
|
|
<footer class="well footer footer-bottom-patch">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xs-6">
|
|
<h5 class="text-primary">Remerciement</h5>
|
|
<ul class="list-unstyled small">
|
|
<li>Mise en page propulsé par <a href="http://getbootstrap.com/">Bootstrap</a>.</li>
|
|
<li>Apparence et style fournit par <a href="https://bootswatch.com/">Bootswatch</a>.</li>
|
|
<li>Scripts motorisé par <a href="https://jquery.com/">jQuery</a>.</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<h5 class="text-primary">Termes</h5>
|
|
<ul class="list-unstyled small">
|
|
<li>Ce site web est un projet d'étude.</li>
|
|
<li><a href="#">À propos</a> de Bénévolaide.</li>
|
|
<li>License <a class="" href="http://creativecommons.org/licenses/by-nc-nd/3.0/fr/legalcode">CC-BY-NC-ND</a> 2016.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- /container -->
|
|
<script src="//code.jquery.com/jquery-2.2.1.js"></script>
|
|
<script>window.jQuery || document.write('<script src="js/vendor/jquery-2.2.0.js"><\/script>')</script>
|
|
<script src="js/vendor/bootstrap.min.js"></script>
|
|
<script src="js/shared.js"></script>
|
|
<script src="js/listeBeneficiaire.js"></script>
|
|
</body>
|
|
</html>
|