-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
189 lines (176 loc) · 7.55 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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!DOCTYPE HTML>
<!--
Landed by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Matthew Broadbent</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload landing">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<nav id="nav">
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h2>Matthew Broadbent</h2>
<p>I'm a college student studying computer science.<br />
Welcome to my personal website!</p>
</header>
<span class="image"><img src="images/headshot.jpg" alt="" /></span>
<!--<div class="major">
<ul class="actions">
<li><a href="#" class="button">Resume</a></li>
</ul>
</div> -->
</div>
<a href="#one" class="goto-next scrolly">Next</a>
</section>
<!-- Biography -->
<section id="one" class="spotlight style1 bottom">
<span class="image fit main"><img src="images/hyde.jpeg" alt="" /></span>
<div class="content">
<div class="container">
<div class="row">
<div class="col-4 col-12-medium">
<header>
<h2>Personal Bio</h2>
<p>Aspiring software developer</p>
</header>
</div>
<div class="col-4 col-12-medium">
<p>
I am currently a sophomore at Stony Brook University double majoring in
computer science and applied mathematics and statistics. For this semester, I am an undergraduate
teaching assistant for CSE 150 - Foundation of Computer Science (Honors).
</p>
</div>
<div class="col-4 col-12-medium">
<p>
During this recent summer, I worked as an intern at Brookhaven National Laboratory creating
dashboards in Grafana to monitor the performance of NSLS-II's distributed file system Spectrum Scale.
</p>
</div>
</div>
</div>
</div>
<a href="#two" class="goto-next scrolly">Next</a>
</section>
<!-- Projects and Experience -->
<section id="two" class="wrapper style1 special fade-up">
<div class="container">
<header class="major">
<h2>Projects and Experience</h2>
<p>A sample of what I've been up to recently</p>
</header>
<div class="box alt">
<div class="row gtr-uniform">
<section class="col-4 col-6-medium col-12-xsmall">
<h3>Personal Website</h3>
<p>The website you are on right now! I used a template to start, and learned more about HTML and CSS as I made it my own.</p>
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<h3>BNL SURP Intern</h3>
<p>My project involved creating real-time dashboards to mointor the performance of the distributed file system at the NSLS-II facility</p>
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<h3>Attending YHack</h3>
<p>Being at Yale's hackathon last year was a great experience and I plan to attend more hackathons in the future.</p>
</section>
</div>
</div>
</div>
</section>
<!-- Education -->
<section id="three" class="spotlight style2 right">
<span class="image fit main"><img src="images/sbu2.jpg" alt="" /></span>
<div class="content">
<header>
<h2>Education</h2>
<p>Stony Brook University, Class of 2023</p>
</header>
<p>
I am working towards my degree as an undergraduate at Stony Brook University.
My degree is Bachelor of Science double major in Computer Science and Applied Mathematics and Statistics.
</p>
<p>
Relevant coursework includes:
<ul>
<li> Data Structures and Programming Abstractions: Honors</li>
<li>Theory of Computation: Honors</li>
<li>Computer Science A; Honors</li>
<li>Applied Linear Algebra</li>
</ul>
</p>
<p>
As a teaching assistant this semester, my responsibilities include grading homeworks and leading a 45 minute long recitation every week for 15 students.
</p>
</div>
<a href="#three" class="goto-next scrolly">Next</a>
</section>
<!-- About Me -->
<section id="four" class="spotlight style3 left">
<span class="image fit main bottom"><img src="images/trumpet3.JPG" alt="" /></span>
<div class="content">
<header>
<h2>More About Me</h2>
<p>An English-American trumpet enthusiast</p>
</header>
<p>My family is originally from England, meaning I'm a dual citizen of the UK. Before coming to Long Island when I was 6, I was born Massachusetts and also lived in Melbourne, Australia.</p>
<p>
Outside of my studies, one of my biggest pastimes is playing the trumpet. I picked up the instrument in elementary school, and have played ever since.
I enjoy playing a variety of music, from classical to jazz to marching. I'm currently a member of the Spirit of Stony Brook Marching Band and take undergraduate lessons as course credit.
</p>
<p>In quarantine, I have enjoyed cooking meals with my sister. Some of our favorite cuisines include Thai, Mexican, and Indian.</p>
</div>
<a href="#four" class="goto-next scrolly">Next</a>
</section>
<!-- Contact
<section id="five" class="wrapper style2 special fade">
<div class="container">
<header>
<h2>Magna faucibus lorem diam</h2>
<p>Ante metus praesent faucibus ante integer id accumsan eleifend</p>
</header>
<form method="post" action="#" class="cta">
<div class="row gtr-uniform gtr-50">
<div class="col-8 col-12-xsmall"><input type="email" name="email" id="email" placeholder="Your Email Address" /></div>
<div class="col-4 col-12-xsmall"><input type="submit" value="Get Started" class="fit primary" /></div>
</div>
</form>
</div>
</section> -->
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://www.facebook.com/profile.php?id=100006321452201" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="https://www.linkedin.com/in/matthew-broadbent-20a771178" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/mattjb01" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
<li><a href="mailto:[email protected]" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© Matthew Broadbent. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>