forsetti.github.com/index.html at master · dotmjs/forsetti.github.com · 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
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
100
101
102
103
104
105
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>forsetti.com</title>
		<script type="text/javascript">
		<!--
			//window.location = "http://www.forsetti.com/"
		//-->
		</script>
		<style>
			a {
				color: black;
				font-style: italic;
				text-decoration: none;
			}
			a:hover{
				font-style: normal;
				font-weight: bold;
			}
			#foot {
				position: absolute;
				font-style: italic;
				text-align: center;padding: 0;
				margin:0;
				bottom: 0;
				width: 100%;
			}

			html {
				min-height: 100%;
				height: 100%;
				background-color: #BBBBBB;
				align: center;
				position: relative;
				padding: 0;
				margin: 0;
				border-width:0;
			}

			body{
				position: absolute;
				padding: 0;
				margin: 0;
				border-width:0;
				top: 50%;
				height: 400px;
				min-height: 400px;
				margin-top: -200px;
				width: 600px;
				left: 50%;
				margin-left: -300px;
				background-color: white;

			}

			#head{
				text-align: center;
				margin: 0;
				padding: 0;
			}

			#side {
				width: 200px;
				margin: 0px;
				padding: 0px 0px 0px 10px;
				border-width: 0px;
				display: inline-block;
				vertical-align: top;
				list-style-position: inside;
			}

			#main {
				padding: 0px 0px 0px 100px;
				border-width:0px;
				margin: 0px;
				display: inline-block;

			}
			hr {
				margin: 0;
				padding: 0;
			}


		</style>
	</head>
	<body>
		<h1 id="head"><img src="forsetti.com.png" alt="forsetti.com"/></h1>
		<hr />
		<ul id="side">
				<li><a href="http://forsetti.wordpress.com/about/">About Me</a></li>
				<li><a href="https://github.com/forsetti/resume/raw/master/resume.pdf">Résumé</a></li>
				<li><a href="http://forsetti.wordpress.com">Blog</a></li>
				<li><a href="http://www.linkedin.com/pub/matt-smith/7/34a/b74">LinkedIn</a></li>
		</ul>
		<div id="main">
			<img src="http://gravatar.com/avatar/369e99f35ca8642eb3e40d2ccbd28dd0.png?s=200" alt="Me"/>
		</div>
		<div id="foot">
			Contact me at matt@forsetti.com
		</div>
	</body>
</html>