{% extends "base.html" %}

{% block content %}
<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>

{% endblock %}
