Inventaire
- Objet : Objet 1, objet 2
- Armure :
- Magie :
Un monde plein de mystères,
plein de magie et surtout plein d'aventures...
Il est peuplé de créatures fantastiques. Certaines d'une beauté incomparable, d'autres aussi hideuses qu'inimaginables, beaucoup sont extrêmement dangereuses alors que quelques unes sont tout simplement adorables. La magie est omniprésente sur ces terres : des animaux pouvant contrôler la météo, des fleurs qui se téléportent, des humains contrôlant les éléments, des objets magiques permettant de flotter dans les airs...
Dans ce monde, il y a le royaume d'Aryon. Situé à l’extrémité sud du continent, c'est un royaume prospère, coupé du monde. Il est peuplé d'hommes et de femmes possédant tous un gros potentiel magique, chacun vivant leurs propres aventures pour le meilleur comme pour le pire.
Red et Bridget se transforment en instructeurs de la Garde de la Forteresse pour une journée, en compagnie d'une véritable instructrice...
<style>/**
LIEN GOOGLE FONT
**/@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap");/**
**/:root{/**
BLANC CASSÉ
**/--couleur-fond: #e7e7e7;/**
BLANC
**/--couleur-section: #fafafa;/**
NOIR
**/--couleur-primaire: #282828;/**
ORANGE
**/--couleur-secondaire: #8d8d8d;/**
ORANGE EN SURVOL
**/--couleur-actif: #d07453;/**
ORANGE EN SURVOL (RGB)
**/--couleur-actif-rgb: 208, 116, 83;/**
POLICE D'ÉCRITURE
**/--police: "Roboto", sans-serif;/**
PAS TOUCHER OU JE MORDS
**/}.ldb-obsi{margin: 0 auto; width: 100%; max-width: 730px; padding: 0.8px 0; background-color: var(--couleur-fond); font: 400 16px/1.4 var(--police); position: relative; color: var(--couleur-primaire);}.ldb-obsi:after{content: "Maquette : AxyGry \2022 Code : Shaneliae"; font: 12px/1 var(--police); color: var(--couleur-secondaire); position: absolute; bottom: 8px; right: 8px;}.ldb-obsi h1, .ldb-obsi h2{display: inherit; margin: 0; background: none; padding: 0; font-weight: inherit; letter-spacing: inherit; text-shadow: none; text-align: inherit; margin-top: 24px; text-align: center; font: 700 36px/1.4 var(--police) !important; color: var(--couleur-actif); text-transform: uppercase;}.ldb-obsi section > h1:first-child, .ldb-obsi nav > h1:first-child, .ldb-obsi section > h2:first-child, .ldb-obsi nav > h2:first-child{margin-top: 0;}.ldb-obsi h2{display: inherit; margin: 0; background: none; padding: 0; font-weight: inherit; letter-spacing: inherit; text-shadow: none; text-align: inherit; margin: 32px auto 8px; font-size: 24px !important; text-align: left;}.ldb-obsi h2 span{color: var(--couleur-secondaire);}.ldb-obsi h3{display: inherit; margin: 0; background: none; padding: 0; font-weight: inherit; letter-spacing: inherit; text-shadow: none; text-align: inherit; text-transform: uppercase; margin: 16px 0 8px; font: 700 20px/1.2 var(--police); position: relative; z-index: 0;}.ldb-obsi h3:before{content: ""; display: block; background-color: var(--couleur-actif); width: 32px; height: 24px; position: absolute; z-index: -1; top: -12px; left: -8px;}.ldb-obsi ul{display: inherit; margin: 0; background: none; padding: 0; font-weight: inherit; letter-spacing: inherit; text-shadow: none; text-align: inherit; list-style: square inside;}.ldb-obsi a{color: var(--couleur-actif); text-decoration: none;}.ldb-obsi a:hover{color: var(--couleur-secondaire);}.ldb-obsi nav ul{margin: 0; padding: 0; list-style: none;}.ldb-obsi nav a{padding-left: 20px; font: 400 20px/1.6 var(--police); color: var(--couleur-secondaire); text-transform: uppercase; text-decoration: none;}.ldb-obsi nav a:hover{color: var(--couleur-actif);}.ldb-obsi nav a.actif{position: relative; font-weight: 700; color: var(--couleur-actif);}.ldb-obsi nav a.actif:before{position: absolute; left: -3px; content: ":arrow_forward:"; font: 400 20px/1.6 var(--police);}.ldb-obsi header img{width: 100%; height: 250px; object-fit: cover; object-position: center center;}.ldb-obsi section, .ldb-obsi nav{margin: 32px auto; background-color: var(--couleur-section); padding: 32px;}.ldb-obsi aside{display: flex;align-items: flex-start;}.ldb-obsi aside img{margin-right: 16px;}.ldb-obsi aside ul{margin: 0; padding: 0; list-style: none; font: 20px/1.45 var(--police); display: initial;}.ldb-obsi#familiers article{margin-bottom: 24px;}.ldb-obsi#familiers figure{display: inherit; margin: 0; background: none; padding: 0; font-weight: inherit; letter-spacing: inherit; text-shadow: none; text-align: inherit; margin-bottom: 16px;}.ldb-obsi#familiers figure figcaption{text-align: center; font: 400 20px/1.4 var(--police); color: var(--couleur-secondaire); text-transform: uppercase;}.ldb-obsi#familiers figure img{width: 100%; height: 200px; object-fit: cover; object-position: center center;}.ldb-obsi#familiers details{margin-top: 8px;}.ldb-obsi#familiers details summary{font: 400 20px/1 var(--police); color: var(--couleur-actif); text-transform: uppercase; cursor: pointer;}.ldb-obsi#familiers details ul{margin-top: 8px; background: rgba(var(--couleur-actif-rgb), 0.5); padding: 16px;}.ldb-obsi#rps ul{display: inherit; margin: 0; background: none; padding: 0; font-weight: inherit; letter-spacing: inherit; text-shadow: none; text-align: inherit; list-style: none;}.ldb-obsi#rps ul li{color: var(--couleur-secondaire);}.ldb-obsi#rps ul li span, .ldb-obsi#rps ul li b, .ldb-obsi#rps ul li strong{color: var(--couleur-primaire);}.ldb-obsi#rps article:not(:last-of-type){margin-bottom: 16px;}.ldb-obsi#rps article header a{color: var(--couleur-primaire); font: 700 24px/1.2 var(--police);}.ldb-obsi#rps article header a:hover{color: var(--couleur-actif);}.ldb-obsi#rps article header span{background-color: var(--couleur-actif); color: var(--couleur-section); padding: 0 16px; margin: 0 8px; font: 400 16px/24px var(--police); display: inline-block;}.ldb-obsi#rps article span{font-size: 18.4px;}.ldb-obsi#rps h3:before{display: none;}.ldb-obsi#relations article{display: flex; align-items: flex-start;}.ldb-obsi#relations article:not(:last-of-type){margin-bottom: 16px;}.ldb-obsi#relations article div{margin-left: 16px; padding-right: 16px; max-height: 320px; overflow-y: auto; scrollbar-width: thin;}.ldb-obsi#relations article h3{margin: 0;}.ldb-obsi#relations article h3:before{display: none;}.ldb-obsi#relations article span{font-size: 18.4px;}</style>
--> Blabla
^ Tu enlèves pas la flèche.
Blabla <!--
^ Là non plus.
Mais si tu vois :
<!-- blabla -->
Là tu peux écrire ce que tu veux entre les flèches et faire des sauts de lignes sans tout péter.
<main class="ldb-obsi" id="general"><nav><ul><li><a href="#general" class="actif">Général et informations</a> </li><li> <a href="#pouvoir">Pouvoir et améliorations</a> </li><li> <a href="#inventaire">Inventaire</a> </li><li> <a href="#familiers">Familiers</a> </li><li> <a href="#rps">RPs</a> </li><li> <a href="#relations">Relations</a> </li></ul> </nav><header><!--
BANNIÈRE
--><img src="https://via.placeholder.com/730x250" alt="Obsiprout" /><!--
NOM PERSO
--><h1>Zezet Montmuraille</h1><!--
--></header> <section> <aside><!--
ICÔNE 200x200
--><img src="https://via.placeholder.com/200"><!--
--><ul><!--
INFOS
--><li><b>Genre :</b> Pwet</li><!--
--><li><b>Orientation sexuelle :</b> Pwet</li><!--
--><li><b>Naissance :</b> Pwet</li><!--
--><li><b>Âge :</b> Pwet</li><!--
--><li><b>Groupe :</b> Pwet</li><!--
--><li><b>Spécialité :</b> Pwet</li><!--
--><li><b>Métier :</b> Pwet</li><!--
FIN DES INFOS
--></ul></aside><!--
--><h2>Informations</h2><!--
-->Calcilia est un être libre comme l'air qui pense et fait ce qui lui chante. Elle a sa propre morale et se fiche bien d'effectuer des infractions. Elle apprécie tout particulièrement se moquer de la garde lorsqu'ils sont à ses trousses.
Buveuse invétérée qui aime dépouiller ses victimes de leurs cristaux lorsqu’ils ne sont plus aptes à faire deux pas sans tomber.
Elle manie la langue avec grâce durant ses chants, mais elle se montre grossière et agaçante lors de conversations.
C’est une grande voyageuse depuis qu’elle est enfant, elle souhaite maintenant aller au-delà des frontières ou parcourir l’océan à la recherche d’autres continents malgré ses phobies.
Sa passion est de suivre les aventuriers dans leurs périples afin de chanter leurs aventures lorsqu’elle retourne à la capitale. Elle ne fait que des spectacles de rue à son propre compte. Elle est tenace malgré les refus et son pouvoir offre un réel avantage sur le terrain, mais elle devient également un fardeau.
Elle est également un bon guide pour tout voyageur trop téméraires, après avoir passé la plupart de sa vie à vagabonder sur l'île.
Particularités notables : C’est une bonne combattante mais elle préfère fuir que se confronter au danger. Elle déteste ne pas voir le fond des eaux, et les algues. Elle suivra rarement une expédition qui se déroule dans un lieu aquatique. Son passe-temps est de faire des mauvaises blagues aux membres de la garde.<!--
--></section> <section><!--
--><h2>Quelques faits importants</h2><!--
-->Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est, quas veniam. Aliquid aperiam corporis cum eius excepturi impedit libero, magni nobis obcaecati, placeat quaerat quo quod sapiente sequi ut vitae.
Ad aspernatur cumque dicta eius enim ex facere fuga illum incidunt ipsam, iusto minus modi mollitia non odio perspiciatis rem rerum saepe sed veritatis? Cupiditate distinctio iste quae quasi vel.
Ad incidunt libero modi neque provident totam veritatis? A molestias, numquam perspiciatis quasi similique voluptatibus. Accusantium architecto aspernatur cum eius enim non quasi sapiente, sequi soluta suscipit tenetur ullam voluptatum!<!--
--></section></main>
<main class="ldb-obsi" id="pouvoir"><nav> <ul> <li> <a href="#general">Général et informations</a> </li><li> <a href="#pouvoir" class="actif">Pouvoir et améliorations</a> </li><li> <a href="#inventaire">Inventaire</a> </li><li> <a href="#familiers">Familiers</a> </li><li> <a href="#rps">RPs</a> </li><li> <a href="#relations">Relations</a> </li></ul> </nav> <header> <!--
BANNIÈRE
--><img src="https://via.placeholder.com/730x250" alt="Obsiprout" /><!--
--></header> <section><!--
--><h2>Pouvoir</h2><!--
-->Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi asperiores at consequatur harum impedit inventore laborum libero magnam, modi nesciunt obcaecati officia provident quibusdam, quod repellat soluta sunt voluptas voluptates.
Accusamus assumenda dignissimos dolore error iusto maxime molestias porro quibusdam quos ut? Assumenda corporis esse libero necessitatibus tempore! Aut dolor doloremque laboriosam placeat, porro quidem repellendus sapiente ullam voluptate voluptatibus!
Alias dignissimos illo quasi qui quibusdam. Accusamus ad aliquam, aliquid dolorum expedita facilis iste natus nisi numquam quaerat reiciendis reprehenderit repudiandae tempore. Corporis debitis laudantium neque nihil optio rerum veniam.<!--
--></section><section><!--
--><h2>Améliorations</h2><!--
--><h3>Amélioration 1</h3><!--
-->Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta fugiat hic incidunt magni nihil odit, quis saepe unde ut veniam? Aliquam aliquid beatae consequatur et mollitia natus officia officiis? Ex.
Cum doloremque eveniet, hic ipsum laudantium magni nesciunt nostrum officia, pariatur quo, quos saepe tempora. Commodi consectetur cupiditate eos exercitationem nesciunt officia quaerat repudiandae ut veritatis! Quod rerum ut vel?<!--
--></section> <section><!--
--><h2>Objets de pouvoir</h2><!--
--><h3>ODP 1</h3><!--
-->Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam architecto at cumque delectus laudantium minima molestias omnis vero. A consectetur cupiditate debitis eligendi enim eos in labore porro quaerat quis.
Aspernatur cupiditate dignissimos, ea earum iste libero molestias neque, nihil nulla quidem quo sunt vitae voluptatum. Architecto aspernatur blanditiis debitis delectus eligendi facilis, magni recusandae ullam veritatis voluptate, voluptatem, voluptatibus!<!--
--></section> <section><!--
--><h2>Devis</h2><!--
--><ul><!--
--><li>Devis 1 : <a href="https://aryon.forumactif.com/">www</a></li><!--
--><li>Devis 2 : <a href="https://aryon.forumactif.com/">www</a></li><!--
--><li>Devis 3 : <a href="https://aryon.forumactif.com/">www</a></li><!--
--></ul><!--
--></section></main>
<main class="ldb-obsi" id="inventaire"> <nav> <ul> <li> <a href="#general">Général et informations</a> </li><li> <a href="#pouvoir">Pouvoir et améliorations</a> </li><li> <a href="#inventaire" class="actif">Inventaire</a> </li><li> <a href="#familiers">Familiers</a> </li><li> <a href="#rps">RPs</a> </li><li> <a href="#relations">Relations</a> </li></ul> </nav> <header><!--
BANNIÈRE
--><img src="https://via.placeholder.com/730x250" alt="Obsiprout"><!--
--></header> <section><!--
--><h2>Accessoires</h2><!--
--><ul><!--
--><li><b>Corde enchantée :</b> Outil de fonction de tout Aventurier qui se respecte, la Corde Enchantée est d'une résistance au-delà de la normale en plus d'être plus légère et pratique à transporter. De la moindre inflexion des doigts, créez nombres de noeuds complexes en un instant, il suffira de tirer un coup sec pour les défaire aussi rapidement! Livré avec une tête grappin adaptable. </li><!--
--><li><b>Objet 2 :</b> Description</li><!--
--></ul> </section> <section><!--
--><h2>Consommables</h2><!--
--><ul><!--
--><li><b>Consommable 1 :</b> Description</li><!--
--><li><b>Consommable 2 :</b> Description</li><!--
--><li><b>Consommable 3 :</b> Description</li><!--
--><li><b>Consommable 4 :</b> Description</li><!--
--></ul> </section> <section><!--
--><h2>Objets uniques et exclusifs</h2><!--
--><ul><!--
--><li><b>Consommable 1 - Animation :</b>
Description</li><!--
--><li><b>Consommable 2 - Tirage :</b>
Description</li><!--
--><li><b>Consommable 3 - Devis :</b>
Description</li><!--
--></ul> </section> <section><!--
--><h2>Avantages</h2><!--
--><ul><!--
--><li><b>Avantage 1 :</b> Description</li><!--
--><li><b>Avantage 2 :</b> Description</li><!--
--><li><b>Avantage 3 :</b> Description</li><!--
--><li><b>Avantage 4 :</b> Description</li><!--
--></ul> </section></main>
--><li><b>Nom objet :</b> Description objet</li><!--
--><li><b>Nom Objet - Animation/Devis/Tirage/Ce que tu veux :</b>
Description de l'objet</li><!--
<main class="ldb-obsi" id="familiers"> <nav> <ul> <li> <a href="#general">Général et informations</a> </li><li> <a href="#pouvoir">Pouvoir et améliorations</a> </li><li> <a href="#inventaire">Inventaire</a> </li><li> <a href="#familiers" class="actif">Familiers</a> </li><li> <a href="#rps">RPs</a> </li><li> <a href="#relations">Relations</a> </li></ul> </nav> <header> <!--
BANNIÈRE
--><img src="https://via.placeholder.com/730x250" alt="Obsiprout"><!--
--></header> <section><!--
--><h2>Quota</h2><!--
DEBUT FAMILIER
--><article> <figure><!--
--><img src="https://via.placeholder.com/670x200"><!--
--><figcaption>Nom - Monture</figcaption><!--
--></figure>Lorem ipsum dolor sit amet, consectetur adipisicing elit. At blanditiis est laudantium repudiandae tempore temporibus? Eveniet fugit ipsum iste minima nulla sapiente, sed sit! Adipisci alias assumenda iste praesentium sint.<!--
--><details> <summary>Inventaire</summary><!--
--><ul><!--
--><li><b>Objet :</b> Objet 1, objet 2</li><!--
--><li><b>Armure :</b></li><!--
--><li><b>Magie :</b></li></ul> </details> </article> <article> <figure> <img src="https://via.placeholder.com/670x200"> <figcaption>Nom - Monture</figcaption> </figure> Lorem ipsum dolor sit amet, consectetur adipisicing elit. At blanditiis est laudantium repudiandae tempore temporibus? Eveniet fugit ipsum iste minima nulla sapiente, sed sit! Adipisci alias assumenda iste praesentium sint.<!--
--><details><!--
--><summary>Inventaire</summary> <ul><!--
--><li><b>Objet :</b> Objet 1, objet 2</li><!--
--><li><b>Armure :</b> Objet</li><!--
--><li><b>Magie :</b> Objet</li><!--
--></ul> </details> </article><!--
FIN FAMILIER
--></section> <section><!--
--><h2>Hors quota</h2><!--
DEBUT FAMILIER
--><article> <figure><!--
--><img src="https://via.placeholder.com/670x200"><!--
--><figcaption>Nom - Monture</figcaption><!--
--></figure>Lorem ipsum dolor sit amet, consectetur adipisicing elit. At blanditiis est laudantium repudiandae tempore temporibus? Eveniet fugit ipsum iste minima nulla sapiente, sed sit! Adipisci alias assumenda iste praesentium sint.<!--
--><details> <summary>Inventaire</summary><!--
--><ul><!--
--><li><b>Objet :</b> Objet 1, objet 2</li><!--
--><li><b>Armure :</b></li><!--
--><li><b>Magie :</b></li></ul> </details> </article> <article> <figure> <img src="https://via.placeholder.com/670x200"><!--
--><figcaption>Nom - Monture</figcaption><!--
--></figure><!--
-->Lorem ipsum dolor sit amet, consectetur adipisicing elit. At blanditiis est laudantium repudiandae tempore temporibus? Eveniet fugit ipsum iste minima nulla sapiente, sed sit! Adipisci alias assumenda iste praesentium sint.<!--
--><details><!--
--><summary>Inventaire</summary> <ul><!--
--><li><b>Objet :</b> Objet 1, objet 2</li><!--
--><li><b>Armure :</b> Objet</li><!--
--><li><b>Magie :</b> Objet</li><!--
--></ul> </details> </article><!--
FIN FAMILIER
--></section></main>
DEBUT FAMILIER
--><article> <figure><!--
--><img src="https://via.placeholder.com/670x200"><!--
--><figcaption>Nom - Monture</figcaption><!--
--></figure>Lorem ipsum dolor sit amet, consectetur adipisicing elit. At blanditiis est laudantium repudiandae tempore temporibus? Eveniet fugit ipsum iste minima nulla sapiente, sed sit! Adipisci alias assumenda iste praesentium sint.<!--
--><details> <summary>Inventaire</summary><!--
--><ul><!--
--><li><b>Objet :</b> Objet 1, objet 2</li><!--
--><li><b>Armure :</b></li><!--
--><li><b>Magie :</b></li></ul> </details> </article> <article> <figure> <img src="https://via.placeholder.com/670x200"> <figcaption>Nom - Monture</figcaption> </figure> Lorem ipsum dolor sit amet, consectetur adipisicing elit. At blanditiis est laudantium repudiandae tempore temporibus? Eveniet fugit ipsum iste minima nulla sapiente, sed sit! Adipisci alias assumenda iste praesentium sint.<!--
--><details><!--
--><summary>Inventaire</summary> <ul><!--
--><li><b>Objet :</b> Objet 1, objet 2</li><!--
--><li><b>Armure :</b> Objet</li><!--
--><li><b>Magie :</b> Objet</li><!--
--></ul> </details> </article><!--
FIN FAMILIER
<main class="ldb-obsi" id="rps"> <nav> <ul> <li> <a href="#general">Général et informations</a> </li><li> <a href="#pouvoir">Pouvoir et améliorations</a> </li><li> <a href="#inventaire">Inventaire</a> </li><li> <a href="#familiers">Familiers</a> </li><li> <a href="#rps" class="actif">RPs</a> </li><li> <a href="#relations">Relations</a> </li></ul> </nav> <header><!--
BANNIÈRE
--><img src="https://via.placeholder.com/730x250" alt="Obsiprout"><!--
--></header> <section><!--
--><h2>Chronologie</h2><!--
--><ul><!--
--><li><b>982 :</b> Description</li><!--
--><li><b>982 :</b> Description</li><!--
--><li><b>982 :</b> Description</li><!--
--></ul><!--
--></section> <section><!--
--><h2>An 1001 <span>Saison douce</span></h2><!--
DEBUT D'UN RP
--><article> <header> <a href="#">Titre</a> <span>Terminé</span> </header> <span>Ft. Machin</span>
Résumé - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias cum dolore laborum saepe! A aliquid atque, commodi, debitis ex, exercitationem magni nam nulla quasi quo repellat rerum similique veniam voluptate. </article><!--
FIN D'UN RP
DEBUT D'UN RP
--><article> <header> <a href="#">Titre</a> <span>Terminé</span> </header> <span>Ft. Machin</span>
Résumé - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias cum dolore laborum saepe! A aliquid atque, commodi, debitis ex, exercitationem magni nam nulla quasi quo repellat rerum similique veniam voluptate. </article><!--
FIN D'UN RP
--></section> <section><!--
--><h2>Recherche de liens et RPs</h2><!--
--><h3>Liens recherchés</h3><!--
-->Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum, illum provident. A commodi magni modi optio quidem voluptatibus. Alias ducimus earum minus nisi perferendis placeat quisquam sunt ullam unde vitae?<!--
--><h3>RPs recherchés</h3><!--
-->Lorem ipsum dolor sit amet, consectetur adipisicing elit. A accusantium aliquam beatae corporis cum ea esse explicabo, facere, iste iusto labore magni neque nobis nulla numquam provident reiciendis, sapiente sint.<!--
--></section> <section><!--
--><h2>Ghost</h2><!--
--><ul><!--
--><li>Titre</li><!--
--><li>Titre</li><!--
--><li>Titre</li><!--
--><li>Titre</li><!--
--><li>Titre</li><!--
--></ul><!--
--></section></main>
DEBUT D'UN RP
--><article> <header><!--
--><a href="#">Titre</a> <span>Terminé</span><!--
--></header><!--
--><span>Ft. Machin</span>
Résumé - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias cum dolore laborum saepe! A aliquid atque, commodi, debitis ex, exercitationem magni nam nulla quasi quo repellat rerum similique veniam voluptate.<!--
--></article><!--
FIN D'UN RP
<main class="ldb-obsi" id="relations"> <nav> <ul> <li> <a href="#general">Général et informations</a> </li><li> <a href="#pouvoir">Pouvoir et améliorations</a> </li><li> <a href="#inventaire">Inventaire</a> </li><li> <a href="#familiers">Familiers</a> </li><li> <a href="#rps">RPs</a> </li><li> <a href="#relations" class="actif">Relations</a> </li></ul> </nav> <header><!--
BANNIÈRE
--><img src="https://via.placeholder.com/730x250" alt="Obsiprout"><!--
--></header> <section> <h2>PNJ</h2><!--
DEBUT D'UNE RELATION
--><article> <img src="https://via.placeholder.com/200x320" alt=""><!--
--><div><!--
--><h3>Prénom Nom</h3><!--
--><span>Petite soeur</span>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium asperiores cumque ea fuga perspiciatis quas reiciendis suscipit tempore totam voluptas. Accusamus corporis deleniti, deserunt ducimus fugit id nam numquam repudiandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. A accusantium ad aspernatur cum cupiditate delectus deserunt dicta eligendi eveniet incidunt ipsa minus molestiae, natus necessitatibus obcaecati, omnis quaerat sequi! Tempora. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur consequatur dolor earum illum inventore ipsa ipsam laborum natus, nesciunt nisi, nostrum porro quidem ratione repudiandae totam ut veniam voluptatum. Illo! <!--
--></div></article><!--
FIN D'UNE RELATION
--></section> <section><!--
--><h2>Famille</h2><!--
DEBUT D'UNE RELATION
--><article> <img src="https://via.placeholder.com/200x320" alt=""><!--
--><div><!--
--><h3>Prénom Nom</h3><!--
--><span>Petite soeur</span>
Description de la relation <!--
--></div></article><!--
FIN D'UNE RELATION
--></section> <section><!--
--><h2>Relations importantes</h2><!--
DEBUT D'UNE RELATION
--><article> <img src="https://via.placeholder.com/200x320" alt=""><!--
--><div><!--
--><h3>Prénom Nom</h3><!--
--><span>Petite soeur</span>
Description de la relation <!--
--></div></article><!--
FIN D'UNE RELATION
--></section> <section><!--
--><h2>Relations basiques</h2><!--
DEBUT D'UNE RELATION
--><article> <img src="https://via.placeholder.com/200x320" alt=""><!--
--><div><!--
--><h3>Prénom Nom</h3><!--
--><span>Petite soeur</span>
Description de la relation <!--
--></div></article><!--
FIN D'UNE RELATION
--></section></main>
DEBUT D'UNE RELATION
--><article> <img src="https://via.placeholder.com/200x320" alt=""><!--
--><div><!--
--><h3>Prénom Nom</h3><!--
--><span>Type de relation</span>
Description de la relation <!--
--></div></article><!--
FIN D'UNE RELATION
|
|