-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
198 lines (183 loc) · 9.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
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
190
191
192
193
194
195
196
197
198
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Andrew M. Vernier</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body class="fade-in fade-in-1">
<!-- Header -->
<div id="header" style="">
<div class="container">
<div class="row">
<div class="col fade-in fade-in-2">
<h1>Andrew M. Vernier</h1>
<p id="current-role">Software Engineer @ Microsoft</p>
</div>
</div>
</div>
</div>
<!-- Nav Bar -->
<nav class="navbar navbar-expand-md navbar-custom navbar-dark sticky-top fade-in fade-in-1">
<div class="container-fluid">
<div class="navbar-header" id="header-logo">
<a class="navbar-brand scroll" href="#header">AMV</a>
</div>
<div class="navbar-header" id="header-button">
<button type="button" id="navbar-btn" class="navbar-toggler" data-toggle="collapse" data-target="#collapsible-navbar">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="collapsible-navbar">
<div class="navbar-nav text-uppercase">
<div class="nav-item dropdown">
<a class="nav-link scroll active" href="#header">Home</a>
<div class="dropdown-content">
<a class="nav-link scroll" href="#about">About</a>
<a class="nav-link scroll dropdown-content-last" href="#contact">Contact</a>
</div>
</div>
<div class="nav-item dropdown">
<a class="nav-link" href="experiences.html">Experience</a>
<div class="dropdown-content">
<a class="nav-link scroll" href="experiences.html#work-expereince">Work</a>
<a class="nav-link scroll" href="experiences.html#research-expereince">Research</a>
<a class="nav-link scroll" href="experiences.html#leadership-expereince">Leadership</a>
<a class="nav-link scroll" href="experiences.html#education">Education</a>
<a class="nav-link scroll dropdown-content-last" href="experiences.html#projects">Projects</a>
</div>
</div>
<div class="nav-item">
<a class="nav-link" href="publications.html">Publications</a>
</div>
</div>
</div>
</div>
</nav>
<!-- About -->
<div id="about">
<div class="container">
<div class="row">
<div class="col">
<h2 class="section-header">About</h2>
<hr>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-6">
<img src="img/andrew.jpg" class="img-fluid rounded" id="about-portrait" alt="">
</div>
<div class="col-xs-12 col-md-6 about-info">
<div class="about-text">
<p>
Hi!
My name is Andrew and I am a software engineer at Microsoft working on the Azure Privileged Identity Management team.
I graduated from the University of Michigan in December 2020 with a master's degree in Computer Science and Engineering.
My career goal is to use my passions to positively impact the lives of others while challenging myself to continually become a better version of myself.
My professional interests lie in user experiences, autonomous robotics, and algorithms.
With my current personal projects, I am exploring mobile applications, automated testing, and refactoring this website into React.
I have experience with user interfaces, RESTful APIs, and object oriented programming.
In my free time I love nearly anything sports related and do my best to stay active.
My favorite sports to follow are hockey and football, especially the Michigan Wolverines.
Go blue!
I also enjoy working on DIY projects and playing sub-par golf.
</p>
<div class="center-button-wrapper">
<a href="files/andrew_vernier_resume.pdf" class="btn btn-primary btn-lg page-scroll custom-button">My Resume</a></div>
</div>
</div>
</div>
</div>
</div>
<!-- Contact -->
<div id="contact">
<div class="container">
<div class="row">
<div class="col">
<h2 class="section-header">Contact</h2>
<hr>
</div>
</div>
<form action="https://formsubmit.co/[email protected]" method="POST">
<div class="row">
<div class="col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3 contact-form">
<input type="textarea" name="name" class="form-control" placeholder="Name" required="required">
</div>
<div class="col-xs-10 col-xs-offset-1 col-md-6 contact-form">
<input type="email" name="email" class="form-control" placeholder="Email" required="required">
</div>
</div>
<div class="row">
<div class="col-xs-10 col-xs-offset-1 col-md-12 contact-form">
<input type="text" name="subject" class="form-control" placeholder="Subject" required="required">
</div>
</div>
<div class="row">
<div class="col-xs-10 col-xs-offset-1 col-md-12 contact-form">
<textarea name="message" class="form-control" rows="4" placeholder="Message" required="required"></textarea>
</div>
</div>
<input type="text" name="_gotcha" style="display:none">
<div class="center-button-wrapper">
<button type="submit" class="btn btn-primary btn-lg custom-button">Send Message</button>
</div>
<input type="hidden" name="_next" value="https://amverni.github.io"/>
</form>
<div class="row">
<div class="col-xs-12 col-md-12">
<p id="send-message-disclaimer"><em>
After hitting send message, if you get a page telling you that this form needs activation, don't worry, I'll still get your message. This happens because the form gets deactivated after a period of time of not being used. Oddly enough my website is not most people's preferred method of contacting me, but don't let that stop you!
</em></p>
</div>
</div>
<div class="row">
<div class="col social">
<ul class="social-icons list-inline">
<li class="list-inline-item">
<div class="social-icon-container">
<a href="https://github.com/amverni" class="fa fa-github fa-2x"></a>
</div>
</li>
<li class="list-inline-item">
<div class="social-icon-container">
<a href="https://www.linkedin.com/in/andrew-vernier/" class="fa fa-linkedin fa-2x"></a>
</div>
</li>
<li class="list-inline-item">
<div class="social-icon-container">
<a href="https://www.facebook.com/profile.php?id=100009483842716" class="fa fa-facebook fa-2x"></a>
</div>
</li>
<li class="list-inline-item">
<div class="social-icon-container">
<a href="https://twitter.com/amvernier" class="fa fa-twitter fa-2x"></a>
</div>
</li>
<li class="list-inline-item">
<div class="social-icon-container">
<a href="https://www.instagram.com/avernier14/" class="fa fa-instagram fa-2x"></a>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col">
<p>Copyright © 2022      Andrew M. Vernier      <a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a></p>
</div>
</div>
</div>
</footer>
</body>
</html>