Code:
<div class="tab-bg"><div class="h1">Vorname Nachname</div>
<center><img src="http://placehold.it/500x200"></center><ul class="tabs-rela"><li><input type="radio" checked name="tabs" id="tab1"><label for="tab1"><i class="fa fa-users"></i></label><div id="tab-content1" class="tab-content animated fadeIn"><h1>Freundschaften</h1><div class="besch">
<u>Bekannte</u>
<blockquote>Vorname (Zweitname) Nachname</blockquote>
<u>Gute Bekannte</u>
<blockquote>Vorname (Zweitname) Nachname</blockquote>
<u>Freunde</u>
<blockquote>Vorname (Zweitname) Nachname</blockquote>
<u>Gute Freunde</u>
<blockquote>Vorname (Zweitname) Nachname</blockquote>
<u>Beste Freunde</u>
<blockquote>Vorname (Zweitname) Nachname</blockquote>
<u>Seelenverwandte</u>
<blockquote>Vorname (Zweitname) Nachname</blockquote>
<u>Bessere Hälfte</u>
<blockquote>Vorname (Zweitname) Nachname</blockquote>
<u>Wie eine Schwester/ wie ein Bruder</u>
<blockquote>Vorname (Zweitname) Nachname</blockquote>
</div></div>
</li><li><input type="radio" name="tabs" id="tab2"><label for="tab2"><i class="fa fa-bolt"></i></label><div id="tab-content2" class="tab-content animated fadeIn"><h1>Feindschaften</h1><div class="besch">
<u>Ungemocht</u>
<blockquote>Vorname (Zweitname) Nachname</blockquote>
<u>Rivalen</u>
<blockquote>Vorname (Zweitname) Nachname</blockquote>
<u>Feinde</u>
<blockquote>Vorname (Zweitname) Nachname</blockquote></div></div>
</li><li><input type="radio" name="tabs" id="tab3"><label for="tab3"><i class="fa fa-heart"></i></label><div id="tab-content3" class="tab-content animated fadeIn"><h1>Liebschaften</h1><div class="besch">
<u>(heimlich) verliebt in</u>
<blockquote>Vorname (Zweitname) Nachname</blockquote>
<u>in einer Beziehung mit</u>
<blockquote>Vorname (Zweitname) Nachname</blockquote>
<u>verlobt mit</u>
<blockquote>Vorname (Zweitname) Nachname</blockquote>
<u>verheiratet mit</u>
<blockquote>Vorname (Zweitname) Nachname</blockquote>
<u>One Night Stand /Affäre mit</u>
<blockquote>Vorname (Zweitname) Nachname</blockquote>
<u>ehemalige Beziehung</u>
<blockquote>Vorname (Zweitname) Nachname</blockquote>
<u>ehemaliger One Night Stand/Affäre</u>
<blockquote>Vorname (Zweitname) Nachname</blockquote></div></div>
</li></ul></div>
Code:
<h1>Vorname Nachname</h1>
[align=center][img]http://placehold.it/500x200[/img][/align]
<h3>Freundschaften</h3>
[b]Bekannte[/b]
Vorname (Zweitname) Nachname
[b]Gute Bekannte[/b]
Vorname (Zweitname) Nachname
[b]Freunde[/b]
Vorname (Zweitname) Nachname
[b]Gute Freunde[/b]
Vorname (Zweitname) Nachname
[b]Beste Freunde[/b]
Vorname (Zweitname) Nachname
[b]Seelenverwandte[/b]
Vorname (Zweitname) Nachname
[b]Bessere Hälfte[/b]
Vorname (Zweitname) Nachname
[b]Wie eine Schwester/ wie ein Bruder[/b]
Vorname (Zweitname) Nachname
<h3>Feindschaften</h3>
[b]Ungemocht[/b]
Vorname (Zweitname) Nachname
[b]Rivalen[/b]
Vorname (Zweitname) Nachname
[b]Feinde[/b]
Vorname (Zweitname) Nachname
<h3>Liebschaften</h3>
[b](heimlich) verliebt in[/b]
Vorname (Zweitname) Nachname
[b]in einer Beziehung mit[/b]
Vorname (Zweitname) Nachname
[b]verlobt mit[/b]
Vorname (Zweitname) Nachname
[b]verheiratet mit[/b]
Vorname (Zweitname) Nachname
[b]One Night Stand /Affäre mit[/b]
Vorname (Zweitname) Nachname
[b]ehemalige Beziehung[/b]
Vorname (Zweitname) Nachname
[b]ehemaliger One Night Stand/Affäre[/b]
Vorname (Zweitname) Nachname