-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
205 lines (205 loc) · 10.7 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
199
200
201
202
203
204
205
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Full - Start Bootstrap Template</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/full.css" rel="stylesheet">
<!--necessary for scrollspy to work on all browsers-->
<style>
#content h3::before {
display: block;
content: " ";
margin-top: -53px;
height: 53px;
visibility: hidden;
pointer-events: none;
}
body {
margin-bottom: 450px;
}
.nav-item .active {
background-color: rgba(0, 0, 0, .6);
}
</style>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top"role="navigation">
<div class="container">
<div class="collapse navbar-collapse" id="navbarResponsive" >
<ul class="nav navbar-nav mx-auto" id="top-menu">
<li class="nav-item">
<a class="nav-link active" href="#Home">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#About">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Portfolio">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Skills">Skills</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="#Reviews">Reviews</a>
</li>-->
<!--<li class="nav-item">
<a class="nav-link" href="">Blog</a>
</li>-->
<li class="nav-item">
<a class="nav-link" href="#Contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<div class="container shadow-lg p-3 mb-5" id="content">
<!--Home-->
<div id="Home">
<img src="img/headshot.jpg"class="img-fluid mx-auto d-block mb-1 mt-1" alt="Responsive image">
</div>
<!--About-->
<div id="About" class="mt-3 mb-1">
<h3>About</h3>
<p class="bg-secondary">My background is in Computer Science. I am a student at Oregon State University and will graduate in 2019 with a BS in Computer Science and a minor in Business. While in school, I particpated in a year long internship program to gain industry experience. I currently TA for freshman Computer Science students and am an officer on the OSU Hackathon Club leadership team. Programming is more than a job to me. I am passionate about developing high quality software that is intuitive and easy to use. My areas of interst include: web/mobile/cloud, UX/UI, and product/program management.</p>
</div>
<!--Portfolio-->
<div id="Portfolio" class="text-center mt-3 mb-1">
<h3>Portfolio</h3>
<div class = "card-deck">
<div class = "card mb-4 mt-3">
<div class="card-body">
<img class="img-fluid" src="img/weather-icon.jpg">
<h5 class="card-title mt-2">Weather App</h5>
<a href="https://github.com/olsenme/myWeatherApp.git" class="btn btn-primary btn-sm float-right">View Source</a>
</div>
</div>
<div class = "card mb-4 mt-3">
<div class="card-body">
<img class="img-fluid" src="img/navailable.png">
<h5 class="card-title mt-2">Yelp API</h5>
<a href="https://github.com/olsenme/Yelp.git" class="btn btn-primary btn-sm float-right">View Source</a>
</div>
</div>
<div class = "card mb-4 mt-3">
<div class="card-body">
<img class="img-fluid" src="img/hashtag.jpg">
<h5 class="card-title mt-2">SmartHashTags</h5>
<a href="https://github.com/olsenme/SmartHashTags.git" class="btn btn-primary btn-sm float-right">View Source</a>
</div>
</div>
</div>
<div class = "card-deck">
<div class = "card mb-4 mt-3">
<div class="card-body">
<img class="img-fluid" src="img/phoneDirectory.jpg">
<h5 class="card-title mt-2">Corporate Phone Directory</h5>
<a class="btn btn-primary btn-sm float-right" data-toggle="collapse" href="#CPD" aria-expanded="false" role="button" aria-controls="CPD">Learn More...</a>
</div>
<div class="collapse" id="CPD" >
<div class="card card-body">
Corporate Phone Directory is a responsive web application that I worked on during my six month internship at Portland General Electric. It is built on an IBM server with a Java back end and an Angular front end.
</div>
</div>
</div>
<div class = "card mb-4 mt-3">
<div class="card-body">
<img class="img-fluid" src="img/navailable.png">
<h5 class="card-title mt-2">Skyus Support Tool</h5>
<a class="btn btn-primary btn-sm float-right" data-toggle="collapse" href="#SST" aria-expanded="false" role="button" aria-controls="SST" >Learn More...</a>
</div>
<div class="collapse" id="SST" >
<div class="card card-body">
Skyus Support Tool is a C# Windows application that I worked on during my six month internship at Inseego North America this year. This application is a support tool for Inseego's Skyus devices.
</div>
</div>
</div>
<div class = "card mb-4 mt-3">
<div class="card-body">
<img class="img-fluid" src="img/encrypt.jpg">
<h5 class="card-title mt-2">Inseego Decryption Tool</h5>
<a class="btn btn-primary btn-sm float-right" data-toggle="collapse" href="#Decryptor" aria-expanded="false" role="button" aria-controls="Decryptor">Learn More...</a>
</div>
<div class="collapse" id="Decryptor">
<div class="card card-body">
Inseego Decryption Tool is a C# Windows application that I also worked on at Inseego North America. This application is a decryption tool used for automating the decryption of log files from AWS.
</div>
</div>
</div>
</div>
<div class = "card-deck">
<div class = "card mb-4 mt-3">
<div class="card-body">
<img class="img-fluid" src="img/eBayIcon.png">
<h5 class="card-title mt-2">Elite Loot</h5>
<button class="btn btn-primary btn-sm float-right" onClick="location.href='https://github.com/teymourk/Elite-Loot.git';">View Source</button>
</div>
</div>
<div class = "card mb-4 mt-3 ">
<div class="card-body">
<!-- <img class="img-fluid" src="img/eBayIcon.png">
<h5 class="card-title mt-2">Elite loot</h5>
<a href="#" class="btn btn-primary btn-sm float-right">Read More..</a>-->
</div>
</div>
<div class = "card mb-4 mt-3 ">
<div class="card-body">
<!-- <img class="img-fluid" src="img/hashtag.jpg">
<h5 class="card-title mt-2">SmartHashTags</h5>
<a href="#" class="btn btn-primary btn-sm float-right">Read More..</a>
</div>-->
</div>
</div>
</div>
<!--Skills-->
<div id="Skills" class="mt-3 mb-1">
<h3>Skills</h3>
<div class="progress mb-4 mt-3 mx-auto" style="width: 55%;">
<div class="progress-bar bg-secondary text-large" style="width:60%" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100">Python
</div>
</div>
<div class="progress mb-4 mx-auto" style="width: 55%;">
<div class="progress-bar bg-secondary text-large" style="width:60%" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100">NodeJS
</div>
</div>
<div class="progress mb-4 mx-auto" style="width: 55%;">
<div class="progress-bar bg-secondary text-large"style="width:60%" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100">Java
</div>
</div>
<div class="progress mb-4 mx-auto" style="width: 55%;">
<div class="progress-bar bg-secondary text-large"style="width:40%" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100">C/C++/C#
</div>
</div>
</div>
<!--Reviews(coming)-->
<div id="Reviews">
<!-- <h3>Reviews</h3>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas placerat mauris non nisi molestie, non dignissim ligula tristique. In venenatis vitae mauris sed malesuada. Curabitur pretium rhoncus felis ut ullamcorper. Aliquam consectetur porta diam ac varius. Morbi et leo ex. Proin ullamcorper, risus ac malesuada bibendum, lectus urna facilisis massa, at facilisis nunc purus a dui. Sed ac est eros. Curabitur faucibus dignissim ex, et pharetra metus laoreet eget. Vestibulum nec sagittis urna.Vestibulum eget nisl ac risus facilisis ornare ac at lectus. Nulla consectetur faucibus lobortis. Vestibulum non magna luctus, bibendum lorem quis, convallis est. Quisque ultricies eget dolor non ullamcorper. Mauris sit amet magna odio. Aliquam ex nibh, pulvinar ut gravida vel, ullamcorper a massa. In magna libero, dictum interdum nisi ut, gravida eleifend tortor. Praesent in est libero. Donec tempus eros tellus, vitae imperdiet libero porttitor et. Mauris porttitor, nisi ut condimentum aliquet, quam mi tristique velit, in vehicula ipsum metus non lacus. Duis at purus ut augue fermentum dictum. Praesent eu nisl id enim porta pharetra eget sit amet ex. Maecenas vitae neque eget leo posuere consequat fringilla at risus. Nam vulputate, risus ac vulputate consectetur, diam tortor lacinia ex, sit amet semper ipsum eros nec mi.
</p>-->
</div>
<!--Contact-->
<h3>Contact</h3>
<div id="Contact"class="text-center mt-3 mb-1">
<div class="d-flex p-2 justify-content-center">
<button type="button"class="btn btn-outline-primary mb-2 ml-4 mr-4" onclick="location.href= 'mailto:[email protected]';">email me</button>
<button type="button" class="btn btn-outline-primary mb-2 ml-4 mr-4" onclick="location.href= 'https://www.linkedin.com/in/meaganolsen/';">LinkedIn</button>
<button type="button" class="btn btn-outline-primary mb-2 ml-4 mr-4" onclick="location.href= 'https://github.com/olsenme';">Github</button>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="js/custom.js"> </script>
</body>
</html>