Fiche de présentation - Exemple

<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Condensed&display=swap" rel="stylesheet"> <div class="c1"> <div class="row-title_t"> <div class="n_title"> Nom Prénom </div> <div class="quote_t"> Petite citation sympa </div> </div> <div class="row-intro"> <div class="intro"> <b>Age : </b>Lorem ipsum dolor sit amet consectetur. <br><b>Origines : </b>Lorem ipsum dolor sit amet consectetur. <br><b>Race : </b>Lorem ipsum dolor sit amet consectetur. <br><b>Groupe : </b>Lorem ipsum dolor sit amet consectetur. <br><b>Métier : </b>Lorem ipsum dolor sit amet consectetur. <br><b>Sexualité : </b>Lorem ipsum dolor sit amet consectetur. <b>Compétences communes : </b>[strike]Compétences qui sont liés à votre race.[/strike] Lorem ipsum dolor sit amet consectetur.  <b>Compétences particulières : </b>[strike]Compétences qui sont unique à votre personnage.[/strike] Lorem ipsum dolor sit amet consectetur. </div> <div class="avatar_s"> <img src="https://i.imgur.com/iTcwmlV.png"> <div class="bgo"><p>ft. faceclaim/Nom Avatar</p></div> </div> </div> <div class="car"> <div class="s_title"> caractère </div> Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad eligendi corporis quas quod, iusto dignissimos ullam autem rerum quia nam? Mollitia corporis quas quod aliquam, ullam molestias optio vitae et dolorem officiis! Praesentium vero facere voluptate repudiandae iste quas ad voluptas amet quidem, inventore nam cumque, animi, culpa deserunt asperiores ut sint ducimus minus similique accusantium laboriosam. Doloremque magni nisi quisquam tenetur? Quidem neque ipsa asperiores quo beatae voluptates vero cum sunt, fuga iste alias voluptate, nam nemo sint eligendi expedita accusamus voluptatibus qui repellat, suscipit architecto? Impedit obcaecati error quia amet doloribus tempora facere facilis quisquam. Mollitia ratione omnis magni possimus aliquid at nostrum, quas repellendus fugiat doloremque dolor excepturi eum officia vero ducimus quaerat, praesentium ex quae perspiciatis sit tenetur eaque! Animi nobis aut, sequi ex vitae totam! Excepturi nemo recusandae nam perspiciatis voluptas distinctio minus sit. Omnis, nisi maiores, nihil rem expedita, dignissimos accusamus explicabo sunt dolores labore mollitia maxime vero delectus at numquam ipsum laboriosam modi? Veniam voluptas rerum quisquam magni dolor eum debitis obcaecati nihil hic facilis aperiam repudiandae quo, eligendi libero, ipsa nemo ut recusandae quidem doloribus harum nisi sunt consequatur consequuntur pariatur. Asperiores non neque fuga ab quod, dolores officia libero voluptas in consectetur labore a explicabo nemo blanditiis eaque molestias, iusto suscipit possimus repellendus quibusdam nulla consequatur deleniti! Officiis esse rerum numquam? Fugiat, autem fuga nihil ipsum quae asperiores placeat amet earum perferendis eius? Esse asperiores sequi dolorem laboriosam quidem debitis doloribus, maxime repudiandae repellendus reprehenderit optio ex harum est accusamus atque et. Similique ducimus vitae, veritatis debitis pariatur officia molestias fugit facilis ipsum nobis, nesciunt minus iusto consectetur ad tenetur, neque optio earum quos? Fuga, repudiandae reiciendis nesciunt similique tempore magni, quas quia consequuntur quo dicta consequatur ducimus odio omnis non velit aperiam illo quis ea impedit id! Eaque, dolor? Officiis harum laboriosam iusto inventore placeat provident. Voluptatem doloremque autem libero eaque adipisci amet possimus? Explicabo, eius laboriosam sapiente, fugit a repellat deleniti quae beatae aliquam quisquam dolores earum numquam obcaecati voluptatem quam facilis. Ab facilis nam voluptates ea, perspiciatis, illo a maxime, dicta natus expedita dolore harum ad pariatur alias quis aperiam. Tenetur, aliquam assumenda, laborum numquam cupiditate recusandae officia excepturi a, dolore asperiores nostrum quas quo ratione dolorum iste soluta accusantium esse consequuntur commodi quibusdam obcaecati velit et! Aspernatur voluptatum voluptatibus iusto aut consequatur nulla cumque. Illo, magnam ad assumenda blanditiis iste consequuntur! Quidem nostrum porro nobis enim saepe est iusto, voluptatem, repudiandae tenetur temporibus laborum numquam possimus corporis cumque? Ipsum cumque id placeat corrupti molestias, esse aut dignissimos tempora consequuntur quas cupiditate, fuga explicabo est optio ex accusamus maxime, facere saepe minus repellendus officia. Deleniti nulla ex tempore laborum beatae nemo vel, incidunt possimus natus obcaecati dolor placeat ducimus reiciendis totam modi cumque fuga perferendis voluptatum error rem sunt commodi aliquam! Facere, natus molestias? Enim nisi repellendus quia quae, possimus fugiat minus dolores sequi nam perferendis voluptas omnis placeat excepturi et rerum, facere vitae maxime odio ullam veritatis magnam sed sunt! Recusandae aut, nemo optio esse consequuntur repellendus! </div>
<div class="his"> <div class="s_title"> histoire </div> Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad eligendi corporis quas quod, iusto dignissimos ullam autem rerum quia nam? Mollitia corporis quas quod aliquam, ullam molestias optio vitae et dolorem officiis! Praesentium vero facere voluptate repudiandae iste quas ad voluptas amet quidem, inventore nam cumque, animi, culpa deserunt asperiores ut sint ducimus minus similique accusantium laboriosam. Doloremque magni nisi quisquam tenetur? Quidem neque ipsa asperiores quo beatae voluptates vero cum sunt, fuga iste alias voluptate, nam nemo sint eligendi expedita accusamus voluptatibus qui repellat, suscipit architecto? Impedit obcaecati error quia amet doloribus tempora facere facilis quisquam. Mollitia ratione omnis magni possimus aliquid at nostrum, quas repellendus fugiat doloremque dolor excepturi eum officia vero ducimus quaerat, praesentium ex quae perspiciatis sit tenetur eaque! Animi nobis aut, sequi ex vitae totam! Excepturi nemo recusandae nam perspiciatis voluptas distinctio minus sit. Omnis, nisi maiores, nihil rem expedita, dignissimos accusamus explicabo sunt dolores labore mollitia maxime vero delectus at numquam ipsum laboriosam modi? Veniam voluptas rerum quisquam magni dolor eum debitis obcaecati nihil hic facilis aperiam repudiandae quo, eligendi libero, ipsa nemo ut recusandae quidem doloribus harum nisi sunt consequatur consequuntur pariatur. Asperiores non neque fuga ab quod, dolores officia libero voluptas in consectetur labore a explicabo nemo blanditiis eaque molestias, iusto suscipit possimus repellendus quibusdam nulla consequatur deleniti! Officiis esse rerum numquam? Fugiat, autem fuga nihil ipsum quae asperiores placeat amet earum perferendis eius? Esse asperiores sequi dolorem laboriosam quidem debitis doloribus, maxime repudiandae repellendus reprehenderit optio ex harum est accusamus atque et. Similique ducimus vitae, veritatis debitis pariatur officia molestias fugit facilis ipsum nobis, nesciunt minus iusto consectetur ad tenetur, neque optio earum quos? Fuga, repudiandae reiciendis nesciunt similique tempore magni, quas quia consequuntur quo dicta consequatur ducimus odio omnis non velit aperiam illo quis ea impedit id! Eaque, dolor? Officiis harum laboriosam iusto inventore placeat provident. Voluptatem doloremque autem libero eaque adipisci amet possimus? Explicabo, eius laboriosam sapiente, fugit a repellat deleniti quae beatae aliquam quisquam dolores earum numquam obcaecati voluptatem quam facilis. Ab facilis nam voluptates ea, perspiciatis, illo a maxime, dicta natus expedita dolore harum ad pariatur alias quis aperiam. Tenetur, aliquam assumenda, laborum numquam cupiditate recusandae officia excepturi a, dolore asperiores nostrum quas quo ratione dolorum iste soluta accusantium esse consequuntur commodi quibusdam obcaecati velit et! Aspernatur voluptatum voluptatibus iusto aut consequatur nulla cumque. Illo, magnam ad assumenda blanditiis iste consequuntur! Quidem nostrum porro nobis enim saepe est iusto, voluptatem, repudiandae tenetur temporibus laborum numquam possimus corporis cumque? Ipsum cumque id placeat corrupti molestias, esse aut dignissimos tempora consequuntur quas cupiditate, fuga explicabo est optio ex accusamus maxime, facere saepe minus repellendus officia. Deleniti nulla ex tempore laborum beatae nemo vel, incidunt possimus natus obcaecati dolor placeat ducimus reiciendis totam modi cumque fuga perferendis voluptatum error rem sunt commodi aliquam! Facere, natus molestias? Enim nisi repellendus quia quae, possimus fugiat minus dolores sequi nam perferendis voluptas omnis placeat excepturi et rerum, facere vitae maxime odio ullam veritatis magnam sed sunt! Recusandae aut, nemo optio esse consequuntur repellendus! </div> <div class="player"> <div class="row-player"> <img src="https://i.imgur.com/PkmtDKN.png" alt=""> <div class="c2"> <div class="s_title"> derrière l'écran </div> <div class="c3"> Pseudo, âge, comment tu es tombé.e sur le forum, passions, etc... </div> </div> </div> </div> <div class="copyright">code by llacthgin</div> </div></br>