-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
48 lines (48 loc) · 1.77 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Profile of Tom H. Lautenbacher.">
<title>Tom H. Lautenbacher: Ruby Full Stack Developer</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<video autoplay muted loop id="background-video">
<source src="images/black_net.mp4" type="video/mp4">
</video>
<div class="container">
<div class="card">
<h1>Hello, I am Tom.</h1>
<div class="avatar">
</div>
<h2>Wannabe Full Stack Web Dev!</h2>
<p>
I just love the full stack. Knowing how to handle the entire beast from the server's motherboard BIOS to the server side code and database all the way up into the browser on your side is the most empowering skill in this galaxy.
</p>
<a href="https://thecodinglove.com/" target="_blank" class="button-big">Enter the Matrix!</a>
</div>
<div class="card">
<h2>Follow me</h2>
<ul class="list-inline">
<li>
<a href="https://angel.co/lautenbacher" target="_blank">
<i class="fab fa-angellist fa-2x"></i>
</a>
</li>
<li>
<a href="https://https://github.com/Tom-H-L/" target="_blank">
<i class="fab fa-github fa-2x"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/lautenbacher" target="_blank">
<i class="fab fa-linkedin fa-2x"></i>
</a>
</li>
</ul>
</card>
</div>
</body>
</html>