-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
210 lines (175 loc) · 9.08 KB
/
index.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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Knights of the Seven Kingdoms</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/brands.css" integrity="sha384-V5Z1KgRRJyY878qCx7+zUeTDm0FgjoYrbmSortFqRPGz+Ue6XDe4uIiMqB3tB/wd" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/fontawesome.css" integrity="sha384-wESLQ85D6gbsF459vf1CiZ2+rr+CsxRY0RpiF1tLlQpDnAgg6rwdsUF1+Ics2bni" crossorigin="anonymous">
<link rel="shortcut icon" type="image/jpg" href="./assets/img/favicon.ico"/>
<link rel="stylesheet" href="./assets/css/styles.css">
</head>
<body>
<header>
<div>
<a href="https://peterkibuchi.github.io/club-website"><img src="./assets/img/shield.png" alt="logo"></a>
</div>
<nav>
<ul>
<li><a href="#banner">About</a></li>
<li><a href="#events">Events</a></li>
<li><a href="#join">Join Us</a></li>
</ul>
</nav>
</header>
<main>
<section id="banner">
<div>
<h1>Knights of the Seven Kingdoms</h1>
<h2>Chivalry is not dead</h2>
<p>
Knights swear before the eyes of gods and men to defend those
who cannot defend themselves; to protect all women and children;
to obey their captains, their liege lord, and their king; to
fight bravely when needed; and do such other tasks as are laid
upon them, however hard or humble or dangerous they may be. They
are expected to be brave and just, and to defend the innocent and
the weak.
</p>
</div>
</section>
<section id="events">
<div>
<h2>Events</h2>
<p>When tourneys are held, Knights can take part in:</p>
</div>
<div class="flex-container">
<div class="card">
<div class="card-image" style="background-image: url('./assets/img/jousting.jpg')"></div>
<div class="card-content">
<h3>Jousting</h3>
<p>
Jousting is a martial game between two horseriders wielding lances with
blunted tips. The primary aim is to replicate a clash of heavy cavalry,
with each participant trying hard to strike the opponent while riding
towards him at high speed, breaking the lance on the opponent's shield
or jousting armour if possible, or unhorsing him.
</p>
<div class="card-details">
<div class="card-details-inner">
<div class="read-more">
<a class="button" href="https://en.wikipedia.org/wiki/Jousting">Read More</a>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-image" style="background-image: url('./assets/img/melee.jpg')"></div>
<div class="card-content">
<h3>Melee</h3>
<p>
The melee is a mass tournament consisting of knights fighting one
another on foot or mounted, either divided into two sides or fighting
as a free-for-all. Whoever is left standing wins.
</p>
<div class="card-details">
<div class="card-details-inner">
<div class="read-more">
<a class="button" href="https://en.wikipedia.org/wiki/Tournament_(medieval)#Melee">Read More</a>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-image" style="background-image: url('./assets/img/archer.jpg')"></div>
<div class="card-content">
<h3>Archery</h3>
<p>
Competitive archery involves shooting arrows at a target for accuracy from a set
distance or distances. Whoever outperforms everyone else wins.
</p>
<div class="card-details">
<div class="card-details-inner">
<div class="read-more">
<a class="button" href="https://en.wikipedia.org/wiki/Archery">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="join">
<div>
<h2>How to become a knight</h2>
<p>
Age ranges may vary, but the general steps to become a knight are as follows:
<br><br>
<em>Page</em> - from age 7-10 to 13, become familiar with horses, hunting and the
use of mock weapons by serving a local knight, baron, or royal court.
<br><br>
<em>Squire</em> - from age 14 to 18-21, assist a full-knight, learn to use the weapons
and armour of war, and improve one's general education, especially the code
of chivalry.
<br><br>
<em>Dubbing</em> - When aged 18-21, the ceremony of being made a knight performed by
another knight.
<br><br>
<em>Service</em> - Act as a guard for a baron and his castle, fight in wars for one's
sovereign and the Church, and perform in medieval tournaments.
</p>
</div>
</section>
<section id="greats">
<h2>You could be one of the greats</h2>
<div class="flex-container">
<div class="card">
<div class="card-image greats-card-image" style="background-image: url('./assets/img/arthur-dayne.jpg')"></div>
<div class="card-content greats-item">
<h3>Ser Arthur Dayne, the Sword of the Morning</h3>
<p>
Ser Arthur Dayne, the Sword of the Morning, was a legendary knight from House Dayne
and a member of Aerys II Targaryen's Kingsguard. Many, be it friend or foe, considered
him to have been the most chivalrous warrior of the Seven Kingdoms.
</p>
</div>
</div>
<div class="card">
<div class="card-image greats-card-image" style="background-image: url('./assets/img/barristan-selmy.jpg')"></div>
<div class="card-content greats-item">
<h3>Ser Barristan Selmy, the Bold</h3>
<p>
Ser Barristan Selmy, also known as Barristan the Bold, was an anointed knight of
House Selmy. He served as a member of the Kingsguard to Kings Jaehaerys II and
Aerys II Targaryen. He was named Lord Commander under King Robert I Baratheon.
</p>
</div>
</div>
<div class="card">
<div class="card-image greats-card-image" style="background-image: url('./assets/img/duncan-the-tall.jpg')"></div>
<div class="card-content greats-item">
<h3>Ser Duncan the Tall</h3>
<p>
Ser Duncan, famously known as Ser Duncan the Tall, was a prominent knight
and as chivalrous as any knight could be. He served as Lord Commander of
the Kingsguard under King Aegon V Targaryen.
</p>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="copyright"><p><span>© 2021.</span> All rights reserved.</p></div>
<div class="contact">
<ul>
<li><a href="https://github.com/peterkibuchi/club-website"><span class="fab fa-github"></span> Github</a></li>
<li><a href="https://twitter.com"><span class="fab fa-twitter"></span> Twitter</a></li>
</ul>
</div>
</footer>
</body>
</html>