This commit is contained in:
Thoscellen
2020-05-16 14:48:37 +02:00
commit bf97688639
231 changed files with 195771 additions and 0 deletions

View File

@@ -0,0 +1,60 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Page Not Found</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
line-height: 1.2;
margin: 0;
}
html {
color: #888;
display: table;
font-family: sans-serif;
height: 100%;
text-align: center;
width: 100%;
}
body {
display: table-cell;
vertical-align: middle;
margin: 2em auto;
}
h1 {
color: #555;
font-size: 2em;
font-weight: 400;
}
p {
margin: 0 auto;
width: 280px;
}
@media only screen and (max-width: 280px) {
body, p {
width: 95%;
}
h1 {
font-size: 1.5em;
margin: 0 0 0.3em;
}
}
</style>
</head>
<body>
<h1>Page Not Found</h1>
<p>Sorry, but the page you were trying to view does not exist.</p>
</body>
</html>
<!-- IE needs 512+ bytes: http://blogs.msdn.com/b/ieinternals/archive/2010/08/19/http-error-pages-in-internet-explorer.aspx -->

View File

@@ -0,0 +1,107 @@
<!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>Administration | 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">
<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 Pierro</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="index.html"><span class="glyphicon glyphicon-log-out"></span> Deconnexion</a></li>
</ul>
</li>
</ul>
</div>
</nav>
</header>
<!-- Body zone -->
<section class="container"></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/main.js"></script>
<script src="js/beneficiaireProfil.js"></script>
</body>
</html>

View File

@@ -0,0 +1,107 @@
<!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>À propos | 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">
<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="index.html"><span class="glyphicon glyphicon-log-out"></span> Deconnexion</a></li>
</ul>
</li>
</ul>
</div>
</nav>
</header>
<!-- Body zone -->
<section class="container"></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/main.js"></script>
<script src="js/beneficiaireProfil.js"></script>
</body>
</html>

View File

@@ -0,0 +1,522 @@
<!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>Nouveau bénéficiaire | 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">
<h2>Inscrire un nouveau bénéficiaire</h2>
<p>Utilisez le formulaire ci dessous pour ajouter un bénéficiaire à la base. Les entrées marquées d'une <span class="glyphicon glyphicon-star text-warning"></span> (étoile) sont obligatoires.</p>
<form class="form-horizontal" id="beneficiaireForm" method="post" action="beneficiaireProfil.html">
<fieldset>
<div class="form-group">
<label class="col-sm-4 control-label" for="benevol">Bénévole accueilllant <span class="glyphicon glyphicon-star text-warning"></span></label>
<div class="col-sm-4">
<select id="benevol" name="benevol" class="form-control input-md" required>
<option selected></option>
<option value="1">Pierro d'Houin</option>
<option value="2" selected>Simon Priet</option>
<option value="3">Claudette Dupuis</option>
<option value="4">Héloïse Lois</option>
<option value="5">Nordin Sedkaoui</option>
<option value="6">Daouda Camara</option>
<option value="7">Amélie Clark</option>
</select>
<p class="help-block">Le bénévole accueillant sera désigné comme bénévole en charge du bénéficiaire.</p>
</div>
</div>
<div class="row">
<div class="col-md-offset-3 col-md-9 col-xs-12">
<h3 class="text-primary">Informations générales</h3>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 col-xs-12 control-label" for="Nom">Nom <span class="glyphicon glyphicon-star text-warning"></span></label>
<div class="col-md-2 col-sm-4 col-xs-6">
<input id="Prenom" name="Prenom" type="text" placeholder="Prénom" class="form-control input-md" aria-describedby="Prénom du bénévole" required="">
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<input id="Nom" name="Nom" type="text" placeholder="Nom de famille" class="form-control input-md" aria-describedby="Nom de famille du bénévole" required="">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="Genre">Genre <span class="glyphicon glyphicon-star text-warning"></span></label>
<div class="col-sm-4">
<label class="radio-inline" for="homme">
<input type="radio" name="Genre" id="homme" value="H" checked required>
Homme
</label>
<label class="radio-inline" for="femme">
<input type="radio" name="Genre" id="femme" value="F">
Femme
</label>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="DDN">Date de naissance <span class="glyphicon glyphicon-star text-warning"></span></label>
<div class="col-sm-4">
<div class="input-group">
<input id="DDN" name="DDN" class="form-control input-md" placeholder="Date de naissance" type="text" required="">
<span class="input-group-addon">JJ/MM/AAAA</span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="Handicap">Handicapé</label>
<div class="col-sm-4">
<label class="radio-inline" for="Handicap-0">
<input type="radio" name="Handicap" id="Handicap-0" value="0" checked="checked">
Non
</label>
<label class="radio-inline" for="Handicap-1">
<input type="radio" name="Handicap" id="Handicap-1" value="1">
Oui
</label>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="MinimaSociaux">Revenu minimum</label>
<div class="col-sm-4">
<label class="radio-inline" for="MinimaSociaux-0">
<input type="radio" name="MinimaSociaux" id="MinimaSociaux-0" value="0" checked="checked">
Non
</label>
<label class="radio-inline" for="MinimaSociaux-1">
<input type="radio" name="MinimaSociaux" id="MinimaSociaux-1" value="1">
Oui
</label>
</div>
</div>
<div class="row">
<div class="col-md-offset-3 col-md-9 col-xs-12">
<h3 class="text-primary">Moyen de contact</h3>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="Telfixe">Téléphone</label>
<div class="col-sm-4">
<input id="Telfixe" name="Telfixe" type="text" placeholder="Téléphone fixe" class="form-control input-md">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="Telmobile">Portable</label>
<div class="col-sm-4">
<input id="Telmobile" name="Telmobile" type="text" placeholder="Téléphone portable" class="form-control input-md">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="email">Courriel</label>
<div class="col-md-3 col-sm-4 col-xs-12">
<input id="email" name="email" type="text" placeholder="Courriel" class="form-control input-md">
</div>
<div class="col-md-2 col-sm-4 col-xs-12">
<input id="passEmail" name="passEmail" type="password" placeholder="Mot de passe" class="form-control input-md">
</div>
</div>
<div class="row">
<div class="col-md-offset-3 col-md-9 col-xs-12">
<h3 class="text-primary">Pôle-Emploi</h3>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="APE">Est inscrit au Pôle-Emploi</label>
<div class="col-sm-4">
<label class="radio-inline" for="APE-1">
<input type="radio" name="APE" id="APE-1" value="1" checked="checked" aria-describedby="Possède un compte Pôle-Emploi'">
Oui
</label>
<label class="radio-inline" for="APE-0">
<input type="radio" name="APE" id="APE-0" value="0" aria-describedby="Ne possède pas de compte Pôle-Emploi">
Non
</label>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="IdentifiantPE">Compte Pôle-Emploi</label>
<div class="col-md-3 col-sm-4 col-xs-12">
<input id="IdentifiantPE" name="IdentifiantPE" type="text" placeholder="Identifiant du Pôle-Emploi" class="form-control input-md" aria-describedby="Identifiant du compte Pôle-Emploi">
</div>
<div class="col-md-2 col-sm-4 col-xs-12">
<input id="passPE" name="passPE" type="password" placeholder="Mot de passe" class="form-control input-md" aria-describedby="Mot de passe du compte Pôle-Emploi">
</div>
</div>
<div class="row">
<div class="col-md-offset-3 col-md-9 col-xs-12">
<h3 class="text-primary">Recherche</h3>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 col-xs-12 control-label" for="formation1">Formation</label>
<div class="col-md-2 col-sm-4 col-xs-6">
<select id="formation1" name="formation1" class="form-control input-md">
<option value="1">Domaine 1</option>
<option value="2">Domaine 2</option>
</select>
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<select id="formation2" name="formation2" class="form-control input-md">
<option value="1">Domaine 1</option>
<option value="2">Domaine 2</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 col-xs-12 control-label" for="domaine1">Domaine</label>
<div class="col-md-2 col-sm-4 col-xs-6">
<select id="domaine1" name="domaine1" class="form-control input-md">
<option value="1">Domaine 1</option>
<option value="2">Domaine 2</option>
</select>
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<select id="domaine2" name="domaine2" class="form-control input-md">
<option value="1">Domaine 1</option>
<option value="2">Domaine 2</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="emploiSouhaite">Emploi souhaité</label>
<div class="col-sm-4">
<input id="emploiSouhaite" name="emploiSouhaite" type="text" placeholder="Emploi souhaité" class="form-control input-md">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="Contrat">Nature du contrat</label>
<div class="col-sm-4">
<select id="Contrat" name="Contrat" class="form-control input-md">
<option value="1">Contrat type 1</option>
<option value="2">Contrat type 2</option>
<option value="3">Contrat type 3</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="TempsPartiel">Temps partiel</label>
<div class="col-md-4 col-sm-7">
<div class="input-group">
<input id="TempsPartiel" name="TempsPartiel" class="form-control input-md" placeholder="Temps de travail minimal en temps partiel" type="text">
<span class="input-group-addon">h / semaine</span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="StatutEmploi">Statut sur le marché de l'emploi</label>
<div class="col-md-5 col-sm-8">
<select id="StatutEmploi" name="StatutEmploi" class="form-control input-md">
<option value="1">Actif dépendant (Salarié, p.ex. : À temps partiel)</option>
<option value="2">En contrat aidé</option>
<option value="3">Actif indépendant (Artisan, Commerçant, entrepreneur, artiste, ...)</option>
<option value="4">Chômeur</option>
<option value="5">Chômeur longue durée (&gt; 12 mois)</option>
<option value="6">Inactif, étudiant, retraité</option>
<option value="7">Inactif en formation</option>
</select>
</div>
</div>
<div class="row">
<div class="col-md-offset-3 col-md-9 col-xs-12">
<h3 class="text-primary">Mobilité</h3>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="Permis">Permis de conduire</label>
<div class="col-sm-4">
<div class="checkbox">
<label for="Permis-0">
<input type="checkbox" name="Permis" id="Permis-0" value="A">
A (2 roues)
</label>
</div>
<div class="checkbox">
<label for="Permis-1">
<input type="checkbox" name="Permis" id="Permis-1" value="B">
B (Voiture)
</label>
</div>
<div class="checkbox">
<label for="Permis-2">
<input type="checkbox" name="Permis" id="Permis-2" value="C">
C (Camion)
</label>
</div>
<div class="checkbox">
<label for="Permis-3">
<input type="checkbox" name="Permis" id="Permis-3" value="D">
D (Utilitaire)
</label>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="Bassin">Bassin de recherche</label>
<div class="col-sm-4">
<select id="Bassin" name="Bassin" class="form-control">
<option value="1">Paris intramuros</option>
<option value="2">Ile-de-France</option>
<option value="3">France</option>
<option value="4">Europe</option>
</select>
</div>
</div>
<div class="row">
<div class="col-md-offset-3 col-md-9 col-xs-12">
<h3 class="text-primary">Adresse de résidence</h3>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="AAdresse">Domicilié</label>
<div class="col-sm-4">
<label class="radio-inline" for="AAdresse-1">
<input type="radio" name="AAdresse" id="AAdresse-1" value="1" checked="checked">
Oui
</label>
<label class="radio-inline" for="AAdresse-0">
<input type="radio" name="AAdresse" id="AAdresse-0" value="0">
Non
</label>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="Adresse">Adresse postale</label>
<div class="col-sm-8">
<div class="row">
<div class="col-sm-8 col-xs-12">
<input id="Adresse" name="Adresse" type="text" placeholder="Numéro et rue" class="form-control input-md">
</div>
</div>
<br />
<div class="row">
<div class="col-sm-3 col-xs-3">
<input id="CodePostal" name="CodePostal" type="text" placeholder="Code postal" class="form-control input-md">
</div>
<div class="col-sm-5 col-xs-9">
<input id="Ville" name="Ville" type="text" placeholder="Ville" class="form-control input-md">
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="NatureAdresse">Nature de l'adresse</label>
<div class="col-sm-4">
<label class="radio-inline" for="NatureAdresse-0">
<input type="radio" name="NatureAdresse" id="NatureAdresse-0" value="1" checked="checked">
Réelle
</label>
<label class="radio-inline" for="NatureAdresse-1">
<input type="radio" name="NatureAdresse" id="NatureAdresse-1" value="2">
Administrative
</label>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="AdressePrioritaire">Spécificité de l'adresse</label>
<div class="col-sm-4">
<div class="checkbox">
<label for="AdressePrioritaire-0">
<input type="checkbox" name="AdressePrioritaire" id="AdressePrioritaire-0" value="1">
Zone Urbaine Sensible
</label>
</div>
<div class="checkbox">
<label for="AdressePrioritaire-1">
<input type="checkbox" name="AdressePrioritaire" id="AdressePrioritaire-1" value="2">
Zone Franche Urbaine
</label>
</div>
<div class="checkbox">
<label for="AdressePrioritaire-2">
<input type="checkbox" name="AdressePrioritaire" id="AdressePrioritaire-2" value="">
Contrat Urbain de Cohésion sociale
</label>
</div>
<div class="checkbox">
<label for="AdressePrioritaire-3">
<input type="checkbox" name="AdressePrioritaire" id="AdressePrioritaire-3" value="">
Quartier Politique de la Ville
</label>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="migrant">Migrant</label>
<div class="col-sm-4">
<div class="radio">
<label for="migrant-0">
<input type="radio" name="migrant" id="migrant-0" value="0" checked="checked">
Non
</label>
</div>
<div class="radio">
<label for="migrant-1">
<input type="radio" name="migrant" id="migrant-1" value="1">
Oui : Communauté européenne
</label>
</div>
<div class="radio">
<label for="migrant-2">
<input type="radio" name="migrant" id="migrant-2" value="2">
Oui : Extra-européen
</label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-offset-3 col-md-9 col-xs-12">
<h3 class="text-primary">Études</h3>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="EtudeNiveau">Niveau de formation</label>
<div class="col-sm-4">
<select id="EtudeNiveau" name="EtudeNiveau" class="form-control">
<option value="1">Pas de diplôme</option>
<option value="2">Brevet des collèges</option>
<option value="3">Bac</option>
<option value="4">Bac +2</option>
<option value="5">Bac +3</option>
<option value="6">Bac +5</option>
<option value="7">Bac +7</option>
<option value="8">Bac +8</option>
<option value="9">Au delà</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="Diplome">Dernier diplôme</label>
<div class="col-sm-4">
<input id="Diplome" name="Diplome" type="text" placeholder="Nom du dernier du diplôme obtenu" class="form-control input-md">
</div>
</div>
<div class="form-group">
<div class="col-md-offset-3 col-md-6">
<div class="alert alert-dismissible alert-danger">
<button type="button" class="close" data-dismiss="alert">×</button>
<p>Aie, tout ne s'est pas bien passé. Jettez un coup d'oeil aux entrées en rouge.</p>
</div>
</div>
</div>
<!-- Button -->
<div class="form-group">
<label class="col-sm-4 control-label" for="submitButton"></label>
<div class="col-md-8">
<button id="submitButton" name="submitButton" class="btn btn-primary" type="submit"><span class="glyphicon glyphicon-floppy-save"></span> Inscrire</button>
<button id="updateButton" name="updateButton" class="btn btn-default" type="submit"><span class="glyphicon glyphicon-floppy-saved"></span> Mettre à jour</button>
<button id="resetButton" name="resetButton" class="btn btn-default" type="reset"><span class="glyphicon glyphicon-erase"></span> Effacer</button>
</div>
</div>
</fieldset>
</form>
</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/ajoutBeneficiaire.js"></script>
</body>
</html>

