<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>COIN - Illyse</title>
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/illyse.css" />
<script src="js/vendor/modernizr.js"></script>
</head>
<body>
<div class="large-12 columns">
<header class="row">
<h1><a href="index.html">COIN est un Outil pour un Internet Neutre</a></h1>
</header>
<div class="row">
<div class="large-3 columns">
<nav id="sidebox">
<h3 id="nav">Navigation</h3>
<ul class="side-nav">
<li><a href="index.html">Tableau de bord</a></li>
<li class="active"><a href="infos.html">Mes informations personnelles</a></li>
<li>
<a href="abo.html">Mes abonnements</a>
</li>
<li><a href="contact.html">Contact / Support</a></li>
</ul>
</nav>
</div>
<div class="large-9 columns">
<!-- Partie à inclure -->
<div class="row">
<h2>Mes informations personnelles</h2>
<div class="row">
<div class="large-6 columns">
<div class="panel">
<h3>Me joindre</h3>
<span class="label">Prénom - Nom</span> <strong>John Doe</strong><br/>
<span class="label">Adresse</span> 55, rue des canards - 69000 LYON<br/>
<span class="label">Email</span> coin [at] illyse [point] org<br/>
<span class="label">Téléphone</span> 01 01 01 01 01<br/>
</div>
</div>
<div class="large-6 columns">
<div class="panel">
<h3>Je suis membre d'illyse</h3>
<p>et ma cotisation est : <span class="label success">à jour !</span></p>
</div>
<div class="panel">
<h3>Infos additionnelles</h3>
<span class="label">Clé ssh</span> coin.pub
</div>
</div>
</div>
<div class="row">
<a href="#" class="button">Modifier mes informations</a>
<a href="#" class="button">Mettre à jour ma cotisation</a>
</div>
</div>
</div>
</div>
<script src="js/vendor/jquery.js"></script>
<script src="js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>