FFDN
/
coin


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
							<!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>&nbsp;<strong>John Doe</strong><br/>
                        <span class="label">Adresse</span>&nbsp;55, rue des canards - 69000 LYON<br/>
                        <span class="label">Email</span>&nbsp;coin [at] illyse [point] org<br/>
                        <span class="label">Téléphone</span>&nbsp;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>