-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
172 lines (151 loc) · 9.78 KB
/
index.html
File metadata and controls
172 lines (151 loc) · 9.78 KB
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
<!DOCTYPE html>
<html class="lang="en"">
<head>
<meta charset="UTF-8">
<title>William Ernest</title>
<title>William Ernest</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container-fluid" id="all">
<ul class="nav nav-tabs navbar-right">
<li role="presentation"><a data-toggle="tab" style="color: white" href="#home">Home</a></li>
<li role="presentation"><a data-toggle="tab" style="color: white" href="#aboutme">About Me</a></li>
<li role="presentation"><a data-toggle="tab" style="color: white" href="#portfolio">Portfolio</a></li>
<li role="presentation"><a data-toggle="tab" style="color: white" href="#contact">Contact</a></li>
</ul>
<div class="parent tab-content ">
<div class="tab-pane fade in active" id="home">
<h1 style="text-align: center">William Ernest</h1>
<hr>
<div class="row">
<div class="col-xs-4">
<a style="color: white" href="https://www.linkedin.com/in/william-ernest-81680180" target="_blank" class="btn btn-secondary btn-lg btn-block" role="button">LinkedIn</a>
</div>
<div class="col-xs-4">
<a style="color: white" href="https://github.com/wbernest" target="_blank" class="btn btn-secondary btn-lg btn-block" role="button">GitHub</a>
</div>
<div class="col-xs-4">
<a style="color: white" href="http://www.freecodecamp.com/wbernest" target="_blank" class="btn btn-lg active btn-block" role="button">FreeCodeCamp</a>
</div>
</div>
</div>
<div id="aboutme" class="tab-pane fade">
<h2>About Me</h2>
<!--<hr>-->
<div class="row">
<div class="col-md-8">
<p> Hello! My name is William Ernest. I live in Chattanooga, TN. I am a senior at the Florida State University in the Computer Science program. I will graduate with my second Bachelors degree on April 29, 2016. I recieved my first BS in Chemistry from the University of Tennessee Chattanooga in 2008 and have worked as a Chemistry Technician for the Tennessee Valley Authority since then. I am looking to make a move from chemistry into computer programming in the near future.</p>
<p>My programming skillset includes: C/C++/C#, Assembly, HTML, CSS, Unix Scripting( bash and tcsh), Visual Studio, Python, Lisp/Scheme, Java, Javascript, JQuery, Android, Prolog, SQL, R, Mathlab, GitHub</p>
<p>Certifications</p>
<ul>
<li>Free Code Camp's Front End Developement Certification</li>
</ul>
</div>
<div class="col-md-4">
<img class="img-responsive my-image" src="https://avatars3.githubusercontent.com/u/11617314?v=3&s=460">
</div>
</div>
</div>
<div class="tab-pane fade" id="portfolio">
<h2>Portfolio</h2>
<!--<hr>-->
<div class="row">
<div class="col-md-4">
<a href="https://github.com/wbernest/cop4610/blob/master/proj2/myshell.c" target="_blank"><img class="img-responsive thumb-nail" src="http://i1239.photobucket.com/albums/ff509/wbernest/myshell.jpg" border="0" alt=" photo myshell.jpg" /></a>
<p>Code for Linux Shell in C</p>
</div>
<div class="col-md-4">
<a href="https://github.com/wbernest/cda3101/blob/master/proj1/wbe14b.pr01.cpp" target="_blank"><img class="img-responsive thumb-nail" src="http://i1239.photobucket.com/albums/ff509/wbernest/assembler_1.jpg" border="0" alt=" photo assembler_1.jpg" /></a>
<p>Code for Assembler in C++</p>
</div>
<div class="col-md-4">
<a href="https://github.com/wbernest/cda3101/blob/master/proj2/wbe14b.pr02.cpp" target="_blank"><img class="img-responsive thumb-nail" src="http://i1239.photobucket.com/albums/ff509/wbernest/cache.jpg" border="0" alt=" photo cache.jpg" /></a>
<p>Code for a Cache simulator in C++</p>
</div>
<div class="col-md-4">
<a href="https://github.com/wbernest/TicTacNole/blob/master/TicTacNole.java" target="_blank"><img class="img-responsive thumb-nail" src="http://i1239.photobucket.com/albums/ff509/wbernest/tictacnole.png" border="0" alt=" photo cache.jpg" /></a>
<p>Tic-Tac-Toe in Java</p>
</div>
<div class="col-md-4">
<a href="http://codepen.io/wbernest/full/dGrKYY" target="_blank"><img class="img-responsive thumb-nail" src="http://i1239.photobucket.com/albums/ff509/wbernest/weather.png" border="0" alt=" photo cache.jpg" /></a>
<p>Local Weather Application</p>
</div>
<div class="col-md-4">
<a href="http://codepen.io/wbernest/full/OMGLJp/" target="_blank"><img class="img-responsive thumb-nail" src="http://i1239.photobucket.com/albums/ff509/wbernest/wiki.jpg" border="0" alt=" photo cache.jpg" /></a>
<p>Wikipedia Search Engine</p>
</div>
<div class="col-md-4">
<a href="http://codepen.io/wbernest/full/WrWMxX/" target="_blank"><img class="img-responsive thumb-nail" src="http://i1239.photobucket.com/albums/ff509/wbernest/twitch.png" border="0" alt=" photo cache.jpg" /></a>
<p>Twitch.tv Availability App</p>
</div>
<div class="col-md-4">
<a href="http://codepen.io/wbernest/full/ZQdGKx/" target="_blank"><img class="img-responsive thumb-nail" src="http://i1239.photobucket.com/albums/ff509/wbernest/calculator.jpg" border="0" alt=" photo cache.jpg" /></a>
<p>JavaScript Calculator</p>
</div>
<div class="col-md-4">
<a href="http://codepen.io/wbernest/full/gPEvam/" target="_blank"><img class="img-responsive thumb-nail" src="http://i1239.photobucket.com/albums/ff509/wbernest/quote.png" border="0" alt=" photo cache.jpg" /></a>
<p>Random Quote Generator</p>
</div>
<div class="col-md-4">
<a href="http://codepen.io/wbernest/full/LGKLjN/" target="_blank"><img class="img-responsive thumb-nail" src="http://i1239.photobucket.com/albums/ff509/wbernest/pomodoro.png" border="0" alt=" photo cache.jpg" /></a>
<p>Pomodoro Timer</p>
</div>
<div class="col-md-4">
<a href="http://codepen.io/wbernest/full/VeJoBd/" target="_blank"><img class="img-responsive thumb-nail" src="http://i1239.photobucket.com/albums/ff509/wbernest/tictactoe.png" border="0" alt=" photo cache.jpg" /></a>
<p>JavaScript Tic-Tac-Toe</p>
</div>
<div class="col-md-4">
<a href="http://codepen.io/wbernest/full/xVKGOp/" target="_blank"><img class="img-responsive thumb-nail" src="http://i1239.photobucket.com/albums/ff509/wbernest/simon.png" border="0" alt=" photo cache.jpg" /></a>
<p>JavaScript Simon Says Game</p>
</div>
<div class="col-md-4">
<a href="http://codepen.io/wbernest/full/oxXRqZ/" target="_blank"><img class="img-responsive thumb-nail" src="http://i1239.photobucket.com/albums/ff509/wbernest/markuppreview.png" border="0" alt=" photo cache.jpg" /></a>
<p>Markdown Previewer</p>
</div>
<div class="col-md-4">
<a href="http://codepen.io/wbernest/full/wGKwNQ/" target="_blank"><img class="img-responsive thumb-nail" src="http://i1239.photobucket.com/albums/ff509/wbernest/leaderboard.jpg" border="0" alt=" photo cache.jpg" /></a>
<p>FreeCodeCamp Leaderboard</p>
</div>
<div class="col-md-4">
<a href="http://codepen.io/wbernest/full/yOYXLL/" target="_blank"><img class="img-responsive thumb-nail" src="http://i1239.photobucket.com/albums/ff509/wbernest/recipe.png" border="0" alt=" photo cache.jpg" /></a>
<p>Recipe Box</p>
</div>
<div class="col-md-4">
<a href="http://codepen.io/wbernest/full/jqWmee/" target="_blank"><img class="img-responsive thumb-nail" src="http://i1239.photobucket.com/albums/ff509/wbernest/gameoflife.jpg" border="0" alt=" photo cache.jpg" /></a>
<p>The Game of Life</p>
</div>
<div class="col-md-4">
<a href="http://codepen.io/wbernest/full/WwrYEW/" target="_blank"><img class="img-responsive thumb-nail" src="http://i1239.photobucket.com/albums/ff509/wbernest/dungeon.jpg" border="0" alt=" photo cache.jpg" /></a>
<p>RogueLike Dungeon Crawler</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="contact">
<h2>Contact</h2>
<!--<hr>-->
<p>Feel free to email me at: </p>
<p>wbernest@gmail.com</p>
<p>wbe14b@my.fsu.edu</p>
<h2>Social Media</h2>
<div class="row">
<div class="col-xs-4">
<a style="color: white" href="https://www.linkedin.com/in/william-ernest-81680180" target="_blank" class="btn btn-secondary btn-lg active btn-block" role="button">LinkedIn</a>
</div>
<div class="col-xs-4">
<a style="color: white" href="https://github.com/wbernest" target="_blank" class="btn btn-secondary btn-lg active btn-block" role="button">GitHub</a>
</div>
<div class="col-xs-4">
<a style="color: white" href="http://www.freecodecamp.com/wbernest" target="_blank" class="btn btn-secondary btn-lg active btn-block" role="button">FreeCodeCamp</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>