Gesuchsvorlage - Druckversion

Sinners

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Max Mustermann

Fact 1
Fact 2
Fact 3
Fact 4

Max Mustermann

Fact 1
Fact 2
Fact 3
Fact 4

Wish

Code: alles auswählen

<div class="sinner_wrap">

  <div class="sin_canoninfo">TEXT.</div>

  <!--CHAR START BILD LINKS-->

  <charhlinea>NAME</charhlinea>

  <div class="sin_shortfacts"><sin_fact>Fact 1</sin_fact>

    <sin_fact>Fact 2</sin_fact>

    <sin_fact>Fact 3</sin_fact>

    <sin_fact>Fact 4</sin_fact>

  </div>

  <div class="sin_char"><!--BILD 150 x 200-->

    <img src="BILDLINK">

    <div class="sin_shcut">TEXT</div>

  </div>

  <!--CHAR ENDE-->

  

   <!--CHAR START BILD RECHTS-->

  <charhlineb>NAME</charhlineb>

  <div class="sin_shortfacts"><sin_fact>Fact 1</sin_fact>

    <sin_fact>Fact 2</sin_fact>

    <sin_fact>Fact 3</sin_fact>

    <sin_fact>Fact 4</sin_fact>

  </div>

  <div class="sin_char">

    <div class="sin_shcut">TEXT</div><!--BILD 150 x 200-->

     <img src="BILDLINK">

  </div>

  <!--CHAR ENDE-->



 <div class="sin_canoninfo"><div class="f">Wish</div>TEXT</div>  



</div>



<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.2/css/all.css">

<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css"><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=Bokor&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

<style>:root{ --sinbg: #232323; --sinbgtr: #23232380; --sinbg1: #171717; --sinbg1tr: #17171730 --sinbg2: #272727; --sintext: #777777; --sinaccent: #2c5828; --sinbgimg: url('https://sinners-saints.de/images/invidia/bgmain.png'); } * { box-sizing: border-box; margin: 0; padding: 0; }.sinner_wrap { max-width: 500px; box-sizing:border-box; background-image:var(--sinbgimg);color: var(--sintext); outline:5px solid var(--sinbgtr); padding:30px; margin:10px auto; font-family: Raleway; font-weight: 600; } .sinner_wrap .sin_canoninfo { width:100%; aspect-ratio: 1.5; background:var(--sinbgtr); margin: auto; padding:10px; text-align:justify; overflow: auto; font-size:16px; } .sin_canoninfo .f { float:left; height:60px; line-height:50px; padding:10px; font-family: Bokor; font-size: 70px; color: var(--sinaccent); } .sinner_wrap charhlinea, .sinner_wrap charhlineb { font-weight: 700; font-size: 17px; font-family: 'raleway'; line-height: 9px; text-transform: uppercase; letter-spacing: 2px; color: var(--sinaccent); display: flex; gap: 20px; align-items: center; margin: 30px 0px 10px 0px; } .sinner_wrap charhlinea::after { content: ''; display: block; height: 1px; background-color: var(--sintext); flex-grow: 1; } .sinner_wrap charhlineb::before { content: ''; display: block; height: 1px; background-color: var(--sintext); flex-grow: 1; } .sinner_wrap .sin_shortfacts { margin: 10px auto; width: 100%; display:flex; justify-content: start; gap:10px; } .sin_shortfacts sin_fact { background: var(--sinbgtr); flex-grow:1; padding:10px; font-weight: bold; color: var(--sintext);text-align:center; } .sinner_wrap .sin_char { width: 100%; display:flex; flex-wrap: nowrap; gap:10px; } .sinner_wrap .sin_char img { width:150px; height:200px; border: 5px solid var(--sinbg); } .sinner_wrap .sin_char .sin_shcut { flex-grow: 1; max-height:200px; overflow: auto; padding: 3px; text-align:justify; background:var(--sinbgtr); font-size:14px; line-height:16px; } .sin_shcut::-webkit-scrollbar, .sin_canoninfo::-webkit-scrollbar {display:none;}</style>