-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
158 lines (140 loc) · 6.51 KB
/
index.html
File metadata and controls
158 lines (140 loc) · 6.51 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
<!DOCTYPE HTML>
<html>
<head>
<title>Daniel Klein</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<script src="https://use.fontawesome.com/328dcc3ad7.js"></script>
</head>
<body>
<!-- Wrapper -->
<div class="container">
<!-- Nav -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"
aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#intro">Intro</a></li>
<li><a href="#work">Work</a></li>
<li><a href="#love">Love</a></li>
<li><a href="#life">Life</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<!-- Main -->
<div>
<!-- Header -->
<section class="panel text-center" id="header">
<div class="container">
<span class="fa fa-coffee"></span>
<h1>Welcome!</h1>
<p>I'm Daniel Klein.</p>
</div>
</section>
<!-- Introduction -->
<section class="panel" id="intro">
<div class="container">
<div>
<h2>Intro</h2>
<div class="row ">
<span class="col-lg-8">I'm a dweeb. Born and raised just outside of Memphis, TN, I studied computer science at <a href="https:www.ua.edu ">The University of Alabama</a>,
and now I live in the vibrant oasis of Birmingham, AL.</span>
<span class="col-md-4 "><img class="img-circle img-responsive " src="images/dk_and_tink.png " alt=" " /></span>
</div>
</div>
</div>
</section>
<!-- Work Section -->
<section class="panel" id="work">
<div class="container">
<h2>Work</h2>
<!--<span><img class="text-center" src="images/logo-ticketbiscuit.png "></span>-->
<p>I make my living as a Senior DevOps Engineer at <a href="https://ticketbiscuit.com ">TicketBiscuit</a>.</p>
<p>This means I get to have a blast making sure our build, test, and deployment processes and infrastructure are as streamlined
as possible, so that we can ship high quality code quickly, easily, and confidently. And every now and then, I contribute
some code to the core application itself.</p>
<p>In the past, I've also worked at <a href="http://www.hp.com/ ">Hewlett-Packard</a>, <a href="http://www.adtran.com/ ">ADTRAN</a>,
and as a student developer at the University of Alabama.</p>
</div>
</section>
<!-- Love Section -->
<section class="panel" id="love">
<div class="container">
<h2>Love</h2>
<div class="row ">
<div class="col-md-4 ">
<span><img class="img-circle img-responsive " src="images/kleins.jpg " alt=" " /></span>
</div>
<div class="col-md-4 ">
<span><img class="img-circle img-responsive " src="images/mugsy_and_calvin.jpg " alt=" " /></span>
</div>
<div class="col-md-4 ">
<span><img class="img-circle img-responsive " src="images/buster.jpg " alt=" " /></span>
</div>
</div>
<p>My wife is beautiful. I met Carson in August of 2011. We both played saxophone in the University of Alabama Million
Dollar Band. We got engaged in October of 2015, and then married in June of 2016 in Columbus, Georgia. Now, she's in
medical school at the University of Alabama in Birmingham. Life is good.</p>
<p>We love pets... a little too much. Currently, we have three tiny dogs (Buster, Mugsy, and Tink) and one fat cat (Calvin,
like Calvin Klein).
</div>
</section>
<!-- Life section -->
<section class="panel" id="life">
<div class="container">
<h2>Life</h2>
<p>In my free time, I do a lot of the same stuff any twenty-something pretending to be sophisticated does. I enjoy cooking,
traveling, vaguely outdoorsy activities, drinking too much coffee, and watching too much Netflix. </p>
<p>In an interesting turn of events, I had my midlife crisis 25 years early, so I drive a 2008 Mazda MX-5 Miata. I consider
myself somewhat of a "car guy ", but I'm mostly still too self-conscious to have real "car guy " conversations. Mainly
because my Miata is an automatic.</p>
</div>
</section>
</div>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="row">
<span><a href="mailto:daniel.klein.dmk@gmail.com ">daniel.klein.dmk@gmail.com</a></span>
</div>
<div class="row">
<span><a href="https://www.twitter.com/dmarklein" class="fa fa-twitter fa-2x"></a></span>
<span><a href="https://www.facebook.com/dmarklein" class="fa fa-facebook fa-2x"></a></span>
<span><a href="https://www.instagram.com/dmarklein" class="fa fa-instagram fa-2x"></a></span>
<span><a href="https://www.github.com/dmarklein/" class="fa fa-github fa-2x"></a></span>
<span><a href="https://www.linkedin.com/in/dmklein/" class="fa fa-linkedin fa-2x"></a></span>
</div>
<div class="row">
<span>© Daniel Klein.</span>
</div>
</div>
</footer>
</div>
<!-- Styles -->
<link rel="stylesheet " href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css " integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u "
crossorigin="anonymous ">
<link rel="stylesheet " href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css
" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp "
crossorigin="anonymous ">
<link href="css/main.css " rel="stylesheet ">
<!-- scripts -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js " integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s="
crossorigin=" anonymous "></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js " integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa "
crossorigin="anonymous "></script>
</body>
</html>