prénom(s) nomfeat. avatar
identité répondre ici. naissance, âge répondre ici. (mettre le pays de votre naissance et la date) orientation, statut répondre ici. genre, pronoms répondre ici. métier répondre ici. quartier d'habitation répondre ici. inspiration personnage + conte répondre ici. groupe répondre ici. crédits répondre ici.
- Caractère
- Anecdotes
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Natus totam neque iure quo rerum inventore sed laboriosam suscipit dolorum ea? Eaque numquam quis esse consequatur doloribus nisi quasi tenetur maxime. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Natus totam neque iure quo rerum inventore sed laboriosam suscipit dolorum ea? Eaque numquam quis esse consequatur doloribus nisi quasi tenetur maxime.
Prénom Nom - lien : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et ultrices nisl, nec scelerisque eros. Etiam volutpat ipsum eget leo vehicula, eget volutpat dolor gravida. Ut ultrices lorem et libero volutpat sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus purus urna, aliquet ac orci non, vulputate suscipit nisl. Etiam ultrices faucibus nunc, sed vestibulum urna maximus vitae. Nam viverra orci sit amet venenatis tristique. In elementum turpis eu rutrum scelerisque. Curabitur auctor elit at nulla consectetur rhoncus. Nam maximus metus velit, nec rhoncus lacus volutpat at. Duis molestie cursus vulputate. Pellentesque nec suscipit leo. Quisque suscipit suscipit lorem, eget efficitur dui pretium vitae.
Prénom Nom - lien : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et ultrices nisl, nec scelerisque eros. Etiam volutpat ipsum eget leo vehicula, eget volutpat dolor gravida. Ut ultrices lorem et libero volutpat sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus purus urna, aliquet ac orci non, vulputate suscipit nisl. Etiam ultrices faucibus nunc, sed vestibulum urna maximus vitae. Nam viverra orci sit amet venenatis tristique. In elementum turpis eu rutrum scelerisque. Curabitur auctor elit at nulla consectetur rhoncus. Nam maximus metus velit, nec rhoncus lacus volutpat at. Duis molestie cursus vulputate. Pellentesque nec suscipit leo. Quisque suscipit suscipit lorem, eget efficitur dui pretium vitae.
Prénom Nom - lien : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et ultrices nisl, nec scelerisque eros. Etiam volutpat ipsum eget leo vehicula, eget volutpat dolor gravida. Ut ultrices lorem et libero volutpat sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus purus urna, aliquet ac orci non, vulputate suscipit nisl. Etiam ultrices faucibus nunc, sed vestibulum urna maximus vitae. Nam viverra orci sit amet venenatis tristique. In elementum turpis eu rutrum scelerisque. Curabitur auctor elit at nulla consectetur rhoncus. Nam maximus metus velit, nec rhoncus lacus volutpat at. Duis molestie cursus vulputate. Pellentesque nec suscipit leo. Quisque suscipit suscipit lorem, eget efficitur dui pretium vitae.
- Code:
<div class="fond-fiche"><div class="fiche"><div class="fiche-header"><img src="https://64.media.tumblr.com/ccca15c06965693ccfd7a81902889fdd/6787e5b3ff60f1fa-6e/s1280x1920/e8a4ee19033843a21448e85ee3e442f5e9534a17.jpg" alt="" class="icon-header"><p class="title-header"><span class="titre">prénom(s) nom</span><span class="sous-titre"><i>feat. avatar</i></span></p></div></div><div class="fiche"><div class="fiche-presentation"><div class="fiche-info"><span><ion-icon name="balloon-outline"></ion-icon>XX ans, dd/mm/aaaa</span><span><ion-icon name="briefcase-outline"></ion-icon>Métier</span><span><ion-icon name="book-outline"></ion-icon>Conte, personnage</span><span><ion-icon name="heart-outline"></ion-icon>Statut</span><p> <b> identité</b> répondre ici. <b> naissance, âge </b> répondre ici. <i>(mettre le pays de votre naissance et la date)</i> <b> orientation, statut</b> répondre ici. <b> genre, pronoms</b> répondre ici. <b> métier</b> répondre ici. <b> quartier d'habitation</b> répondre ici. <b> inspiration personnage + conte</b> répondre ici. <b> groupe</b> répondre ici. <b> crédits</b> répondre ici.</p></div><img src="https://64.media.tumblr.com/b9a9a0fb60d78b31d83e884971b9acd4/6787e5b3ff60f1fa-3c/s1280x1920/dbeff686d4c36fc5538592136407bf00be29998f.jpg" alt="" class="fiche-avatar"></div></div><div class="fiche"><ul class="fiche-tabs"><li class="fiche-tab fiche-tab_active"><i class="fa-solid fa-clover"></i>Caractère</li><li class="fiche-tab"><i class="fa-solid fa-icons"></i>Anecdotes</li></ul><div class="fiche-container"><div class="fiche-content fiche-content_visible">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Natus totam neque iure quo rerum inventore sed laboriosam suscipit dolorum ea? Eaque numquam quis esse consequatur doloribus nisi quasi tenetur maxime.</div><div class="fiche-content"><i>TW : Mettre les triggers avant vos annecdotes.</i><br>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Natus totam neque iure quo rerum inventore sed laboriosam suscipit dolorum ea? Eaque numquam quis esse consequatur doloribus nisi quasi tenetur maxime. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Natus totam neque iure quo rerum inventore sed laboriosam suscipit dolorum ea? Eaque numquam quis esse consequatur doloribus nisi quasi tenetur maxime.</div></div></div><div class="fiche-icons"><img src="https://i.pinimg.com/236x/f4/72/6a/f4726a607afa79bf39f7cb09d313b7c7.jpg" alt="" class="icon"> <img src="https://i.pinimg.com/236x/68/ca/56/68ca56415ef4226d8887f7c763177049.jpg" alt="" class="icon"> <img src="https://i.pinimg.com/236x/98/9b/f0/989bf0be67367fbfb561f885bb87054f.jpg" alt="" class="icon"> <img src="https://i.pinimg.com/236x/46/71/b3/4671b3089c06ce16a59100cc7a93178d.jpg" alt="" class="icon"></div><br><div class="fiche"><rou>Les liens</rou><br>
<div class="lien"><img src="https://64.media.tumblr.com/ccca15c06965693ccfd7a81902889fdd/6787e5b3ff60f1fa-6e/s1280x1920/e8a4ee19033843a21448e85ee3e442f5e9534a17.jpg"><p><b> Prénom Nom </b> - <i> lien </i> : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et ultrices nisl, nec scelerisque eros. Etiam volutpat ipsum eget leo vehicula, eget volutpat dolor gravida. Ut ultrices lorem et libero volutpat sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus purus urna, aliquet ac orci non, vulputate suscipit nisl. Etiam ultrices faucibus nunc, sed vestibulum urna maximus vitae. Nam viverra orci sit amet venenatis tristique. In elementum turpis eu rutrum scelerisque. Curabitur auctor elit at nulla consectetur rhoncus. Nam maximus metus velit, nec rhoncus lacus volutpat at. Duis molestie cursus vulputate. Pellentesque nec suscipit leo. Quisque suscipit suscipit lorem, eget efficitur dui pretium vitae. </p></div><div class="lien"><img src="https://64.media.tumblr.com/ccca15c06965693ccfd7a81902889fdd/6787e5b3ff60f1fa-6e/s1280x1920/e8a4ee19033843a21448e85ee3e442f5e9534a17.jpg"><p><b> Prénom Nom </b> - <i> lien </i> : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et ultrices nisl, nec scelerisque eros. Etiam volutpat ipsum eget leo vehicula, eget volutpat dolor gravida. Ut ultrices lorem et libero volutpat sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus purus urna, aliquet ac orci non, vulputate suscipit nisl. Etiam ultrices faucibus nunc, sed vestibulum urna maximus vitae. Nam viverra orci sit amet venenatis tristique. In elementum turpis eu rutrum scelerisque. Curabitur auctor elit at nulla consectetur rhoncus. Nam maximus metus velit, nec rhoncus lacus volutpat at. Duis molestie cursus vulputate. Pellentesque nec suscipit leo. Quisque suscipit suscipit lorem, eget efficitur dui pretium vitae. </p></div><div class="lien"><img src="https://64.media.tumblr.com/ccca15c06965693ccfd7a81902889fdd/6787e5b3ff60f1fa-6e/s1280x1920/e8a4ee19033843a21448e85ee3e442f5e9534a17.jpg"><p><b> Prénom Nom </b> - <i> lien </i> : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et ultrices nisl, nec scelerisque eros. Etiam volutpat ipsum eget leo vehicula, eget volutpat dolor gravida. Ut ultrices lorem et libero volutpat sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus purus urna, aliquet ac orci non, vulputate suscipit nisl. Etiam ultrices faucibus nunc, sed vestibulum urna maximus vitae. Nam viverra orci sit amet venenatis tristique. In elementum turpis eu rutrum scelerisque. Curabitur auctor elit at nulla consectetur rhoncus. Nam maximus metus velit, nec rhoncus lacus volutpat at. Duis molestie cursus vulputate. Pellentesque nec suscipit leo. Quisque suscipit suscipit lorem, eget efficitur dui pretium vitae. </p></div></div></div>