View File

@@ -0,0 +1,229 @@
<!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>

View File

@@ -0,0 +1,656 @@
<!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>Profile de bénéficiaire | 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 id="TopHeader">
<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 -->
<!-- Tabs -->
<section class="container">
<div class="row">
<h1 class="text-primary">Delphine <span class="text-smallcase">Sabasti</span></h1>
<div class="col-sm-10 col-sm-offset-1">
<br />
<div class="alert alert-dismissible alert-info">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<h4>Hey !</h4>
<p>Cette personne à besoin d'être vérifié. Si tout semble en ordre, vous pouvez la valider : <a href="#" class="btn btn-success"><span class="glyphicon glyphicon-ok"></span> Valider</a></p>
</div>
</div>
</div>
<ul class="nav nav-tabs">
<li role="presentation" class="active">
<a href="#profil" data-toggle="tab">Profil du bénéficiaire</a>
</li>
<li role="presentation">
<a href="#visites" data-toggle="tab">Suivit des visites</a>
</li>
<li role="presentation">
<a href="#fichiers" data-toggle="tab">Dossier personnel</a>
</li>
</ul>
</section>
<!-- Tabs contents -->
<section id="myTabContent" class="container tab-content">
<!-- Tab Infos -->
<div class="tab-pane fade active in" id="profil">
<div class="top-right-button-group">
<menu class="btn-group-vertical" role="group">
<!-- <a href="#" class="btn btn-success"><span class="glyphicon glyphicon-ok"></span> Valider</a>
<a href="#" class="btn btn-warning"><span class="glyphicon glyphicon-record"></span> Douter</a>-->
<a href="#" class="btn btn-success"><span class="glyphicon glyphicon glyphicon-file"></span> Exporter en PDF</a>
<a href="beneficiaireEdition.html" class="btn btn-primary"><span class="glyphicon glyphicon-pencil"></span> Modifier</a>
<a href="#" class="btn btn-default"><span class="glyphicon glyphicon-remove"></span> Supprimer</a>
</menu>
</div>
<div class="row">
<div class="col-md-offset-3 col-md-9 col-xs-12">
<h3 class="text-primary">Informations générales</h3>
</div>
</div>
<div class="row">
<strong class="col-sm-4 text-right">Nom</strong>
<span class="col-sm-4">Delphine Sabasti</span>
</div>
<div class="row">
<strong class="col-sm-4 text-right">Genre</strong>
<span class="col-sm-4">Femme</span>
</div>
<div class="row">
<strong class="col-sm-4 text-right">Date de naissance</strong>
<span class="col-sm-4">12/05/1985</span>
</div>
<div class="row">
<div class="col-md-offset-3 col-md-9 col-xs-12">
<h3 class="text-primary">Moyen de contact</h3>
</div>
</div>
<div class="row">
<strong class="col-sm-4 text-right">
Courriel
</strong>
<div class="col-sm-4">
<span class="glyphicon glyphicon-envelope"></span> <a href="mailto:delphine.sabasti@laposte.net">delphine.sabasti@laposte.net</a>
<br />
<span class="glyphicon glyphicon-lock"></span> ●●●●●●● <a href="#" title="Révéler le mot de passe" class=""><span class="glyphicon glyphicon-eye-open"></span></a>
</div>
</div>
<div class="row">
<strong class="col-sm-4 text-right">
Portable
</strong>
<div class="col-sm-4">
<a href="tel:0123456789">01 23 45 67 89</a>
</div>
</div>
<div class="row">
<div class="col-md-offset-3 col-md-9 col-xs-12">
<h3 class="text-primary">Pôle-Emploi</h3>
</div>
</div>
<div class="row">
<strong class="col-sm-4 text-right">
Est inscrit(e) au Pôle-Emploi
</strong>
<div class="col-sm-4">
Oui
</div>
</div>
<div class="row">
<strong class="col-sm-4 text-right">
Compte Pôle-Emploi
</strong>
<div class="col-sm-4">
<span class="glyphicon glyphicon-user"></span> DelphineSabasti1
<br />
<span class="glyphicon glyphicon-lock"></span> ●●●●●●● <a href="#" title="Révéler le mot de passe" class=""><span class="glyphicon glyphicon-eye-open"></span></a>
<br />
<a href="https://candidat.pole-emploi.fr/candidat/espacepersonnel/authentification/" target="_blank"><span class="glyphicon glyphicon-share"></span> Se connecter au Pôle-Emploi</a>
</div>
</div>
<div class="row">
<div class="col-md-offset-3 col-md-9 col-xs-12">
<h3 class="text-primary">Recherche</h3>
</div>
</div>
<div class="row">
<strong class="col-sm-4 text-right">
Formation
</strong>
<div class="col-sm-4">
Domaine 2, Domaine 1
</div>
</div>
<div class="row">
<strong class="col-sm-4 text-right">
Domaine
</strong>
<div class="col-sm-4">
Domaine 2, Domaine 1
</div>
</div>
<div class="row">
<strong class="col-sm-4 text-right">
Emploi souhaité
</strong>
<div class="col-sm-4">
Conciergerie
</div>
</div>
<div class="row">
<strong class="col-sm-4 text-right">
Nature du contrat
</strong>
<div class="col-sm-4">
Contrat type 2
</div>
</div>
<div class="row">
<strong class="col-sm-4 text-right">
Temps partiel
</strong>
<div class="col-sm-4">
20 h/semaine
</div>
</div>
<div class="row">
<strong class="col-sm-4 text-right">
Statut sur le marché de l'emploi
</strong>
<div class="col-sm-4">
Chômeur longue durée (>12 mois)
</div>
</div>
<div class="row">
<div class="col-md-offset-3 col-md-9 col-xs-12">
<h3 class="text-primary">Informations générales</h3>
</div>
</div>
<div class="row">
<strong class="col-sm-4 text-right">
Bassin de recherche
</strong>
<div class="col-sm-4">
Paris intramuros
</div>
</div>
<div class="row">
<div class="col-md-offset-3 col-md-9 col-xs-12">
<h3 class="text-primary">Adresse de résidence</h3>
</div>
</div>
<div class="row">
<strong class="col-sm-4 text-right">
Domicilié(e)
</strong>
<div class="col-sm-4">
Non
</div>
</div>
<div class="row">
<strong class="col-sm-4 text-right">
Migrant
</strong>
<div class="col-sm-4">
Oui : Communauté européenne
</div>
</div>
<div class="row">
<div class="col-md-offset-3 col-md-9 col-xs-12">
<h3 class="text-primary">Études</h3>
</div>
</div>
<div class="row">
<strong class="col-sm-4 text-right">
Niveau de formation
</strong>
<div class="col-sm-4">
Bac
</div>
</div>
<div class="row">
<strong class="col-sm-4 text-right">
Dernier diplôme obtenu
</strong>
<div class="col-sm-4">
STG Maintenance des locaux
</div>
</div>
<br />
<br />
</div>
<!-- Tab Visites -->
<div class="tab-pane fade in" id="visites">
<div class="top-right-button-group">
<menu class="btn-group-vertical" role="group">
<a href="#" class="btn btn-default" id="ShowAddVisitForm">Ajouter une visite</a>
</menu>
</div>
<!-- En bref -->
<div class="row">
<div class="col-xs-12">
<h3>En bref</h3>
<div class="panel-body">
<form class="form-horizontal" id="beneficiaireForm" method="post">
<fieldset>
<div class="form-group">
<label class="col-sm-4 control-label" for="benevol">Bénévole en charge</label>
<div class="col-md-6 col-sm-8">
<div class="input-group">
<select id="benevol" name="benevol" class="form-control input-sm" required>
<option value="1">Pierro d'Houin</option>
<option value="2" selected>Simon Priet</option>
<option value="3">Claudette Dupuis</option>
<option value="4">Héloïse Lois</option>
<option value="5">Nordin Sedkaoui</option>
<option value="6">Daouda Camara</option>
<option value="7">Amélie Clark</option>
</select>
<span class="input-group-btn">
<button id="submitButton" name="submitButton" class="btn btn-default btn-sm" type="submit">
<span class="glyphicon glyphicon-arrow-right"></span>
<span class="hidden-md"> Changer</span>
</button>
</span>
</div>
</div>
</div>
</fieldset>
</form>
<div class="row">
<strong class="col-sm-4 text-right">Inscription</strong>
<span class="col-sm-4">10/01/2000</span>
</div>
<div class="row">
<strong class="col-sm-4 text-right">Nombre de visites</strong>
<span class="col-sm-4">3</span>
</div>
</div>
</div>
</div>
<!-- Ajouter une visite -->
<div class="row" id="AddVisitForm">
<div class="col-xs-12">
<h3>Ajouter une visite</h3>
<form class="form-horizontal well">
<!-- Row bouttons -->
<div class="form-group row">
<div id="top-right-floating-group" class="btn-group" role="group">
<button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-plus"></span> Ajouter cette visite</button>
<a id="HideAddVisitForm" class="btn btn-danger" href="#"><span class="glyphicon glyphicon-remove"></span></a>
</div>
<div class="">Utilisez ce formulaire pour ajouter une visite de ce bénéficiaire. Les entrées marquées d'une <span class="glyphicon glyphicon-star text-warning"></span> (étoile) sont obligatoires.</div>
</div>
<!-- Row Date + Bénévole -->
<div class="form-group row">
<div class="col-sm-6">
<label for="today" class="control-label col-md-5">Date de la visite <span class="glyphicon glyphicon-star text-warning"></span></label>
<div class="col-md-7">
<input type="date" id="today" name="today" class="form-control col-sm-4" />
</div>
</div>
<div class="col-sm-6">
<label for="benevole" class="control-label col-md-5">Bénévole accueillant <span class="glyphicon glyphicon-star text-warning"></span></label>
<div class="col-md-7">
<select id="benevole" name="benevole" class="form-control" required>
<option value="1">Pierro d'Houin</option>
<option value="2" selected>Simon Priet</option>
<option value="3">Claudette Dupuis</option>
<option value="4">Héloïse Lois</option>
<option value="5">Nordin Sedkaoui</option>
<option value="6">Daouda Camara</option>
<option value="7">Amélie Clark</option>
</select>
</div>
</div>
</div>
<!-- Row Checkboxes -->
<div class="form-group row">
<label for="activity-1" class="col-md-3 col-sm-4 col-xs-6">
<input type="checkbox" name="activities" id="activity-1" value="1">
Curicullum Vitae
</label>
<label for="activity-2" class="col-md-3 col-sm-4 col-xs-6">
<input type="checkbox" name="activities" id="activity-2" value="2">
Lettre de motivation
</label>
<label for="activity-3" class="col-md-3 col-sm-4 col-xs-6">
<input type="checkbox" name="activities" id="activity-3" value="3">
Candidature Pôle-Emploi
</label>
<label for="activity-4" class="col-md-3 col-sm-4 col-xs-6">
<input type="checkbox" name="activities" id="activity-4" value="4">
Autre candidature
</label>
<label for="activity-5" class="col-md-3 col-sm-4 col-xs-6">
<input type="checkbox" name="activities" id="activity-5" value="5">
Soutien moral
</label>
<label for="activity-6" class="col-md-3 col-sm-4 col-xs-6">
<input type="checkbox" name="activities" id="activity-6" value="6">
Recherche d'emploi
</label>
<label for="activity-7" class="col-md-3 col-sm-4 col-xs-6">
<input type="checkbox" name="activities" id="activity-7" value="7">
Recherche de lieu
</label>
<label for="activity-8" class="col-md-3 col-sm-4 col-xs-6">
<input type="checkbox" name="activities" id="activity-8" value="8">
Achat
</label>
<label for="activity-9" class="col-md-3 col-sm-4 col-xs-6">
<input type="checkbox" name="activities" id="activity-9" value="9">
Autre
</label>
</div>
<!-- Row Textarea commentaire -->
<div class="form-group row">
<div class="col-lg-offset-2 col-lg-8 col-sm-offset-1 col-sm-10 col-xs-12">
<textarea class="form-control" id="textarea" name="textarea" placeholder="Commentaire" rows="4"></textarea>
</div>
</div>
</form>
</div>
</div>
<!-- Historique des visites -->
<div class="row">
<div class="col-xs-12">
<h3>Ses visites</h3>
<div class="row">
<div class="col-md-3">
<ul class="list-inline">
<li><h2 class="text-info"><span class="glyphicon glyphicon-calendar"></span>25/02/2016</h2></li>
<li><h3><span class="label label-default">Simon Priet</span></h3></li>
</ul>
</div>
<div class="col-md-9">
<div class="well">
<h4>
<span class="label label-success">Curriculum Vitae</span>
<span class="label label-success">Lettre de motivation</span>
<span class="label label-success">Candidature Pôle-Emploi</span>
</h4>
<div class="panel panel-success">
<div class="panel-body">
<p>Rédaction d'un CV, relecture et correction d'une lettre de motivation, candidature sur une offre d'agent de surface pour la Mairie de Paris.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<ul class="list-inline">
<li><h2 class="text-info"><span class="glyphicon glyphicon-calendar"></span>11/07/2013</h2></li>
<li><h3><span class="label label-default">Simon Priet</span></h3></li>
</ul>
</div>
<div class="col-md-9">
<div class="well">
<h4>
<span class="label label-success">Lettre de motivation</span>
</h4>
<div class="panel panel-success">
<div class="panel-body">
<p>Rédaction d'une lettre de motivation et discussion autour d'un café.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<ul class="list-inline">
<li><h2 class="text-info"><span class="glyphicon glyphicon-calendar"></span>10/01/2000</h2></li>
<li><h3><span class="label label-default">Simon Priet</span></h3></li>
</ul>
</div>
<div class="col-md-9">
<div class="well">
<h4>
<span class="label label-info">Inscription</span>
<span class="label label-success">Soutien moral</span>
<span class="label label-success">Recherche d'emploi</span>
<span class="label label-success">Curicullum Vitae</span>
<span class="label label-success">Lettre de motivation</span>
</h4>
<div class="panel panel-success">
<div class="panel-body">
<p>Inscription sur Bénévolaide, discussion (elle est bavarde !) et recherche d'emploi.</p>
</div>
</div>
</div>
</div>
</div>
<!--<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title"></h3>
</div>
<ul class="list-group">
<li class="list-group-item">
<h3 class="">
25/02/2016
<span class="label label-default">Simon Priet</span>
</h3>
<br />
<span class="label label-success">Curriculum Vitae</span>
<span class="label label-success">Lettre de motivation</span>
<span class="label label-success">Candidature Pôle-Emploi</span>
<br />
<br />
<div class="well well-sm">
<p class="list-group-item-text">Rédaction d'un CV, relecture et correction d'une lettre de motivation, candidature sur une offre d'agent de surface pour la Mairie de Paris.</p>
</div>
</li>
<li class="list-group-item">
<h3 class="">
11/07/2013
<span class="label label-default">Simon Priet</span>
</h3>
<br />
<span class="label label-success">Lettre de motivation</span>
<br />
<br />
<div class="well">
<p class="list-group-item-text">
Rédaction d'une lettre de motivation et discussion autour d'un café.
</p>
</div>
</li>
<li class="list-group-item">
<h3 class="">
10/01/2000
<span class="label label-default">Simon Priet</span>
</h3>
<span class="label label-success">Inscription</span>
<br />
<br />
<div class="well">
<p class="list-group-item-text">Inscription sur Bénévolaide, discussion (elle est bavarde !) et recherche d'emploi.</p>
</div>
</li>
</ul>
</div>-->
</div>
</div>
</div>
<!-- Tab Fichiers -->
<div id="fichiers" class="tab-pane fade in">
<h3>Fichiers du bénéficiaires <span class="label label-info">4</span></h3>
<div class="container">
<div class="col-lg-4 col-sm-6 col-xs-12">
<div class="media">
<div class="media-left">
<img class="media-object" data-src="holder.js/64x64" alt="64x64" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PCEtLQpTb3VyY2UgVVJMOiBob2xkZXIuanMvNjR4NjQKQ3JlYXRlZCB3aXRoIEhvbGRlci5qcyAyLjYuMC4KTGVhcm4gbW9yZSBhdCBodHRwOi8vaG9sZGVyanMuY29tCihjKSAyMDEyLTIwMTUgSXZhbiBNYWxvcGluc2t5IC0gaHR0cDovL2ltc2t5LmNvCi0tPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbI2hvbGRlcl8xNTU1ZjJiMDliYiB0ZXh0IHsgZmlsbDojQUFBQUFBO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjEwcHQgfSBdXT48L3N0eWxlPjwvZGVmcz48ZyBpZD0iaG9sZGVyXzE1NTVmMmIwOWJiIj48cmVjdCB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9IiNFRUVFRUUiLz48Zz48dGV4dCB4PSIxNC41IiB5PSIzNi41Ij42NHg2NDwvdGV4dD48L2c+PC9nPjwvc3ZnPg==" data-holder-rendered="true" style="width: 64px; height: 64px;">
</div>
<div class="media-body">
<h5 class="media-heading">Curriculum Vitae</h5>
<span class="text-muted small"><span class="glyphicon glyphicon-pencil"></span> 10/02/2017 17:20</span><br />
<span class="text-muted small"><span class="glyphicon glyphicon-asterisk"></span> 10/02/2017 17:20</span>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 col-xs-12">
<div class="media">
<div class="media-left">
<img class="media-object" data-src="holder.js/64x64" alt="64x64" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PCEtLQpTb3VyY2UgVVJMOiBob2xkZXIuanMvNjR4NjQKQ3JlYXRlZCB3aXRoIEhvbGRlci5qcyAyLjYuMC4KTGVhcm4gbW9yZSBhdCBodHRwOi8vaG9sZGVyanMuY29tCihjKSAyMDEyLTIwMTUgSXZhbiBNYWxvcGluc2t5IC0gaHR0cDovL2ltc2t5LmNvCi0tPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbI2hvbGRlcl8xNTU1ZjJiMDliYiB0ZXh0IHsgZmlsbDojQUFBQUFBO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjEwcHQgfSBdXT48L3N0eWxlPjwvZGVmcz48ZyBpZD0iaG9sZGVyXzE1NTVmMmIwOWJiIj48cmVjdCB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9IiNFRUVFRUUiLz48Zz48dGV4dCB4PSIxNC41IiB5PSIzNi41Ij42NHg2NDwvdGV4dD48L2c+PC9nPjwvc3ZnPg==" data-holder-rendered="true" style="width: 64px; height: 64px;">
</div>
<div class="media-body">
<h5 class="media-heading">Curriculum Vitae</h5>
<span class="text-muted small"><span class="glyphicon glyphicon-pencil"></span> 10/02/2017 17:20</span><br />
<span class="text-muted small"><span class="glyphicon glyphicon-asterisk"></span> 10/02/2017 17:20</span>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 col-xs-12">
<div class="media">
<div class="media-left">
<img class="media-object" data-src="holder.js/64x64" alt="64x64" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PCEtLQpTb3VyY2UgVVJMOiBob2xkZXIuanMvNjR4NjQKQ3JlYXRlZCB3aXRoIEhvbGRlci5qcyAyLjYuMC4KTGVhcm4gbW9yZSBhdCBodHRwOi8vaG9sZGVyanMuY29tCihjKSAyMDEyLTIwMTUgSXZhbiBNYWxvcGluc2t5IC0gaHR0cDovL2ltc2t5LmNvCi0tPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbI2hvbGRlcl8xNTU1ZjJiMDliYiB0ZXh0IHsgZmlsbDojQUFBQUFBO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjEwcHQgfSBdXT48L3N0eWxlPjwvZGVmcz48ZyBpZD0iaG9sZGVyXzE1NTVmMmIwOWJiIj48cmVjdCB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9IiNFRUVFRUUiLz48Zz48dGV4dCB4PSIxNC41IiB5PSIzNi41Ij42NHg2NDwvdGV4dD48L2c+PC9nPjwvc3ZnPg==" data-holder-rendered="true" style="width: 64px; height: 64px;">
</div>
<div class="media-body">
<h5 class="media-heading">Curriculum Vitae</h5>
<span class="text-muted small"><span class="glyphicon glyphicon-pencil"></span> 10/02/2017 17:20</span><br />
<span class="text-muted small"><span class="glyphicon glyphicon-asterisk"></span> 10/02/2017 17:20</span>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 col-xs-12">
<div class="media">
<div class="media-left">
<img class="media-object" data-src="holder.js/64x64" alt="64x64" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PCEtLQpTb3VyY2UgVVJMOiBob2xkZXIuanMvNjR4NjQKQ3JlYXRlZCB3aXRoIEhvbGRlci5qcyAyLjYuMC4KTGVhcm4gbW9yZSBhdCBodHRwOi8vaG9sZGVyanMuY29tCihjKSAyMDEyLTIwMTUgSXZhbiBNYWxvcGluc2t5IC0gaHR0cDovL2ltc2t5LmNvCi0tPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbI2hvbGRlcl8xNTU1ZjJiMDliYiB0ZXh0IHsgZmlsbDojQUFBQUFBO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjEwcHQgfSBdXT48L3N0eWxlPjwvZGVmcz48ZyBpZD0iaG9sZGVyXzE1NTVmMmIwOWJiIj48cmVjdCB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9IiNFRUVFRUUiLz48Zz48dGV4dCB4PSIxNC41IiB5PSIzNi41Ij42NHg2NDwvdGV4dD48L2c+PC9nPjwvc3ZnPg==" data-holder-rendered="true" style="width: 64px; height: 64px;">
</div>
<div class="media-body">
<h5 class="media-heading">Curriculum Vitae</h5>
<span class="text-muted small"><span class="glyphicon glyphicon-pencil"></span> 10/02/2017 17:20</span><br />
<span class="text-muted small"><span class="glyphicon glyphicon-asterisk"></span> 10/02/2017 17:20</span>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 col-xs-12">
<div class="media">
<div class="media-left">
<img class="media-object" data-src="holder.js/64x64" alt="64x64" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PCEtLQpTb3VyY2UgVVJMOiBob2xkZXIuanMvNjR4NjQKQ3JlYXRlZCB3aXRoIEhvbGRlci5qcyAyLjYuMC4KTGVhcm4gbW9yZSBhdCBodHRwOi8vaG9sZGVyanMuY29tCihjKSAyMDEyLTIwMTUgSXZhbiBNYWxvcGluc2t5IC0gaHR0cDovL2ltc2t5LmNvCi0tPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbI2hvbGRlcl8xNTU1ZjJiMDliYiB0ZXh0IHsgZmlsbDojQUFBQUFBO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjEwcHQgfSBdXT48L3N0eWxlPjwvZGVmcz48ZyBpZD0iaG9sZGVyXzE1NTVmMmIwOWJiIj48cmVjdCB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9IiNFRUVFRUUiLz48Zz48dGV4dCB4PSIxNC41IiB5PSIzNi41Ij42NHg2NDwvdGV4dD48L2c+PC9nPjwvc3ZnPg==" data-holder-rendered="true" style="width: 64px; height: 64px;">
</div>
<div class="media-body">
<h5 class="media-heading">Curriculum Vitae</h5>
<span class="text-muted small"><span class="glyphicon glyphicon-pencil"></span> 10/02/2017 17:20</span><br />
<span class="text-muted small"><span class="glyphicon glyphicon-asterisk"></span> 10/02/2017 17:20</span>
</div>
</div>
</div>
</div>
<h4>Chemin</h4>
<p>~\Bénéficiaires\Sabasti Delphine\</p>
<a class="btn btn-sm btn-default" href="#"><span class="glyphicon glyphicon-folder-open"> </span> Parcourir...</a>
<a class="btn btn-sm btn-default" href="#"><span class="glyphicon glyphicon-folder-open"> </span> Changer...</a>
<br />
</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/beneficiaireProfil.js"></script>
</body>
</html>

