-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
135 lines (126 loc) · 4.76 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Kyoshi Island Gazette</title>
<link href="./style.css" rel="stylesheet">
</head>
<body>
<header>
<h1><a href="index.html">Kyoshi Island Gazette</a></h1>
<nav>
<a id="nav-skip" href="#content">Skip to content</a>
<ul>
<li class="menu-label">Sections</li>
<li><a href="index.html">Local</a></li>
<li><a href="index.html">Earth Kingdom</a></li>
<li><a href="index.html">Opinion</a></li>
<li class="flyout">
<span class="more">More</span>
<ul>
<li><a href="index.html">Travel</a></li>
<li><a href="index.html">Arts & Culture</a></li>
<li><a href="index.html">Personals</a></li>
<li><a href="index.html">Comics</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<section id="popular-stories">
<h2>Popular Stories</h2>
<ul>
<li>
<a href="article.html">
<img src="media/teapot-square.jpg"
alt="subject's beloved teapot">
<h3>Interview with a Fire War Veteran</h3>
</a>
</li>
<li>
<a href="article.html">
<img src="media/wall.jpg"
alt="shot of the exterior wall of Ba Sing Se">
<h3>Siege on Ba Sing Se Ends!</h3>
</a>
</li>
<li>
<a href="article.html">
<img src="media/glacier.jpg"
alt="southern water trible territory">
<h3>Where is the New Avatar?</h3>
</a>
</li>
<li>
<a href="article.html">
<img src="media/lantern.jpg"
alt="a lantern from last year's festival">
<h3>Kyoshi Day Festival Schedule Released!</h3></a>
</li>
</ul>
</section>
<main id="content">
<section class="summary">
<h2><a href="article.html">Siege on Ba Sing Se Comes to an
End!</a></h2>
<a href="index.html" class="tag">Earth Kingdom</a>
<div>
<img src="media/wall.jpg"
alt="shot of the exterior wall of Ba Sing Se">
<p>
After 600 long days of siege the Fire Nation has begun
withdrawing troops. Life has been difficult for citizens of
Ba Sing Se while cut off from trade as many goods have been
difficult to acquire. Repairs of the outer wall have
already begun and are expected to be finished early next
week.
<a href="article.html" class="read-more">Read More</a>
</p>
</div>
</section>
<section class="summary">
<h2><a href="article.html">Where is the New Avatar?</a></h2>
<a href="index.html" class="tag">Opinion</a>
<div>
<img src="media/glacier.jpg"
alt="southern water trible territory">
<p>
After the death of Avatar Roku a new Avatar <em>was</em>
have been born to the Air Nomads. While nobody knows
exactly how long it takes for the Avatar to reincarnate we
can allagree that the twelve years after Avatar Roku's death
we more than adequate time. Thus, the next Avatar must be
hidden away somewhere with the Water Tribes. Possibly even
unaware of their identity.
<a href="article.html" class="read-more">Read More</a>
</p>
</div>
</section>
<section class="summary">
<h2><a href="article.html">Kyoshi Day Festival Schedule
Released!</a></h2>
<a href="index.html" class="tag">Arts & Culture</a>
<div>
<img src="media/lantern.jpg"
alt="a lantern from last year's festival">
<p>
It's that time of year you've all been waiting for, the
Kyoshi Day festival is almost upon us and the planning
council has just released the schedule. After the small
fire caused by the lanterns last year many were worried the
customary lantern lighting would be scrapped from the
schedule, well we can all rest easy. Officials have instead
allocated extra funds to have fire fighters on site for the
duration of the event.
<a href="article.html" class="read-more">Read More</a>
</p>
</div>
</section>
</main>
<footer>
Published by the Kyoshi Island Gazette. 35th Market Street,
Kyoshi Island, Earth Kingdom. All images are public domain.
</footer>
</body>
</html>