-
Notifications
You must be signed in to change notification settings - Fork 0
/
about-me.html
147 lines (129 loc) · 5.94 KB
/
about-me.html
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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name = "viewport" content = "width=device-width">
<title>Personal Website</title>
<style type="text/css">
.header {
background-image: url(images/home-header-background.png);
background-repeat: no-repeat;
}
.navbar {
background-image: url(images/home-navbar-background-about-me.png);
background-repeat: no-repeat;
}
.body {
background-image: url(images/home-body-background.png);
background-repeat: repeat-y;
}
.footer {
background-image: url(images/home-footer-background.png);
background-repeat: no-repeat;
}
.welcometext {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #333;
text-align: left;
vertical-align: bottom;
}
.bodytext {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 14px;
color: #222;
text-align: left;
font-weight: lighter;
}
.copyrighttext {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 12px;
color: #999;
}
</style>
</head>
<body bgcolor="#BBB8B8" text="#555555" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" >
<table width="1000" height="96" border="0" class="header" align="center">
<tr>
<td width="457" align="left" scope="col">
<p> </p>
<table width="457" height="20" border="0" align="center">
<tr>
<td width="5" height="20" align="left" scope="col">
</td>
<td width="452" height="20" align="left" scope="col">
<a href="index.html"><img src="images/home-logo.png" width="182" height="20"></a>
</td>
</tr>
</table>
</td>
<td width="472" align="right" scope="col">
<p> </p>
<table width="472" height="20" border="0" align="center">
<tr>
<td height="20" align="center" scope="col">
<img src="images/home-button-aboutme-active.png" width="91" height="20">
</td>
<td height="20" align="center" scope="col">
<a href="programming.html"><img src="images/home-button-programming-inactive.png" width="91" height="20"></a>
</td>
<td height="20" align="center" scope="col">
<a href="music.html"><img src="images/home-button-music-inactive.png" width="91" height="20"></a>
</td>
<td height="20" align="center" scope="col">
<a href="contact.html"><img src="images/home-button-contact-inactive.png" width="91" height="20"></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="1000" height="40" border="0" class="navbar" align="center">
<tr>
<td width="500" scope="col">
</td>
</tr>
</table>
<table width="1000" height="250" border="0" class="body" align="center">
<tr>
<td width="1000" height="250" scope="col">
<table width="800" height="400" border="0" align="center">
<tr>
<th width="800" height="90" class="welcometext" scope="col" >
<p>I code</p>
</th>
</tr>
<tr>
<th width="960" height="151" valign="top" class="bodytext" scope="col" ><p>I've been a professional programmer for quite some time now. And in many ways, the title fits. Diving into technical challenges and figuring out how things work is something I can't help from doing. </p>
<p> </p></th>
</tr>
<tr>
<th width="800" class="welcometext" scope="col" >
<p>I make music too</p>
</th>
</tr>
<tr>
<th width="960" height="60" valign="top" class="bodytext" scope="col" >
<p>From violin lessons through grade school, to jazz piano in college, to composition in my free time, music has always been part of my life. I've always found it a nice complement to my technical side and a great way to relax.</p>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table width="1000" border="0" class="footer" align="center">
<tr>
<td width="968" align="center" scope="col">
<table width="968" border="0" class="copyrighttext">
<tr>
<th width="968" height="200" valign="bottom" scope="col" >
<p>This website has been tested with the Safari, Firefox, and Chrome Internet Browsers. </p>
<p> </p>
<p> </p></th>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>