View File

@@ -0,0 +1,503 @@
<!doctype html<span class="navbar-brand hidden-sm">Bénévolaide</span>
<!--[if lt IE 7]<span class="navbar-brand hidden-sm">Bénévolaide</span> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr-fr"<span class="navbar-brand hidden-sm">Bénévolaide</span> <![endif]--<span class="navbar-brand hidden-sm">Bénévolaide</span>
<!--[if IE 7]<span class="navbar-brand hidden-sm">Bénévolaide</span> <html class="no-js lt-ie9 lt-ie8" lang="fr-fr"<span class="navbar-brand hidden-sm">Bénévolaide</span> <![endif]--<span class="navbar-brand hidden-sm">Bénévolaide</span>
<!--[if IE 8]<span class="navbar-brand hidden-sm">Bénévolaide</span> <html class="no-js lt-ie9" lang="fr-fr"<span class="navbar-brand hidden-sm">Bénévolaide</span> <![endif]--<span class="navbar-brand hidden-sm">Bénévolaide</span>
<!--[if gt IE 8]<span class="navbar-brand hidden-sm">Bénévolaide</span><!--<span class="navbar-brand hidden-sm">Bénévolaide</span>
<html class="no-js" lang="fr-fr"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<!--<![endif]--<span class="navbar-brand hidden-sm">Bénévolaide</span>
<head<span class="navbar-brand hidden-sm">Bénévolaide</span>
<meta charset="utf-8"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<title<span class="navbar-brand hidden-sm">Bénévolaide</span>Profile de bénéficiaire | Bénévolaide</title<span class="navbar-brand hidden-sm">Bénévolaide</span>
<meta name="description" content=""<span class="navbar-brand hidden-sm">Bénévolaide</span>
<meta name="viewport" content="width=device-width, initial-scale=1"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<link rel="apple-touch-icon" href="apple-touch-icon.png"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<link rel="stylesheet" href="css/bootstrap.min.css"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<style<span class="navbar-brand hidden-sm">Bénévolaide</span>
</style<span class="navbar-brand hidden-sm">Bénévolaide</span>
<link rel="stylesheet" href="css/bootstrap-flatly.css"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<link rel="stylesheet" href="css/main.css"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"<span class="navbar-brand hidden-sm">Bénévolaide</span></script<span class="navbar-brand hidden-sm">Bénévolaide</span>
</head<span class="navbar-brand hidden-sm">Bénévolaide</span>
<body<span class="navbar-brand hidden-sm">Bénévolaide</span>
<!-- Header Zone --<span class="navbar-brand hidden-sm">Bénévolaide</span>
<header<span class="navbar-brand hidden-sm">Bénévolaide</span>
<nav class="navbar navbar-inverse navbar-fixed-top"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="container"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<span class="navbar-brand"<span class="navbar-brand hidden-sm">Bénévolaide</span>Bénévolaide</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
<ul class="nav navbar-nav"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li<span class="navbar-brand hidden-sm">Bénévolaide</span><a href="index.html"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-home"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Accueil</a<span class="navbar-brand hidden-sm">Bénévolaide</span></li<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li class="dropdown active"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"<span class="navbar-brand hidden-sm">Bénévolaide</span>Bénéficiaires <span class="caret"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span></a<span class="navbar-brand hidden-sm">Bénévolaide</span>
<ul class="dropdown-menu"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li<span class="navbar-brand hidden-sm">Bénévolaide</span><a href="domaineCherche.html"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-briefcase"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Chercher par domaine</a<span class="navbar-brand hidden-sm">Bénévolaide</span></li<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li<span class="navbar-brand hidden-sm">Bénévolaide</span><a href="beneficiaireListe.html"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-list"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Liste des bénéficiaires</a<span class="navbar-brand hidden-sm">Bénévolaide</span></li<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li<span class="navbar-brand hidden-sm">Bénévolaide</span><a href="beneficiaireEdition.html"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-plus"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Inscrire un bénéficiaire</a<span class="navbar-brand hidden-sm">Bénévolaide</span></li<span class="navbar-brand hidden-sm">Bénévolaide</span>
</ul<span class="navbar-brand hidden-sm">Bénévolaide</span>
</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li class="dropdown"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"<span class="navbar-brand hidden-sm">Bénévolaide</span>Bénévoles <span class="caret"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span></a<span class="navbar-brand hidden-sm">Bénévolaide</span>
<ul class="dropdown-menu"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li<span class="navbar-brand hidden-sm">Bénévolaide</span><a href="benevoleListe.html"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-list"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Liste des bénévole</a<span class="navbar-brand hidden-sm">Bénévolaide</span></li<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li<span class="navbar-brand hidden-sm">Bénévolaide</span><a href="benevoleEdition.html"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-plus"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span>Inscrire un bénévole</a<span class="navbar-brand hidden-sm">Bénévolaide</span></li<span class="navbar-brand hidden-sm">Bénévolaide</span>
</ul<span class="navbar-brand hidden-sm">Bénévolaide</span>
</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
</ul<span class="navbar-brand hidden-sm">Bénévolaide</span>
<form class="navbar-form navbar-left hidden-xs" role="search"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="input-group"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<input id="headerSearchInput" type="text" class="form-control" placeholder="Rechercher..." required /<span class="navbar-brand hidden-sm">Bénévolaide</span>
<span class="input-group-btn"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<button type="submit" id="headerSearchButton" class="btn btn-default"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<span class="glyphicon glyphicon-search"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span>
<span class="hidden-md hidden-sm hidden-xs"<span class="navbar-brand hidden-sm">Bénévolaide</span> Rechercher</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
</button<span class="navbar-brand hidden-sm">Bénévolaide</span>
</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</form<span class="navbar-brand hidden-sm">Bénévolaide</span>
<!-- Left zone --<span class="navbar-brand hidden-sm">Bénévolaide</span>
<ul class="nav navbar-nav navbar-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li<span class="navbar-brand hidden-sm">Bénévolaide</span>
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<span class="hidden-sm"<span class="navbar-brand hidden-sm">Bénévolaide</span>Bonjour Simon</span<span class="navbar-brand hidden-sm">Bénévolaide</span> <span class="glyphicon glyphicon-option-vertical"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span>
</a<span class="navbar-brand hidden-sm">Bénévolaide</span>
<ul class="dropdown-menu"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li<span class="navbar-brand hidden-sm">Bénévolaide</span><a href="utilisateurProfil.html"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-user"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Mon profil</a<span class="navbar-brand hidden-sm">Bénévolaide</span></li<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li<span class="navbar-brand hidden-sm">Bénévolaide</span><a href="apropos.html"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-info-sign"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> À propos</a<span class="navbar-brand hidden-sm">Bénévolaide</span></li<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li<span class="navbar-brand hidden-sm">Bénévolaide</span><a href="administration.html"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-cog"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Administration</a<span class="navbar-brand hidden-sm">Bénévolaide</span></li<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li role="separator" class="divider"<span class="navbar-brand hidden-sm">Bénévolaide</span></li<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li<span class="navbar-brand hidden-sm">Bénévolaide</span><a href="connexion.html"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-log-out"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Deconnexion</a<span class="navbar-brand hidden-sm">Bénévolaide</span></li<span class="navbar-brand hidden-sm">Bénévolaide</span>
</ul<span class="navbar-brand hidden-sm">Bénévolaide</span>
</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
</ul<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</nav<span class="navbar-brand hidden-sm">Bénévolaide</span>
</header<span class="navbar-brand hidden-sm">Bénévolaide</span>
<!-- Body zone --<span class="navbar-brand hidden-sm">Bénévolaide</span>
<section class="navbar navbar-reverse "<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="container"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="page-header"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-sm-4 col-xs-12"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<h2 class="text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>Delphine <span class="text-smallcase"<span class="navbar-brand hidden-sm">Bénévolaide</span>Sabasti</span<span class="navbar-brand hidden-sm">Bénévolaide</span></h2<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-sm-8 col-xs-12"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<menu class="navbar-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<form class="navbar-form"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<button type="button" class="btn btn-success"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon glyphicon-ok"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Valider</button<span class="navbar-brand hidden-sm">Bénévolaide</span>
<button type="button" class="btn btn-warning"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon glyphicon-ok"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Questionner</button<span class="navbar-brand hidden-sm">Bénévolaide</span>
<button type="button" class="btn btn-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-pencil"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Modifier</button<span class="navbar-brand hidden-sm">Bénévolaide</span>
<button type="button" class="btn btn-default"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-remove"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Supprimer</button<span class="navbar-brand hidden-sm">Bénévolaide</span>
</form<span class="navbar-brand hidden-sm">Bénévolaide</span>
</menu<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</section<span class="navbar-brand hidden-sm">Bénévolaide</span>
<section class="container"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-md-6 col-xs-12"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="well"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-xs-offset-2 col-xs-10"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<h3<span class="navbar-brand hidden-sm">Bénévolaide</span>Informations générales</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Nom
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Delphine Sabasti
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Genre
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Femme
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Date de naissance
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
12/05/1985
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-xs-offset-2 col-xs-10"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<h3<span class="navbar-brand hidden-sm">Bénévolaide</span>Moyen de contact</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Courriel
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<a href="mailto:delphine.sabasti@laposte.net"<span class="navbar-brand hidden-sm">Bénévolaide</span>delphine.sabasti@laposte.net</a<span class="navbar-brand hidden-sm">Bénévolaide</span>
<a href="#" class="btn btn-xs btn-default"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-eye-open"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span></a<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Portable
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<a href="tel:0123456789"<span class="navbar-brand hidden-sm">Bénévolaide</span>01 23 45 67 89</a<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-xs-offset-2 col-xs-10"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<h3<span class="navbar-brand hidden-sm">Bénévolaide</span>Pôle-Emploi</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Est- inscrit(e) au Pôle-Emploi
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Oui
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Compte Pôle-Emploi
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
DelphineSabasti1 <a href="#" class="btn btn-xs btn-default"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-eye-open"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span></a<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-xs-offset-2 col-xs-10"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<h3<span class="navbar-brand hidden-sm">Bénévolaide</span>Recherche</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Formation
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Domaine 2, Domaine 1
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Domaine
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Domaine 2, Domaine 1
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Emploi souhaité
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Conciergerie
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Nature du contrat
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Contrat type 2
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Temps partiel
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
20 h/semaine
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Statut sur le marché de l'emploi
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Chômeur longue durée (<span class="navbar-brand hidden-sm">Bénévolaide</span>12 mois)
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-xs-offset-2 col-xs-10"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<h3<span class="navbar-brand hidden-sm">Bénévolaide</span>Informations générales</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Bassin de recherche
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Paris intramuros
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-xs-offset-2 col-xs-10"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<h3<span class="navbar-brand hidden-sm">Bénévolaide</span>Adresse de résidence</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Domicilié(e)
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Non
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Migrant
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Oui : Communauté européenne
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-xs-offset-2 col-xs-10"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<h3<span class="navbar-brand hidden-sm">Bénévolaide</span>Études</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Niveau de formation
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Bac
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Dernier diplôme obtenu
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
STG Maintenance des locaux
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<br /<span class="navbar-brand hidden-sm">Bénévolaide</span>
<br /<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-md-6 col-xs-12"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="panel panel-info"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="panel-heading"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<h3 class="panel-title"<span class="navbar-brand hidden-sm">Bénévolaide</span>Suivit des visites</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="panel-body"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<form class="form-horizontal" id="beneficiaireForm" method="post"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<fieldset<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="form-group"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<label class="col-sm-4 control-label" for="benevol"<span class="navbar-brand hidden-sm">Bénévolaide</span>Bénévole en charge</label<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-sm-8"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="input-group"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<select id="benevol" name="benevol" class="form-control" required<span class="navbar-brand hidden-sm">Bénévolaide</span>
<option value="Perro"<span class="navbar-brand hidden-sm">Bénévolaide</span>Pierro Lamazou</option<span class="navbar-brand hidden-sm">Bénévolaide</span>
<option value="Simon" selected<span class="navbar-brand hidden-sm">Bénévolaide</span>Simon Priet</option<span class="navbar-brand hidden-sm">Bénévolaide</span>
</select<span class="navbar-brand hidden-sm">Bénévolaide</span>
<span class="input-group-btn"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<button id="submitButton" name="submitButton" class="btn btn-default" type="submit"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<span class="glyphicon glyphicon-arrow-right"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span>
<span class="hidden-md"<span class="navbar-brand hidden-sm">Bénévolaide</span> Changer</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
</button<span class="navbar-brand hidden-sm">Bénévolaide</span>
</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</fieldset<span class="navbar-brand hidden-sm">Bénévolaide</span>
</form<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-sm-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Inscription
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-sm-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
10/01/2000
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-sm-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Nombre de visites
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-sm-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
3
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<ul class="list-group"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li class="list-group-item"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<h3 class=""<span class="navbar-brand hidden-sm">Bénévolaide</span>
25/02/2016
<span class="label label-default"<span class="navbar-brand hidden-sm">Bénévolaide</span>Simon Priet</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
<br /<span class="navbar-brand hidden-sm">Bénévolaide</span>
<span class="label label-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>Curriculum Vitae</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
<span class="label label-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>Lettre de motivation</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
<span class="label label-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>Candidature Pôle-Emploi</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
<br /<span class="navbar-brand hidden-sm">Bénévolaide</span>
<br /<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="well well-sm"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<p class="list-group-item-text"<span class="navbar-brand hidden-sm">Bénévolaide</span>Rédaction d'un CV, relecture et correction d'une lettre de motivation, candidature sur une offre d'agent de surface pour la Mairie de Paris.</p<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li class="list-group-item"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<h3 class=""<span class="navbar-brand hidden-sm">Bénévolaide</span>
11/07/2013
<span class="label label-default"<span class="navbar-brand hidden-sm">Bénévolaide</span>Simon Priet</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
<br /<span class="navbar-brand hidden-sm">Bénévolaide</span>
<span class="label label-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>Lettre de motivation</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
<br /<span class="navbar-brand hidden-sm">Bénévolaide</span>
<br /<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="well"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<p class="list-group-item-text"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Rédaction d'une lettre de motivation et discussion autour d'un café.
</p<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li class="list-group-item"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<h3 class=""<span class="navbar-brand hidden-sm">Bénévolaide</span>
10/01/2000
<span class="label label-default"<span class="navbar-brand hidden-sm">Bénévolaide</span>Simon Priet</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
<span class="label label-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>Inscription</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
<br /<span class="navbar-brand hidden-sm">Bénévolaide</span>
<br /<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="well"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<p class="list-group-item-text"<span class="navbar-brand hidden-sm">Bénévolaide</span>Inscription sur Bénévolaide, discussion (elle est bavarde !) et recherche d'emploi.</p<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
</ul<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="panel panel-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="panel-heading"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<h3 class="panel-title"<span class="navbar-brand hidden-sm">Bénévolaide</span>Ajouter un suivit</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="panel-body"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<form class="form"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="form-group"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="input-group"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-md-6"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<input type="date" id="tolday" name="today" class="form-control" value="27/02/2016" /<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-md-6"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<select id="benevol" name="benevol" class="form-control" required<span class="navbar-brand hidden-sm">Bénévolaide</span>
<option value="Perro"<span class="navbar-brand hidden-sm">Bénévolaide</span>Pierro Lamazou</option<span class="navbar-brand hidden-sm">Bénévolaide</span>
<option value="Simon" selected<span class="navbar-brand hidden-sm">Bénévolaide</span>Simon Priet</option<span class="navbar-brand hidden-sm">Bénévolaide</span>
</select<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="form-group"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-sm-6"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="checkbox"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<label for="checkboxes-0"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<input type="checkbox" name="checkboxes" id="checkboxes-0" value="1"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Curicullum Vitae
</label<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="checkbox"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<label for="checkboxes-1"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<input type="checkbox" name="checkboxes" id="checkboxes-1" value="2"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Lettre de motivation
</label<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="checkbox"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<label for="checkboxes-2"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<input type="checkbox" name="checkboxes" id="checkboxes-2" value="3"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Candidature Pôle-Emploi
</label<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="checkbox"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<label for="checkboxes-3"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<input type="checkbox" name="checkboxes" id="checkboxes-3" value="4"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Autre candidature
</label<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="checkbox"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<label for="checkboxes-4"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<input type="checkbox" name="checkboxes" id="checkboxes-4" value="5"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Soutien moral
</label<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-sm-6"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="checkbox"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<label for="checkboxes-5"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<input type="checkbox" name="checkboxes" id="checkboxes-5" value="6"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Recherche d'emploi
</label<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="checkbox"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<label for="checkboxes-6"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<input type="checkbox" name="checkboxes" id="checkboxes-6" value="7"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Recherche de lieu
</label<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="checkbox"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<label for="checkboxes-7"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<input type="checkbox" name="checkboxes" id="checkboxes-7" value="8"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Achat
</label<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="checkbox"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<label for="checkboxes-8"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<input type="checkbox" name="checkboxes" id="checkboxes-8" value="9"<span class="navbar-brand hidden-sm">Bénévolaide</span>
Autre
</label<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="form-group"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<textarea class="form-control" id="textarea" name="textarea" placeholder="Commentaire"<span class="navbar-brand hidden-sm">Bénévolaide</span></textarea<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="form-group"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<button type="submit" class="btn btn-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-plus"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Ajouter</button<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</form<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</section<span class="navbar-brand hidden-sm">Bénévolaide</span>
<!-- Footer zone --<span class="navbar-brand hidden-sm">Bénévolaide</span>
<footer class="well footer footer-bottom-patch"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="container"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-xs-6"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<h5 class="text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>Remerciement</h5<span class="navbar-brand hidden-sm">Bénévolaide</span>
<ul class="list-unstyled small"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li<span class="navbar-brand hidden-sm">Bénévolaide</span>Mise en page propulsé par <a href="http://getbootstrap.com/"<span class="navbar-brand hidden-sm">Bénévolaide</span>Bootstrap</a<span class="navbar-brand hidden-sm">Bénévolaide</span>.</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li<span class="navbar-brand hidden-sm">Bénévolaide</span>Apparence et style fournit par <a href="https://bootswatch.com/"<span class="navbar-brand hidden-sm">Bénévolaide</span>Bootswatch</a<span class="navbar-brand hidden-sm">Bénévolaide</span>.</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li<span class="navbar-brand hidden-sm">Bénévolaide</span>Scripts motorisé par <a href="https://jquery.com/"<span class="navbar-brand hidden-sm">Bénévolaide</span>jQuery</a<span class="navbar-brand hidden-sm">Bénévolaide</span>.</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
</ul<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
<div class="col-xs-6"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<h5 class="text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>Termes</h5<span class="navbar-brand hidden-sm">Bénévolaide</span>
<ul class="list-unstyled small"<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li<span class="navbar-brand hidden-sm">Bénévolaide</span>Ce site web est un projet d'étude.</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li<span class="navbar-brand hidden-sm">Bénévolaide</span><a href="#"<span class="navbar-brand hidden-sm">Bénévolaide</span>À propos</a<span class="navbar-brand hidden-sm">Bénévolaide</span> de Bénévolaide.</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
<li<span class="navbar-brand hidden-sm">Bénévolaide</span>License <a class="" href="http://creativecommons.org/licenses/by-nc-nd/3.0/fr/legalcode"<span class="navbar-brand hidden-sm">Bénévolaide</span>CC-BY-NC-ND</a<span class="navbar-brand hidden-sm">Bénévolaide</span> 2016.</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
</ul<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
</footer<span class="navbar-brand hidden-sm">Bénévolaide</span>
<!-- /container --<span class="navbar-brand hidden-sm">Bénévolaide</span>
<script src="//code.jquery.com/jquery-2.2.1.js"<span class="navbar-brand hidden-sm">Bénévolaide</span></script<span class="navbar-brand hidden-sm">Bénévolaide</span>
<script<span class="navbar-brand hidden-sm">Bénévolaide</span>window.jQuery || document.write('<script src="js/vendor/jquery-2.2.0.js"<span class="navbar-brand hidden-sm">Bénévolaide</span><\/script<span class="navbar-brand hidden-sm">Bénévolaide</span>')</script<span class="navbar-brand hidden-sm">Bénévolaide</span>
<script src="js/vendor/bootstrap.min.js"<span class="navbar-brand hidden-sm">Bénévolaide</span></script<span class="navbar-brand hidden-sm">Bénévolaide</span>
<script src="js/shared.js"<span class="navbar-brand hidden-sm">Bénévolaide</span></script<span class="navbar-brand hidden-sm">Bénévolaide</span>
</body<span class="navbar-brand hidden-sm">Bénévolaide</span>
</html<span class="navbar-brand hidden-sm">Bénévolaide</span>

