136 lines
5.0 KiB
HTML
136 lines
5.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>PhB Layout mit Spalten</title>
|
|
<link rel="stylesheet" href="website_main.css"> <!-- Dein CSS-File -->
|
|
<link rel="stylesheet" href="dnd-book.css"> <!-- Dein CSS-File -->
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="title">
|
|
<a href="/index.html">AMMERHAI</a>
|
|
</div>
|
|
<div class="menu">
|
|
<a href="/ttrpg.html">TTRPG</a>
|
|
<a href="/blog.html">Blog</a>
|
|
<a href="/imprint.html">Imprint</a>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Seite 1 -->
|
|
<div class="phb">
|
|
<div class="content">
|
|
<!-- Erste Spalte: Elfen -->
|
|
<div class="column">
|
|
<h1>Die Elfen und ihre Geschichte</h1>
|
|
<p>Die Elfen sind eine uralte Rasse, bekannt für ihre Weisheit und Verbindung zur Natur...</p>
|
|
|
|
<h2>Der Aufstieg des ersten Elfenkönigs</h2>
|
|
<p>Der erste Elfenkönig, Ilinthar, führte seine Leute aus der Dunkelheit der frühen Zeiten...</p>
|
|
|
|
<h3>Die goldene Ära der Elfen</h3>
|
|
<p>In der goldenen Ära der Elfen errichteten sie monumentale Städte...</p>
|
|
|
|
<blockquote>
|
|
<p>„Der Wald ist nicht nur ein Ort, sondern ein lebendiger Organismus“, sagte der weise Magier. „Wer sich in ihn wagt, muss die Regeln des Waldes respektieren.“</p>
|
|
</blockquote>
|
|
|
|
<table>
|
|
<tr>
|
|
<th>Charakter</th>
|
|
<th>Rasse</th>
|
|
<th>Waffe</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Filaron</td>
|
|
<td>Elf</td>
|
|
<td>Bogen</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Grunther</td>
|
|
<td>Zwerg</td>
|
|
<td>Axt</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<!-- Zweite Spalte: Zwerge -->
|
|
<div class="column">
|
|
<h1>Die Zwerge und ihre Bedeutung</h1>
|
|
<p>Die Zwerge sind für ihre Handwerkskunst und ihren tiefen Bezug zu den Bergen bekannt...</p>
|
|
|
|
<h2>Die Entstehung der ersten Zwergenreiche</h2>
|
|
<p>Als die Zwerge das erste Mal die Berge betraten, fanden sie in den tiefen Höhlen reiche Erzvorkommen...</p>
|
|
|
|
<h3>Die Zwergenkriege und ihre Krieger</h3>
|
|
<p>Die Geschichte der Zwerge ist von zahllosen Kriegen und Schlachten geprägt...</p>
|
|
|
|
<blockquote>
|
|
<p>„Die Stärke eines Zwerges liegt nicht nur in seiner Axt, sondern in seinem unerschütterlichen Willen“, sagte der alte Schmied.</p>
|
|
</blockquote>
|
|
|
|
<table>
|
|
<tr>
|
|
<th>Charakter</th>
|
|
<th>Rasse</th>
|
|
<th>Waffe</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Thorin</td>
|
|
<td>Zwerg</td>
|
|
<td>Hammer</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Haldor</td>
|
|
<td>Zwerg</td>
|
|
<td>Schwert</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Seite 2 (neues Bild und Inhalt) -->
|
|
<div class="phb">
|
|
<div class="content">
|
|
<!-- Erste Spalte für die nächste Seite -->
|
|
<div class="column">
|
|
<h1>Die Magie der Welt</h1>
|
|
<p>Die Magie durchzieht die Welt, sie ist die Quelle der größten Kräfte und der gefährlichsten Geheimnisse...</p>
|
|
|
|
<blockquote>
|
|
<p>„Magie ist die Sprache der Welt, die jeder versteht, der mit der richtigen Intention hört“, erklärte der alte Zauberer.</p>
|
|
</blockquote>
|
|
</div>
|
|
|
|
<!-- Zweite Spalte für die nächste Seite -->
|
|
<div class="column">
|
|
<h1>Die Götter und ihre Anhänger</h1>
|
|
<p>Die Götter der Welt sind nicht nur Wesen von unvorstellbarer Macht, sondern auch Teil des täglichen Lebens...</p>
|
|
|
|
<table>
|
|
<tr>
|
|
<th>Gottheit</th>
|
|
<th>Domäne</th>
|
|
<th>Anhänger</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Aerath</td>
|
|
<td>Winde</td>
|
|
<td>Flügelvolk</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Valkor</td>
|
|
<td>Krieg</td>
|
|
<td>Kriegsherren</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|