naugle92.github.io/index.html at master · naugle92/naugle92.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
<!DOCTYPE html>
<html>

	<!-- header with a link to the stylesheet, as well as a title for the page-->
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>Naugle</title>
	</head>

	<body style="background-color:black;width:100%;height:100%;margin:0">

		<!--This division creates a black bar at the top by making a table with one row. three of the columns will be buttons-->
		<div class="blackbar">
			<table>
				<tr style="height:30px">

						<!--Homepage button, made of intials of my name-->
						<td class = "blackbar"><a href = "http://naugle92.github.io/">NN</a></td>
						<!--this column is only used to take up space and push the other columns to the right hand side of the screen-->
						<td style = "width:100%"></td>
						<!--Links to the Experience page-->
						<td class = "header"><a href = "http://naugle92.github.io/experience.html">Experience</a></td>
						<!--Links to the About me page-->
						<td class = "header"><a href = "http://naugle92.github.io/about.html">About</a></td>
				</tr>
			</table>

		<!--This division holds the picture on the main page-->
		</div>
		<div class="intro_pic">
			<h1 style="font-size:50px">Nicolas Naugle</h1>
			<hr class="line">
			<h3>Computer Engineering Student</h3>
		</div>
		<!--this division holds the contact information at the bottom of the page and makes sure they are white on the black background-->
		<div>
			<table align="center">
				<tr>
					<td class="footer"><strong>naugle92@ufl.edu</strong></td>
					<!--<td class="footer"><strong>214-845-1125</strong></td>-->
					<!--this contact information also serves as a link to my github account page-->
					<td class="footer"><strong><a href="https://github.com/naugle92">naugle.github.io</a></strong></td>
				</tr>
			</table>
		</div>
	</body>

</html>