View File

@@ -0,0 +1,109 @@
<!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>Nouveau bénévole | 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">
<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 active">
<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="index.html"><span class="glyphicon glyphicon-log-out"></span> Deconnexion</a></li>
</ul>
</li>
</ul>
</div>
</nav>
</header>
<!-- Body zone -->
<section class="container">
</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/main.js"></script>
<script src="js/beneficiaireProfil.js"></script>
</body>
</html>

View File

@@ -0,0 +1,107 @@
<!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évoles | 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">
<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 active">
<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="index.html"><span class="glyphicon glyphicon-log-out"></span> Deconnexion</a></li>
</ul>
</li>
</ul>
</div>
</nav>
</header>
<!-- Body zone -->
<section class="container"></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/main.js"></script>
<script src="js/beneficiaireProfil.js"></script>
</body>
</html>

View File

@@ -0,0 +1,130 @@
<!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>Connexion | 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 class="active"><a href="index.html"><span class="glyphicon glyphicon-home"></span><span class="hidden-md hidden-sm"> Accueil</span></a></li>
</ul>
<!-- Left zone -->
<ul class="nav navbar-nav navbar-right">
<li>
<p class="navbar-text hidden-sm">Bienvenue, visiteur ! </p>
</li>
<li>
<p class="navbar-btn">
<a href="connexion.html" class="btn btn-default" title="Se connecter ?">
<span class="glyphicon glyphicon-log-in"></span>
<span class="hidden-md hidden-sm"> Se connecter ?</span>
</a>
</p>
</li>
</ul>
</div>
</nav>
</header>
<!-- Body zone -->
<section class="jumbotron">
<div class="container">
<div class="col-md-8 col-md-offset-2 col-xs-12">
<h2>Connexion</h2>
<p>Pour accéder aux fonctionnalités de ce site, vous devez vous connecter. Si vous n'avez pas de compte, demandez à un administrateur de vous inscrire.</p>
<!--<div class="alert alert-dismissible alert-danger">
<button type="button" class="close" data-dismiss="alert">×</button>
<p>Oh flûte ! Je ne vous ai pas reconnu.</p>
</div>-->
<form class="form-horizontal">
<fieldset>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="usernameinput">Nom d'utilisateur</label>
<div class="col-md-4">
<input id="usernameInput" name="usernameInput" type="text" placeholder="Votre nom d'utilisateur" class="form-control input-md" required>
</div>
</div>
<!-- Password input-->
<div class="form-group">
<label class="col-md-4 control-label" for="passwordinput">Mot de passe</label>
<div class="col-md-4">
<input id="passwordInput" name="passwordInput" type="password" placeholder="Votre mot de passe" class="form-control input-md" required>
</div>
</div>
<!-- Button -->
<div class="form-group">
<label class="col-md-4 control-label" for="submit"></label>
<div class="col-md-4">
<button id="submit" name="submit" class="btn btn-primary">Je vous connecte</button>
</div>
</div>
</fieldset>
</form>
</div>
</div>
</section>
<section class="container">
<div class="row">
<p>Besoin de contacter un administrateur ? Voyez avec l'un d'entre-eux :</p>
<ul>
<li>Amélie <span class="text-smallcase">Clark</span></li>
<li>Claudette <span class="text-smallcase">Dupuis</span></li>
<li>Pierro <span class="text-smallcase">d'Houin</span></li>
</ul>
</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/connexion.js"></script>
</body>
</html>

