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
79 lines (74 loc) · 2.67 KB
/
index.html
File metadata and controls
79 lines (74 loc) · 2.67 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
<!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>Ash's 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 -->
<header id="title" class="page header">
<h1>Sports</h1>
</header>
<main>
<section id="page1" class="page">
<div class="content">
<h1>Football</h1>
<p>
Lorem ipsum dolor sit amet, in velit iudico mandamus sit, persius
dolorum in per, postulant mnesarchum cu nam. Malis movet ornatus id
vim, feugait detracto est ea, eam eruditi conceptam in. Ne sit
explicari interesset. Labores perpetua cum at. Id viris docendi
denique vim.
</p>
</div>
</section>
<section id="page2" class="page">
<div class="content">
<h1>Cricket</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id
nulla vel sem bibendum molestie. Nulla diam odio, condimentum eu
felis eget, vestibulum facilisis ligula. Pellentesque quis facilisis
augue, vel blandit tortor. Curabitur vestibulum quis urna vel
volutpat. Integer metus lectus, ultricies fermentum hendrerit
maximus, rhoncus aliquet lectus. Pellentesque sit.
</p>
</div>
<img
src="https://pbs.twimg.com/media/D-AT7CIXUAExzlQ?format=jpg&name=small"
/>
<img
src="https://oddslifenetstorage.blob.core.windows.net/insidersport/2018/11/Cricket-.jpg"
/>
</section>
<section id="page3" class="page">
<div class="content">
<h1>Mixed Martial Arts</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum
magna risus, maximus nec porttitor euismod, vehicula sit amet nisl.
Curabitur pretium pretium ligula quis posuere. Nam efficitur eros
felis, id molestie diam tempus nec. Proin consequat augue sit amet
est dignissim facilisis. Quisque et felis id mi convallis maximus
ut.
</p>
</div>
</section>
</main>
<footer id="page4" class="page footer">
<h1>Lorem ipsum</h1>
</footer>
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
</body>
</html>