-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
172 lines (152 loc) · 7.58 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
<!DOCTYPE html>
<html>
<head>
<meta name="google-site-verification" content="WHQ8Km5eShWKNiClLPfeNJvPsI5T14ifsibSMYeW7rY" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Gary Spencer">
<meta name="author" content="Gary Spencer">
<title>GarySpencer.com</title>
<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom Bootstrap CSS -->
<link href="css/grayscale.css" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Lora:20,700,20italic,700italic" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Montserrat:20,700" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- Navigation -->
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand page-scroll" href="#page-top">
<i class="fa fa-play-circle"></i> <span class="light">GarySpencer.com</span>
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#about">About</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- Intro Header -->
<header class="intro">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 class="brand-heading">$ cd /home/<span class="green-text">garyspencer</span></h1>
<p class="intro-text">Software Developer based out of Colorado, USA<br></p>
<a href="#about" class="btn btn-circle page-scroll">
<i class="fa fa-angle-double-down animated"></i>
</a>
</div>
</div>
</div>
</div>
</header>
<!-- About Section -->
<section id="about" class="container content-section text-center">
<div class="row">
<div class="well">
<h1>$ whoami</h1>
<img src="img/Headshot.jpg" alt="me" width="135" height="135">
<br/><br/>
<h3>
<span class="green-text">#</span>Hello, World! I am gary.
</h3>
<h6>
I am a software developer currently headquartered in the great state of Colorado. I am a technology enthusiast and I enjoy solving problems. I have been coding since I was 10 years old and I can only hope to keep learning for the rest of my life. I do like getting out and away from the screens to enjoy all aspects of life. Outside of computer nerd stuff I like to snowboard, hike, bike, sail, and throw money at my car so it can go faster around the corners.
</h6>
</div>
</div>
<div class="row">
<div class="well">
<h3><span class="green-text">#</span>Industry Experience</h3>
<span class="glyphicon glyphicon-check"></span><span style="margin-left:5px">Telecommunications</span>
<br/>
<span class="glyphicon glyphicon-check"></span><span style="margin-left:5px">Healthcare</span>
<br/>
<span class="glyphicon glyphicon-check"></span><span style="margin-left:5px">Gaming</span>
</div>
</div>
<div class="row">
<div class="well">
<h3><span class="green-text">#</span>Tech</h3>
<h6>
Java, C#, Python, Javascript, jQuery, Angular.js, Node.js, Knockout.js, JBoss, IIS, Git, SVN, MySql, SQLServer, PostgreSql..
<br/>
<span class="green-text">
ET AL...
</span>
<h6>
</div>
</div>
<div class="row">
<div class="well">
<h3><span class="green-text">#</span>Education</h3>
<h6>B.S. in Computer Science from <a href="http://wcupa.edu">West Chester University of Pennsylvania</a></h6>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>Contact Me</h2>
<p><i class="fa fa-envelope fa-fw"></i><a href="mailto:[email protected]">[email protected]</a>
</p>
<ul class="list-inline banner-social-buttons">
<li>
<a href="https://twitter.com/gwspen" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
</li>
<li>
<a href="https://www.linkedin.com/in/garywspencer" class="btn btn-default btn-lg"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">LinkedIn</span></a>
</li>
</ul>
</div>
</div>
</section>
<!-- jQuery -->
<script type="text/javascript" src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<!-- Custom Theme JavaScript -->
<script type="text/javascript" src="js/grayscale.js"></script>
<script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-69393135-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>