View File

@@ -0,0 +1,187 @@
<!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>Tableau de bord | 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/main.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<style>
</style>
<link rel="stylesheet" href="css/bootstrap-flatly.css">
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>
<body>
<!-- Header Zone -->
<header id="TopHeader">
<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 class="active"><a href="dashboard.html"><span class="glyphicon glyphicon-dashboard"></span><span class="hidden-md hidden-sm"> Tableau de bord </span><span class="badge">4</span></a></li>
<li class="dropdown">
<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 Pierro</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><a href="administration.html"><span class="glyphicon glyphicon-cog"></span> Administration</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 id="benevole" class="tab-pane fade in">
<h2>Planning de la semaine</h2>
<table class="table table-vertical">
<thead>
<tr>
<th>Lundi <small class="text-info">(3)</small></th>
<th>Mardi <small class="text-info">(2)</small></th>
<th>Mercredi <small class="text-info">(4)</small></th>
<th>Jeudi <small class="text-info">(2)</small></th>
<th>Vendredi <small class="text-info">(3)</small></th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a href="benevoleProfil.html">Amélie <span class="text-smallcase">Clark</span></a><br />
<a href="benevoleProfil.html">Claudette <span class="text-smallcase">Dupuis</span></a><br />
<a href="benevoleProfil.html">Pierro <span class="text-smallcase">d'Houin</span></a><br />
</td>
<td>
<a href="benevoleProfil.html">Amélie <span class="text-smallcase">Clark</span></a><br />
<a href="benevoleProfil.html">Claudette <span class="text-smallcase">Dupuis</span></a><br />
</td>
<td>
<a href="benevoleProfil.html">Daouda <span class="text-smallcase">Camara</span></a><br />
<a href="benevoleProfil.html">Nordin <span class="text-smallcase">Sedkaoui</span></a><br />
<a href="benevoleProfil.html">Pierro <span class="text-smallcase">d'Houin</span></a><br />
<a href="benevoleProfil.html">Simon <span class="text-smallcase">Priet</span></a><br />
</td>
<td>
<a href="benevoleProfil.html">Amélie <span class="text-smallcase">Clark</span></a><br />
<a href="benevoleProfil.html">Pierro <span class="text-smallcase">d'Houin</span></a><br />
</td>
<td>
<a href="benevoleProfil.html">Amélie <span class="text-smallcase">Clark</span></a><br />
<a href="benevoleProfil.html">Héloïse <span class="text-smallcase">Lois</span></a><br />
<a href="benevoleProfil.html">Pierro <span class="text-smallcase">d'Houin</span></a><br />
</td>
</tr>
</tbody>
</table>
<h2>Bénéficiaires à valider <span class="label label-info">4</span></h2>
<table class="table table-striped table-hover">
<thead>
<tr>
<th><span class="glyphicon glyphicon-time"></span> Accueil</th>
<th><span class="text-primary">Prénom et Nom</span></th>
<th>Activités</th>
</tr>
</thead>
<tbody>
<tr>
<td>17:23</td>
<td><a href="beneficiaireProfil.html">Delphine <span class="text-smallcase">Sabasti</span></a></td>
<td>
<span class="label label-info">Inscription</span>
<span class="label label-success">Soutien moral</span>
<span class="label label-success">Recherche d'emploi</span>
<span class="label label-success">Curicullum Vitae</span>
</td>
</tr>
<tr>
<td>16:48</td>
<td><a href="beneficiaireProfil.html">Patrick <span class="text-smallcase">Dull</span></a></td>
<td>
<span class="label label-success">Lettre de motivation</span>
</td>
</tr>
<tr>
<td>15:15</td>
<td><a href="beneficiaireProfil.html">Christophe <span class="text-smallcase">Denver</span></a></td>
<td>
<span class="label label-success">Curicullum Vitae</span>
<span class="label label-success">Lettre de motivation</span>
</td>
</tr>
</tbody>
</table>
</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>
</body>
</html>

