Website/about.html at master · DatKnight/Website · 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
<!DOCTYPE html>

<html>

	<head>
		<link rel="stylesheet" href="style.css" title="normal">
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
		<link rel="alternate stylesheet" href="dark.css" title="dark">
    <link rel="shortcut icon" href="favicon.ico">
		<title>My Portfolio</title>
	</head>

<body>

	<header>
		<div class="head">
			<nav class="nav">
			<ul class="navlist">
				<li class="navli">
					<a href="index.html" class="navlink">Home</a>
				</li>
				<li class="navli">
					<a href="work.html" class="navlink">My Work</a>
				</li>
				<li class="navli">
					<a href="contact.html" class="navlink">Contact Me</a>
				</li>
        <li class="navli">
          <a href="easter.html" id="easterlink">Secret</a>
        </li>
			</ul>
		</nav>
		</div>
	</header>

  <h1>About</h1>
	<!--This div is associated with the class "container" so that an area for Bootstrap to be initialised in is created-->
  <div class="container">
		<!--This div sets up a row along which to place Bootstrap columns-->
  	<div class="row">
			<!--This div sets up a small column taking up 6 spaces-->
  		<div class="col-sm-6">
  			<p>I am a person who is passionate about learning different things, over my life I have picked
				up many skills, ranging from yoyoing to programming to sailing. My primary area of interest revolves
				around computers and electronics however, and I love to learn about how different machines work.</p>
				<br>
				<p>Outside of learning, I enjoy playing computer games occasionally either by myself or with friends;
					I also have an interest in skill toys, primarily the yoyo.</p>
  		</div>

  		<div class="col-sm-6">
  			<p>I also like dogs, here is a picture of a dog:</p>
  		</div>

  	</div>
  </div>

  <footer>
  	<p class="name">Website by Romano Agostini™</p>
  	</body>
  </footer>
<script src="Javascript/javascript.js" type="text/javascript"></script>
</body>

</html>