forked from CodeYourFuture/HTML-CSS-Coursework-Week1
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
176 lines (176 loc) · 7.63 KB
/
index.html
File metadata and controls
176 lines (176 loc) · 7.63 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>My Blog</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
<header>
<h1>The Football Room</h1>
<nav>
<a href="#art-1">News</a>
<a href="#art-2">Standings</a>
<a href="#art-3">Transfer</a>
</nav>
</header>
<main>
<article id="art-1" class="art1">
<h1>Football News</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat
aliquid soluta itaque doloribus consequatur. Sequi nobis laborum
possimus, in repellat fugiat, numquam debitis dignissimos nihil
incidunt, blanditiis magnam! Maxime amet ducimus labore voluptates nam
non ipsa ab. Voluptatibus tempora eum, velit iusto fuga ab iure
repellendus optio tenetur ullam dicta commodi error autem, eos ratione
labore quasi veniam, pariatur illo laudantium asperiores facere sit?
Atque ad error eos iusto assumenda nisi temporibus itaque quod minus,
officia ex a quidem aperiam! Ratione ex neque aliquid cumque rem ad
nobis unde eaque ipsa pariatur! Deserunt necessitatibus dignissimos
sit cum? Explicabo possimus doloremque eveniet nostrum illum quia
provident. Quasi, deserunt repudiandae. Rem facilis id modi numquam
natus ratione, perspiciatis in mollitia alias. Tenetur excepturi,
praesentium incidunt maxime reprehenderit sit dolore non perferendis
officia tempora, quia totam, ab deserunt veritatis deleniti odio iure
ducimus saepe? Hic quo earum quod magni voluptates veritatis optio
explicabo nisi, alias nam maiores ex, temporibus facere modi error
saepe, nobis eos incidunt cupiditate iste voluptatibus. Pariatur vero
quidem repellendus labore! Obcaecati voluptatum doloremque rerum,
veritatis officia itaque fugit ipsam nobis necessitatibus, asperiores
ipsum saepe explicabo voluptas aliquam amet eos, quis iusto nihil fuga
facilis assumenda labore quia modi! Doloribus blanditiis veritatis
recusandae tempora magni explicabo quae aliquam eos voluptas delectus
itaque laboriosam mollitia autem sit a quibusdam, ipsum veniam hic!
Libero sint, debitis alias pariatur esse neque magnam suscipit,
similique iusto nobis quisquam non veritatis architecto, possimus
iste? Nostrum magnam voluptas non consequuntur facilis distinctio
error in aut obcaecati, facere totam enim? Assumenda maxime
repudiandae blanditiis ullam alias nulla veritatis incidunt, nostrum
tempora. Harum doloremque expedita iusto fuga, iure asperiores vitae
ad soluta corporis voluptatem blanditiis libero sequi, error dolor
tempore commodi suscipit praesentium maxime quaerat. Veritatis ad
commodi earum excepturi maxime alias deleniti a cumque officiis eos
delectus praesentium, sapiente fugit! Temporibus odio fuga aut quae
enim, numquam doloribus. Dolore quibusdam, odit ut facilis qui facere
a commodi vero. Unde, quibusdam? Nesciunt aliquam perferendis corrupti
minus ut recusandae non eaque sapiente? Ipsum libero aspernatur sint
tempora consequatur. Nam eaque a consectetur optio asperiores deleniti
nisi fugiat similique sunt. Reprehenderit autem odio sed, placeat in,
nihil dolor atque aperiam expedita obcaecati alias, maiores incidunt
facere hic nobis! Odit sunt, minima voluptatum repellat fugiat rerum
nisi nemo quod sequi quam, aliquam, tenetur placeat delectus fugit
suscipit aliquid ipsum laborum reprehenderit. Obcaecati minima quo
suscipit doloribus numquam illo modi, fuga voluptatem recusandae error
commodi soluta quos delectus rerum blanditiis quidem harum voluptates.
At inventore dolores esse! Ipsam voluptas nostrum distinctio inventore
facilis minus maxime eos error molestiae. Amet, iure atque. Nemo,
quidem placeat corporis voluptatibus itaque aut quae enim voluptas.
Cum voluptatem culpa harum corporis. Quas fugiat, sequi in sed
deleniti odio ducimus ex fuga magni voluptas? Consequuntur voluptate
eligendi, est nobis error eaque commodi optio, incidunt laudantium
tempore inventore vel, beatae omnis laborum sequi! Culpa et ea
necessitatibus totam iusto laudantium cumque eveniet in ut quas, natus
consequatur aliquid? Blanditiis numquam facere nobis enim veritatis
voluptatum sed sequi repellat odit.
</p>
</article>
<article id="art-2">
<h1>League Table</h1>
<table class="main-table">
<thead>
<tr>
<th>Rank</th>
<th>Teams</th>
<th>Played</th>
<th>Win</th>
<th>Draw</th>
<th>Lost</th>
<th>Points</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Liverpool</td>
<td>10</td>
<td>8</td>
<td>1</td>
<td>1</td>
<td>25</td>
</tr>
<tr>
<td>2</td>
<td>Manchester City</td>
<td>10</td>
<td>7</td>
<td>1</td>
<td>2</td>
<td>22</td>
</tr>
<tr>
<td>3</td>
<td>Arsenal</td>
<td>9</td>
<td>7</td>
<td>0</td>
<td>2</td>
<td>21</td>
</tr>
<tr>
<td>4</td>
<td>Chelsea</td>
<td>10</td>
<td>6</td>
<td>2</td>
<td>2</td>
<td>20</td>
</tr>
<tr>
<td>5</td>
<td>Crystal Palace</td>
<td>10</td>
<td>5</td>
<td>3</td>
<td>2</td>
<td>18</td>
</tr>
</tbody>
<tfoot></tfoot>
</table>
</article>
<article id="art-3">
<h1>Transfer market</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum sapiente
minus fugit maiores asperiores quaerat molestias eos, repudiandae sed
necessitatibus ullam, unde qui. Ipsa, omnis. Placeat eveniet harum quo
fugiat voluptas cupiditate eum at, tempora illum. Inventore, veniam
dolore natus pariatur voluptatem repellat, autem, amet quis at iste
voluptas! Cupiditate reiciendis magnam inventore illum ipsam fuga quos
maxime aut adipisci, iure accusamus molestiae sed accusantium. Quae
ullam nesciunt adipisci officiis? Natus, dolores! Alias nemo vel animi
similique nam? Aut, doloremque a? Possimus ipsam velit maxime est
laborum voluptatum eos porro iusto molestiae asperiores! Culpa alias
veniam quas ratione. Ab, quidem.
</p>
</article>
</main>
<footer>
<p>©copyright</p>
<p>Designed by Appolin</p>
</footer>
</body>
</html>