View File

@@ -0,0 +1,108 @@
<!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>Chercher par domaine | 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="index.html"><span class="glyphicon glyphicon-log-out"></span> Deconnexion</a></li>
</ul>
</li>
</ul>
</div>
</nav>
</header>
<!-- Body zone -->
<section class="container">
</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/main.js"></script>
<script src="js/beneficiaireProfil.js"></script>
</body>
</html>

View File

@@ -0,0 +1,175 @@
<!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>Accueil | 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 id="TopHeader">
<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 class="active"><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 hidden-md hidden-sm"></span><span class="hidden-md hidden-sm"> Tableau de bord </span><span class="badge">4</span></a></li>
<li class="dropdown">
<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">
<!-- Actions -->
<div class="row">
<h2>Où commencer</h2>
<div class="col-md-6">
<!-- Recherche -->
<div class="well">
<h4>Rechercher un bénéficiaire</h4>
<div class="input-group">
<input id="ChercheBenef" name="ChercheBenef" class="form-control" placeholder="Entrez un nom, un numéro..." required type="search">
<span class="input-group-btn">
<a href="beneficiaireListe.html" class="btn btn-primary"><span class="glyphicon glyphicon-search"></span> Rechercher</a>
</span>
</div>
<br />
ou <a href="beneficiaireListe.html">afficher la liste complète des bénéficiaires</a>.
</div>
</div>
<div class="col-md-6">
<!-- Inscription -->
<div class="well">
<h4>Inscrire un bénéficiaire</h4>
<a href="beneficiaireEdition.html" class="btn btn-info"><span class="glyphicon glyphicon-plus"></span> Inscrire</a>
<br /><br />
<p>Ajoutez un nouveau bénéficiaire dans l'application pour garder une trace de ses visites.</p>
</div>
</div>
</div>
<!-- Vos Derniers bénéficiaires -->
<div class="row">
<h2>Jusqu'à maintenant</h2>
<table class="table table-striped table-hover">
<thead>
<tr>
<th><span class="glyphicon glyphicon-time"></span> Accueil</th>
<th><span class="text-primary">Prénom et Nom</span></th>
<th>Activités</th>
</tr>
</thead>
<tbody>
<tr>
<td>17:23</td>
<td><a href="beneficiaireProfil.html">Delphine <span class="text-smallcase">Sabasti</span></a></td>
<td>
<span class="label label-info">Inscription</span>
<span class="label label-success">Soutien moral</span>
<span class="label label-success">Recherche d'emploi</span>
<span class="label label-success">Curicullum Vitae</span>
</td>
</tr>
<tr>
<td>16:48</td>
<td><a href="beneficiaireProfil.html">Patrick <span class="text-smallcase">Dull</span></a></td>
<td>
<span class="label label-success">Lettre de motivation</span>
</td>
</tr>
<tr>
<td>15:15</td>
<td><a href="beneficiaireProfil.html">Christophe <span class="text-smallcase">Denver</span></a></td>
<td>
<span class="label label-success">Curicullum Vitae</span>
<span class="label label-success">Lettre de motivation</span>
</td>
</tr>
</tbody>
</table>
</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/index.js"></script>
</body>
</html>

