webdev-study/pages/main.html at master · rafaelbeirigo/webdev-study · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html lang="en">
  <title>RPG System 17</title>
  <style>
  header, nav, aside, main, footer {
    margin: 0.5em; border: thin solid; padding: 0.5em;
    background: #EFF; color: black; box-shadow: 0 0 0.25em #033;
  }
  h1, h2, p { margin: 0; }
  nav, main { float: left; }
  aside { float: right; }
  footer { clear: both; }
  </style>
  <header>
    <h1>System Eighteen</h1>
  </header>
  <nav>
    <a href="../16/">← System 17</a>
    <a href="../18/">RPXIX →</a>
  </nav>
  <aside>
    <p>This system has no HP mechanic, so there's no healing.
  </aside>
  <main>
    <h2>Character creation</h2>
    <p>Attributes (magic, strength, agility) are purchased at the cost of one point per level.</p>
    <h2>Rolls</h2>
    <p>Each encounter, roll the dice for all your skills. If you roll more than the opponent, you win.</p>
  </main>
  <footer>
    <p>Copyright © 2013
  </footer>
</html>