-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·151 lines (151 loc) · 6.11 KB
/
index.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
148
149
150
151
<html>
<head>
<title>Rebecca MacKenzie</title>
<!--My CSS file-->
<link rel="stylesheet" type="text/css" href="mystyle.css">
<!--Google Fonts-->
<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Nova+Mono' rel='stylesheet' type='text/css'>
<!--Bootstrap-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
</head>
<body>
<div class='ombre-blue1'>
<div class='header'>Rebecca MacKenzie</div>
<div>
<img class="resize circle-img" src='SquareFace_Rock.jpg' alt="Me at the Harvard Museum of Natural History"/>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 to-the-left">
<h2 class='section-header'>About me:</h2>
<p>I am a fifth year undergraduate student at Northeastern University, studying Computer Science and Mathematics. I am looking to do web development in Boston starting in August of 2016.</p>
</div>
</div>
</div>
</div>
<div class='ombre-blue2'>
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 to-the-left">
<h2 class='section-header'>Knowledge:</h2>
<h3>Languages</h3>
<table class="graph-table">
<tr>
<th class="graph-table word-column"></th>
<th class="graph-table bar-column">Beginner</th>
<th class="graph-table bar-column">Familiar</th>
<th class="graph-table bar-column">Proficient</th>
</tr>
<tr>
<td class="graph-table">Java</td>
<td colspan="3" class="bar-graph-blue graph-table"></td>
</tr>
<tr>
<td class="graph-table">C#</td>
<td colspan="3" class="bar-graph-blue graph-table"></td>
</tr>
<tr>
<td class="graph-table">Scheme (Racket)</td>
<td colspan="3" class="bar-graph-blue graph-table"></td>
</tr>
<tr>
<td class="graph-table">HTML</td>
<td colspan="2" class="bar-graph-blue graph-table"></td>
<td class="graph-table"></td>
</tr>
<tr>
<td class="graph-table">Python</td>
<td colspan="2" class="bar-graph-blue graph-table"></td>
<td class="graph-table"></td>
</tr>
<tr>
<td class="graph-table">Assembly</td>
<td class="bar-graph-blue graph-table"></td>
<td colspan="2" class="graph-table"></td>
</tr>
<tr>
<td class="graph-table">SQL</td>
<td class="bar-graph-blue graph-table"></td>
<td colspan="2" class="graph-table"></td>
</tr>
</table>
<h3>Software</h3>
<table width="100%" class="graph-table">
<tr>
<th class="graph-table word-column"></th>
<th class="graph-table bar-column">Beginner</th>
<th class="graph-table bar-column">Familiar</th>
<th class="graph-table bar-column">Proficient</th>
</tr>
<tr>
<td class="graph-table">Eclipse</td>
<td colspan="3" class="bar-graph-blue graph-table"></td>
</tr>
<tr>
<td class="graph-table">Subversion</td>
<td colspan="3" class="bar-graph-blue graph-table"></td>
</tr>
<tr>
<td class="graph-table">GitHub</td>
<td colspan="3" class="bar-graph-blue graph-table"></td>
</tr>
<tr>
<td class="graph-table">Microsoft Visual Studios</td>
<td colspan="2" class="bar-graph-blue graph-table"></td>
<td class="graph-table"></td>
</tr>
<tr>
<td class="graph-table">Sitecore</td>
<td class="bar-graph-blue graph-table"></td>
<td colspan="2" class="graph-table"></td>
</tr>
<tr>
<td class="graph-table">NUnit</td>
<td class="bar-graph-blue graph-table"></td>
<td colspan="2" class="graph-table"></td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div class='ombre-blue3'>
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 to-the-left">
<h2 class='section-header'>Work Experience:</h2>
<p>I have done three co-ops.</p>
<h3>PowerAdvocate:</h3>
<table>
<tr>
<td width="50px"></td>
<td>My latest co-op was at PowerAdvocate, an energy intelligence company in Boston, MA. I worked as a web developer for them for about 7 months. During my time here I was really trying to decide what type of work would be best for me after I graduate. I learned that what matters most to me is the people I am working with. At PowerAdvocate I worked with an excellent team that made me feel like part of their family.</td>
</tr>
</table>
<h3>University of Maryland:</h3>
<table>
<tr>
<td width="50px"></td>
<td>In 2014 I spent 6 months doing research at the University of Maryland. I was trying to discover if I wanted to pursue a PhD. I have always loved school and never wanted to stop learning, so I thought this might be the right path for me. In the end I decided I would rather work in industry, but I am glad I had this experience to show me that.</td>
</tr>
</table>
<h3>Verndale:</h3>
<table>
<tr>
<td width="50px"></td>
<td>My first co-op was at Verndale, a web development company in Boston, MA. I worked as a Junior Engineer for them for about 8 months (2 in the summer and then 6 for a co-op the following spring). This was my first step into the web development world and I loved it. I was particularly involved in the back-end coding.</td>
</tr>
</table>
<div class="footer-space"></div>
</div>
</div>
</div>
</div>
<!--jQuery for Bootstrap-->
<script src="//code.jquery.com/jquery-1.11.3.min.js" />
<!--Bootstrap-->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" />
</body>
</html>