Simon/Benevolaide-Mockups
1
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Benevolaide-Mockups/beneficiaireProfil.html
Thoscellen f35dd91f30 Update on some names that where real people.
2019-09-04 15:29:59 +02:00

657 lines
33 KiB
HTML
Raw Blame History

<!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 Thomas</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">Cherise <span class="text-smallcase">Townsend</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">Cherise Townsend</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:Cherise.Townsend@laposte.net">Cherise.Townsend@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">Rodrigo O'Moore</option>
<option value="2" selected>Thomas d'Alexis</option>
<option value="3">Vikki Felix</option>
<option value="4">Héloïse Norman</option>
<option value="5">Nordin Quintana</option>
<option value="6">Aleah 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">Rodrigo O'Moore</option>
<option value="2" selected>Thomas d'Alexis</option>
<option value="3">Vikki Felix</option>
<option value="4">Héloïse Norman</option>
<option value="5">Nordin Quintana</option>
<option value="6">Aleah 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">Thomas d'Alexis</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">Thomas d'Alexis</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">Thomas d'Alexis</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">Thomas d'Alexis</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">Thomas d'Alexis</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">Thomas d'Alexis</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\Townsend Cherise\</p>
<a class="btn btn-sm btn-default" href="javascript:window.open('file://C:\');"><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>
Reference in New Issue View Git Blame Copy Permalink