rexconner1.github.io/hobbies.html at master · RexConner1/rexconner1.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Hobbies</title>
		<!-- <meta charset="utf-8"> -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="style.css">
		<!--[if lt IE 9]>
		<script src=”http://html5shim.googlecode.com/svn/trunk/html5.js”>
		</script>
		<![endif]-->
	</head>
	<body>
		<div id="wrapper">
			<header><h1>David Orona's Portfolio</h1></header>
			<nav>
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="about.html">About</a></li>
					<li><a href="projects.html">Projects</a></li>
					<li><a href="hobbies.html">Hobbies</a></li>
					<li><a href="contact.html">Contact</a></li>
				</ul>
			</nav>
			<main>
				<div>
					<p>Some of my many interests include:</p>
					<ul class="bulleted-list">
						<li>Bowling</li>
						<li>Tennis</li>
						<li>Hanging out with friends</li>
					</ul>
					<p>I also enjoy making videos from time to time. Here are some examples of my work:</p>
					<p><em>(Feel free to click on the thumbnails to go directly to the Youtube&reg; channels.)</em></p>
				</div>

				<div class="video">
					<h2>Flashback: The Awesome Edition</h2>
					<p class="details">
						<a href="https://www.youtube.com/channel/UCYjVESFI5fDumvbUMpTw1aw"><img src="Images/rexthumb.jpg" height="80" width="80" alt="Rex Conner" class="floatleft"></a>
						A video I did for a class project. Contains an overview over the events of my life during the hectic year 2008.
						<iframe width="560" height="315" src="https://www.youtube.com/embed/UJB_xTLjogs" allowfullscreen></iframe>
					</p>
				</div>

				<div class="video">
					<h2>SPACE CATS: THE MOVIE</h2>
					<p class="details">
						<a href="https://www.youtube.com/channel/UCOLAwwnvsgHBh4cjboC8fyw"><img src="Images/hallthumb.jpg" height="80" width="80" alt="TeamRDD" class="floatleft"></a>
						A simple, cat-hating couple from the 1950s gets their world twisted around when feline space aliens invade their planet.
						<iframe width="560" height="315" src="https://www.youtube.com/embed/s9bJu4OL-GY" allowfullscreen></iframe>
					</p>
				</div>

				<div class="video">
					<h2>The Scarlet Letter 2</h2>
					<p class="details">
						<a href="https://www.youtube.com/channel/UCxkt6rOEVUslatkWGxHrXeg"><img src="Images/rddthumb.jpg" height="80" width="80" alt="TeamRDD" class="floatleft"></a>
						A sequel to the popular book, highlighting the TRUE fates of Hester, Dimmesdale, and Chillingworth after the events of the original work.
						<iframe width="560" height="315" src="https://www.youtube.com/embed/RyoAG7jbRWw" allowfullscreen></iframe>
					</p>
				</div>
			</main>
			<footer>
				<p>Address: 5916 Sutton Place #4&emsp;Urbandale, IA&emsp;50322</p>
				<p>Email: <a href="mailto:OronaDavidJ@JohnDeere.com">OronaDavidJ@JohnDeere.com</a></p>
				<p>Phone: <a href="tel:1-319-529-8647">(319) 529-8647</a></p>
			</footer>
		</div>
	</body>
</html>