-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
99 lines (88 loc) · 4.37 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
<!DOCTYPE html>
<html lang="en" >
<head>
<title>CodePen - Tia and woody </title>
<!-- Meta -->
<meta charset="utf-8">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1 user-scalable=no">
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<link rel="stylesheet" href="./style.css">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Poppins:300" rel="stylesheet">
</head>
<body>
<!-- Site Wide Header -->
</head>
<body>
<header>
<div class="banner">
<h1>Tia and Woody</h1>
<h5>Our Greyhounds</h5>
<nav>
<ul>
<li><a href="#whoarethey">Who are they?</a></li>
<li><a href="#whatdotheydo">What do they do?</a></li>
<li><a href="#whodotheylike">Who do they like?</a></li>
</ul>
</nav>
</div>
<embed src="https://i.pinimg.com/originals/72/96/6e/72966e870bcc8819584265dadb6aa26a.gif"/>
</header>
<article id="whoarethey">
<h2>Who are they?</h2>
<p>Tia and Woody are two greyhounds. They both are ex racers and they are 5 years old. They were both born on the 15<sup>th</sup> of December.<br>They are rescues. They have been with us for 1 year and we love them! Greyhounds are very chilled and yet extremely goofy.<br> Despite their big size, they are absolute wimps as well and they <span class="strong">LOVE</span> food.
<section class="thisis">
<div class="column">
<h3><span>This is Tia, also known as</span>Tia Maria</h3>
<img src="./images/129308767_3769253549784535_743739510875672828_o.jpg" width="400px" alt="a picture of Tia"/>
<p><em>As you can see, Tia is a big fan of tfl</em></p>
</div>
<div class="column">
<h3><span>This is Woddy, aka</span> Woody Woodo</h3>
<img src="./images/131987820_3811639302212626_3332331189565890725_n.jpg" width="400px" alt="a picture of Woody" />
<p><em>Woody is a big sleeper and cuddler</em></p>
</div>
</section>
</article>
<article id="whatdotheydo">
<h2>What do they do?</h2>
<p>They both are retired after a good racing career so<br>they want to make the best of their free time</p>
<p>What was their life like when they were racing? You can read all about it<br> <a href="https://en.wikipedia.org/wiki/Greyhound_racing" target="_blank" id="link">here</a>
<section class=list1>
<h4>Here is a list of things they like to do</h4>
<ol>
<li>Sleep at least 18 hours a day.</li>
<li>Go on walkies.</li>
<li>Try to chase squirrels.</li>
<li>Either say hello (Tia) or try to eat (Woody) small dogs.</li>
<li>Cry pathetically to demand din dins.</li>
<li>Eat all the food.</li>
<li>Cuddle.</li>
<li>Try to steal all the cheese and fish finger sandwiches.</li>
</ol>
</section>
</artcile>
<h4> Here is a Video of them getting exicted for din dins</h4>
<iframe src="https://player.vimeo.com/video/501858788" width="540" height="340" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
<article id="whodotheylike">
<h2>Who do they like?</h2>
<p>Everyone, really, so long as they have food for them.<br>However, their Daddies belive they are their favourite humans.<br>Who are they?Well they are:</p>
<h4>Alfred and Oscar</h4>
<img src="https://i.imgur.com/4Xz7kqp.jpg"/>
<p>Oscar is a pasty Englishman and Alfred is a rude Italian/German nerd</p>
</article>
<div class="quote">
<blockquote id="text" ,cite="https://themayhew.org/farewell-brian-sewell/#:~:text=And%20when%20that%20time%20comes,am%20dead%20and%20in%20Heaven.%E2%80%9D"><p>And when that time comes I fancy that, waking one morning to find all my old dogs sleeping on my bed or nuzzling my face and demanding to be let into the garden — then I shall know that I am dead and in Heaven.”--Brian Sewell</p></blockquote>
</div>
<footer class="footer">
<h2>The end, for now.</h2>
<a class="afooter", href="mailto:alfredtries89@hotmail.com">Email me</a>
</footer>
</body>
</html>
<!-- partial -->
</body>
</html>