-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout_me.html
151 lines (132 loc) · 5.68 KB
/
about_me.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About Me</title>
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> -->
<link rel="stylesheet" href="http://bootswatch.com/superhero/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand navbar-right" href="#">Jeffrey Goodall</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
<li><a href="#">Résumé</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="jumbotron">
<h1>Jeffrey Goodall</h1>
<h2>Texas Tech Graduate, Chemical Engineer, Software Developer</h2>
</div>
<div class="container">
<div class="row">
<div class="col-md-6">
<img src="images/JEFF_2703_1024.jpg" class="img-responsive">
</div>
<div class="col-md-6">
<div class="row">
<div class="col-md-12">
<h2>About Me</h2>
<p>My name is Jeffrey Goodall. I am a former chemical engineer looking to make a career change into software development. I am an excellent problem solver and chemical engineering has provided me with great critical thinking skills as well. I am hoping to find a small company with a fun, friendly atmosphere that is willing to take a chance on me. I am smart and creative and I am ready to put the software experience I do have to the test.</p>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/FIX42Vc971k"></iframe>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3 class="contact-header">Contact Me</h3>
<div class="contact-info">
<p>Phone: 936-520-6279 <span class="glyphicon glyphicon-earphone" aria-hidden="true"></span></p>
<p>Email: [email protected] <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span></p>
<p>Facebook: <a class="contact-link" href="https://www.facebook.com/jeffrey.goodall1">https://www.facebook.com/jeffrey.goodall1 </a> <img class="img-responsive logo" src="images/FB-f-Logo__white_50.png"></p>
<p>Github: <a class="contact-link" href="https://github.com/jgoodall628">https://github.com/jgoodall628</a> <img class = "img-responsive logo" src="images/GitHub-Mark-Light-32px.png"></p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h2 class="col">Fast Facts</h2>
</div>
</div>
<div class="row">
<div class = "col-md-6">
<div class="panel panel-info">
<div class="panel-heading">Education</div>
<ul class="list-group">
<li class="list-group-item">Currently enrolled in Tech Talent South coding program for web development</li>
<li class="list-group-item">Chemical engineering degree from Texas Tech University, graduated Magna Cum Laude</li>
<li class="list-group-item">High School Salutatorian</li>
</ul>
</div>
<div class="panel panel-info">
<div class="panel-heading">Hobbies</div>
<ul class="list-group">
<li class="list-group-item">Tennis</li>
<li class="list-group-item">Video Games</li>
<li class="list-group-item">Football/Fantasy Football</li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-info">
<div class="panel-heading">Software Experience</div>
<ul class="list-group">
<li class="list-group-item">Ruby on rails</li>
<li class="list-group-item">Python</li>
<li class="list-group-item">C/C++</li>
<li class="list-group-item">HTML/CSS</li>
</ul>
</div>
<div class="panel panel-info">
<div class="panel-heading">Career</div>
<ul class="list-group">
<li class="list-group-item">Process Engineer at Fluor Corporation</li>
<li class="list-group-item">Undergraduate Research at Texas Tech University, main research included developing microfluidic simulation software.</li>
</ul>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script>
$(document).ready(function() {
$(".panel-heading").click(function() {
$(this).toggleClass(".visible")
if ($(this).hasClass(".visible")) {
$(this).next().hide(500);
} else {
$(this).next().show(500);
}
});
$(".panel-heading").hover(function() {
$(this).addClass("highlight");}, function () {
$(this).removeClass("highlight");
});
});
</script>
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>