crutechwinter2018webdev-project/index.html at master · CruTech/crutechwinter2018webdev-project · 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
<!doctype html>
<html>
	<head>
		<title>This is a Webpage!</title>
		<link href="css/styles.css" type="text/css" rel="stylesheet">
	</head>

	<body>
		<div class="wrapper">
			<p id="top">This is the top of the page!</p>
			<img src="img/crucamps.png" height="100" alt="This is the Cru Camps logo">

			<ul>
			 <li><a href="#top">Top</a></li>
			 <li><a href="#bottom">Bottom</a></li>
			</ul>

			<div class="aboutme">
				<h1>My name is Ben.</h1>
				<h2>I am 21 years old.</h2>
				<h3>I live down in the Illawarra area.</h3>
				<h4>I have 3 brothers, 2 older and 1 younger</h4>
				<h5>I love playing Video Games.</h5>
				<h6>I like to make Websites and code in different languages.</h6>

				<p class="additionalinformation">You can add additional <strong>information</strong> about <em>yourself</em> here.<br> What are hobbies that you like, what do you like to do.</p>
			</div>

			<div class="links">
				<a href="https://www.facebook.com/"><img src="img/facebook.png" height="100px" alt="This is a picture of the logo for Facebook."></a>
				<a href="https://www.twitter.com/"><img src="img/twitter.png" height="100px" alt="This is a picture of the logo for Twitter."></a>
				<a href="https://www.youtube.com/"><img src="img/youtube.png" height="100px" alt="This is a picture of the logo for YouTube."></a>
				<a href="https://crucamps.com.au/"><img src="img/crucamps.png" height="100px" alt="This is a picture of the logo for Cru Camps."></a>
			</div>

			<br>
			<video src="img/SampleVideo.mp4" width="320" height="240" controls loop>
				Video not supported
			</video>
			<p id="bottom">This is the bottom!</p>
		</div>
	</body>
</html>