-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
67 lines (58 loc) · 2.29 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="generator"
content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
<meta content="ie=edge" http-equiv="x-ua-compatible" />
<title>My Bootcamp Website</title>
</head>
<body>
<header>
<nav aria-labelledby="primary-navigation">
<h1 id="primary-navigation">Primary navigation</h1>
<!-- navigation items -->
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="day1/hobbies.html">My hobbies</a>
</li>
<li>
<a href="day1/bookexerpt.html">Book exerpt</a>
</li>
</ul>
</nav>
</header>
<!-- page content -->
<h2>My Bootcamp Website</h2>
<p>Hello, world! My name is Gipsi. I live in Sussex. The sea-side is awesome.</p>
<p>One of my hobbies is gardening. I rebalance by feeling grounded with the natural world when I lose myself and get involved
with the activities of plants and trees and the creatures that live amongst them. The changing weather and light and shade,
sunshine and rain, their effects on the rocks and stones and soil.</p>
<p>Here is a picture of a kitten because my page is boring without a photo.</p>
<img src="https://imgur.com/a/GeLdU6W
https://imgur.com/a/GeLdU6W">
<img src="http://placekitten.com/200/300" alt="cute kitty-cat" title="cute kitty-cat">
<h3>Peanut butter and Jelly sandwich</h3>
<ol>
<li>Butter two slices of bread.</li>
<li>Spread peanut butter on both.</li>
<li>Spread jam on one slice.</li>
<li>Sandwich together.</li>
</ol>
<h3>My favourite links</h3>
<p>My favourite website is <a href="https://www.google.com/" target="_blank">Google</a>.</p>
<h4>My favourite web development websites</h4>
<h5>My favourite front end websites</h5>
<h6>My favourite html websites</h6>
<footer>
<nav aria-labelledby="footer-navigation">
<h3 id="footer-navigation">Footer navigation</h3>
<!-- navigation items -->
</nav>
</footer>
</body>
</html>