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

176 lines
8.1 KiB
HTML
Raw Permalink 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>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 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 -->
<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">Cherise <span class="text-smallcase">Townsend</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>
Reference in New Issue View Git Blame Copy Permalink