-
Notifications
You must be signed in to change notification settings - Fork 0
/
timeline.html
90 lines (79 loc) · 3.47 KB
/
timeline.html
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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Ring Timeline</title>
<link rel="shortcut icon" href="assets/images/favicon.png" type="image/x-icon">
<link href="assets/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
<body>
<header class="sticky-top">
<nav class="base-width nav nav-masthead nav-justified">
<a class="nav-link" href="home.html">Home</a>
<a class="nav-link" href="map.html">Map</a>
<a class="nav-link active" aria-current="page" href="timeline.html">Timeline</a>
<a class="nav-link" href="deities.html">Deities</a>
</nav>
</header>
<main>
<div class="timeline-container background-shadow">
<div class="timeline">
<div class="custom"></div>
<div class="year">
<span>Unknown</span>
</div>
<div class="info">
<h3>Genesis</h3>
<p>In the beginning, there was only chaos and darkness. But from the void emerged a powerful deity, known as the Creator. The Creator had the power to shape reality itself, and it was this power that the deity used to bring order to the chaos and to create the world of the Ring...</p>
</div>
</div>
<div class="timeline box-right">
<div class="custom"></div>
<div class="year">
<span>Unknown</span>
</div>
<div class="info">
<h3>Age of Chaos</h3>
<p>The Age of Chaos, as the name suggests, was a time of great upheaval and turmoil in the world of The Ring. The gods and mortals of the world were still coming to terms with the aftermath of The Old One's defeat and the creation of the Mechanism of Ascension...
</div>
</div>
<div class="timeline">
<div class="custom"></div>
<div class="year">
<span>Year 1</span>
</div>
<div class="info">
<h3>Age Of Heroes</h3>
<p>The Age of Heroes is a legendary period in the history of The Ring, where bravery, cunning and raw power were commonplace. It was a time of great feats and untamed magic, where legends were born and heroes emerged to shape the world as we know it today...</p>
</div>
</div>
<div class="timeline box-right">
<div class="custom"></div>
<div class="year">
<span>1112</span>
</div>
<div class="info">
<h3>Age of Decline</h3>
<p>The Age of Decline was a dark period in the history of The Ring, marked by a significant decrease in the availability and use of magic. The primary cause of this decline was a power struggle involving the goddess of magic, Mystra...</p>
</div>
</div>
<div class="timeline">
<div class="custom"></div>
<div class="year">
<span>1638</span>
</div>
<div class="info">
<h3>Unamed Time</h3>
<p>Nowadays the habitants of The Ring live in relative tranquility. At least for as long as the dynamics of the ascension mechanism allow.</p>
</div>
</div>
</div>
</main>
<footer>
<p>Made by <a href="#" class="text-link">mariochermes</a>, for <a href="https://courses.edx.org/dashboard"
class="text-link">CS50</a>.</p>
</footer>
</body>
</html>