-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
198 lines (191 loc) · 7.98 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 ng-app="resumeApp">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Matthew Coupal</title>
<link rel="stylesheet" href="css/master.css" media="screen" charset="utf-8">
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css" media="screen" charset="utf-8">
<link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css" media="screen" title="no title" charset="utf-8">
</head>
<body>
<span id="wrapper">
<header>
<div class="content">
<h1 class="text-center">Matthew Coupal
</h1>
<h1 class="text-center">
<small>How Can I Contribute?</small>
</h1>
<hr>
<div class="row pad">
<div id="profile" class="col-sm-12 col-lg-3">
<img src="images/LinkedIn_Profile.jpg" alt="Profile Picture" class="img-circle profile-pic" />
</div>
<div class="col-sm-12 col-lg-7">
<div class="vertical-align">
<blockquote>
<h2>
“Challenges are what make life interesting and overcoming them is what makes life meaningful.”
<small> Joshua J. Marine</small>
</h2>
</blockquote>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-6 col-lg-4 text-center">
<div class="panel panel-default">
<h2>
<span class="glyphicon glyphicon-home"></span>
<br> Home</h2>
<hr>
<div class="panel-body">
<p>
<strong>School:</strong> 804 Barrington Drive, Potsdam NY 13676
</p>
<p>
<strong>Primary: </strong> 504 Perry Mills Rd, Champlain NY 12919
</p>
</div>
</div>
</div>
<div class="col-xs-12 col-md-6 col-lg-4 text-center">
<div class="panel panel-default">
<h2>
<span class="glyphicon glyphicon-envelope"></span>
<br> Email
</h2>
<hr>
<div class="panel-body">
<p>
<strong>School: </strong> <a href="mailto:coupalme198@potsdam.edu">coupalme198@potsdam.edu</a>
</p>
<p>
<strong>Primary: </strong> <a href="mailto:coupal.matthew@gmail.com">coupal.matthew@gmail.com</a>
</p>
</div>
</div>
</div>
<div class=" col-xs-12 col-md-12 col-lg-4 text-center">
<div class="panel panel-default">
<h2>
<span class="glyphicon glyphicon-user"></span>
<br> Connect</h2>
<hr>
<div class="panel-body">
<p>
<strong>LinkedIn:</strong> <a href="https://www.linkedin.com/in/coupalme">https://www.linkedin.com/in/coupalme</a>
</p>
<p>
<strong>Github:</strong> <a href="https://github.com/matthewcoupal">https://github.com/matthewcoupal</a>
</p>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="content">
<div id="goals" class="row">
<div class="col-lg-12">
<h2>Goals</h2>
<hr>
</div>
<div class="col-sm-4 col-xs-12 goal">
<h3>Short-Term</h3>
<p>
I would like to intern at a company that allows me to:
</p>
<ul>
<li>Exercise my creative muscles;</li>
<li>Take on various and complex challenges that have large scale impacts on user experience;</li>
<li>Continue to develop my communication and interpersonal skills;</li>
<li>Hone in on the techniques of creating solid and robust business models;</li>
<li>Learn more about the financial, marketing, and sales aspects of products.</li>
</ul>
</div>
<div class="col-sm-4 col-xs-12 goal">
<h3>Mid-Term</h3>
<p>
After graduation, my goal is to work at a company that:
</p>
<ul>
<li>Values my goal of impacting people's lives on a large scale;</li>
<li>Encourages creativity and openness of ideas;</li>
<li>Maintains a culture/atmosphere where everyday feels like an adventure.</li>
</ul>
<p>
I aspire to become a Product Manager, to be able to think of and improve upon existing solutions while working with those whose skill sets range from design, to business, to engineering.
</p>
</div>
<div class="col-sm-4 col-xs-12 goal">
<h3>Long-Term</h3>
<p>
My main reason for entering into the Computer Science field--besides the ingenuity and freedom to create--is to have the ability to find ways to solve real-world problems which are made efficient by technology.
In this way, I can better understand the plausability of solutions which help users with their problems and needs as well as the work required to get to that point.
</p>
<p>
My aim is to solve extremely large-scaled
problems using knowledge from the experiences and individuals I encountered throughout my career to advance the betterment of the world.
</p>
</div>
</div>
<div class="row" id="education" ng-controller="EduCtrl">
<div class="col-lg-12">
<h2>Education</h2>
<hr>
</div>
<div class="col-md-6 col-xs-12" ng-repeat="school in schools">
<h3>{{school.institution}}
<small>{{school.location}}</small>
</h3>
<h4>{{school.degree}} - {{school.gpa}}</h4>
<h4>Attended: {{school.attended}}</h4>
</div>
</div>
<div class="row" id="skillList" ng-controller="SkillCtrl as skillCtrl">
<div class="col-lg-12">
<h2>Skills
<small>- See more at <a href="https://www.linkedin.com/in/coupalme">LinkedIn</a>
<small>
</h2>
<hr>
</div>
<div class="col-lg-6" ng-repeat="skill in skills">
<h3>{{skill.skill}} - {{skill.level}}/10
</h3>
<h4>
<ul class="list-inline">
<li ng-repeat="feature in skill.features">{{feature}}</li>
</ul>
</h4>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="{{skill.level}}" aria-valuemin="0" aria-valuemax="10" style="width: {{skill.level * 10}}%;">
<span class="sr-only"></span>
</div>
</div>
<!-- <div class="op" id="op"></div> -->
</div>
<!-- <h3 class="text-center">See more skills on <a href="https://www.linkedin.com/in/coupalme">LinkedIn</a></h3> -->
</div>
</div>
<footer class="text-center">
<h1>
Interested?
</h1>
<ul class="list-inline list-unstyled">
<li><a href="https://www.linkedin.com/in/coupalme"><i class="fa fa-5x fa-linkedin-square"></i></a></li>
<li><a href="https://www.github.com/matthewcoupal"><i class="fa fa-5x fa-github-square"></i></a></li>
<li><a href="mailto:coupalme198@potsdam.edu"><i class="fa fa-5x fa-envelope"></i></a></li>
</ul>
<!-- <button type="button" name="button" class="btn btn-default btn-lg btn-block content"><strong>Contact Me</strong></button> -->
</footer>
</span>
<script type="text/javascript" src="node_modules/angular/angular.min.js"></script>
<script type="text/javascript" src="node_modules/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="node_modules/progressbar.js/dist/progressbar.min.js"></script>
<script type="text/javascript" src="app.js"></script>
</body>
</html>