-
Notifications
You must be signed in to change notification settings - Fork 0
/
minnies-webpage.html
72 lines (66 loc) · 2.71 KB
/
minnies-webpage.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome!</title>
<link rel="stylesheet" href="mystyle.css">
</head>
<body>
<main>
<div class="wrapper">
<div class="one">
<header>
<h1 class ='header' id="main-header"style="font: size 10vw;">WELCOME TO MINNIE'S WEBPAGE!</h1>
</header>
</div>
<div class="two">
<h2 class = "header"> The main body</h2>
<p id = "script" style="font-size: 1.6vw;">
Gob's Wife: I'm in love with your brother-in-law.<br>
Gob: You're in love with your own brother? The one in the army?<br>
Gob's Wife: No, your sister's husband.<br>
Gob: Michael? Michael!<br>
Gob's Wife: No, that's your sister's brother.<br>
Gob: No, I'm my sister's brother. You're in love with me - me.<br>
Gob's Wife: I'm in love with Tobias.<br>
Gob: My brother-in-law?<br>
Gob's Wife: I know it can never be, so I'm leaving. I'm enlisting in the army.<br>
Gob: To be with your brother ...<br>
Gob's Wife: No!<br>
</p>
</div>
<div class="three">
<section id="list-section"></section>
<h3 class = "header" id = "unordered-list">Unordered List</h3>
<ul>
<li class = "list-item">unordered list item</li>
<li class = "list-item">unordered list item</li>
<li class = "list-item">unordered list item</li>
</ul>
<h3 class = "header" id = "ordered_list">Ordered List</h3>
<ol>
<li class = "list-item">ordered list item</li>
<li class = "list-item">ordered list item</li>
<li class = "list-item">ordered list item</li>
</ol>
</section>
</div>
<div class="four">
<img src="cat_in_a_pickle.jpg" alt="Kitten in a pile of pickles, the phrase in a bit of a pickle appears"/
style="width:100%">
</div>
<div class="five">
<h3 class = "header">Here are some links:</h3>
<ul id = "link-list">
<li><a class = "link" href="https://northcoders.com/">Visit Northcoders!</a></li>
<li><a class = "link" href="#unordered-list">Go to Unordered List!</a></li>
<li><a class = "link" href="https://www.sainsburysmagazine.co.uk/recipes/curries/paneer-masala" target="_blank">A Very Nice Recipe!</a></li>
</div>
</main>
<footer>
This is the footer
</footer>
</div>
</body>
</html>