View File

@@ -0,0 +1,107 @@
<!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>Mon Profil | 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">
<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="index.html"><span class="glyphicon glyphicon-log-out"></span> Deconnexion</a></li>
</ul>
</li>
</ul>
</div>
</nav>
</header>
<!-- Body zone -->
<section class="container"></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/main.js"></script>
<script src="js/beneficiaireProfil.js"></script>
</body>
</html>

View File

@@ -0,0 +1,42 @@
<?xml version="1.0"?>
<configuration>
<configSections>
<sectionGroup name="system.web.webPages.razor" type="System.Web.WebPages.Razor.Configuration.RazorWebSectionGroup, System.Web.WebPages.Razor, Version=3.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
<section name="host" type="System.Web.WebPages.Razor.Configuration.HostSection, System.Web.WebPages.Razor, Version=3.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" />
<section name="pages" type="System.Web.WebPages.Razor.Configuration.RazorPagesSection, System.Web.WebPages.Razor, Version=3.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" />
</sectionGroup>
</configSections>
<system.web.webPages.razor>
<host factoryType="System.Web.Mvc.MvcWebRazorHostFactory, System.Web.Mvc, Version=5.2.3.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
<pages pageBaseType="System.Web.Mvc.WebViewPage">
<namespaces>
<add namespace="System.Web.Mvc" />
<add namespace="System.Web.Mvc.Ajax" />
<add namespace="System.Web.Mvc.Html" />
<add namespace="System.Web.Routing" />
<add namespace="Benevolaide" />
</namespaces>
</pages>
</system.web.webPages.razor>
<appSettings>
<add key="webpages:Enabled" value="false" />
</appSettings>
<system.webServer>
<handlers>
<remove name="BlockViewHandler"/>
<add name="BlockViewHandler" path="*" verb="*" preCondition="integratedMode" type="System.Web.HttpNotFoundHandler" />
</handlers>
</system.webServer>
<system.web>
<compilation>
<assemblies>
<add assembly="System.Web.Mvc, Version=5.2.3.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
</assemblies>
</compilation>
</system.web>
</configuration>