-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
78 lines (74 loc) · 2.55 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About Kai</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<style>
.section {
text-align: center;
}
.content {
background-color: #4e5d6c;
padding-top: 20px;
padding-bottom: 20px;
}
.col-sm-8 {
position: relative;
margin-top: 5%;
}
img.social {
width: 96px;
height: 96px;
}
</style>
</head>
<body>
<div class="container-fluid">
<div class="page-header">
<h1>Kai Amundsen</h1>
</div>
<div class="row section" style="padding-top: 20px;">
<h1>About</h1>
</div>
<div class="row content">
<div class="col-sm-1"></div>
<div class="col-sm-2">
<img src="images/kai.png" class="img-responsive center-block" alt="KAI">
</div>
<div class="col-sm-8 text-center">
<p>I'm a sofware engineer specializing in the <a href="salesforce.com">Salesforce.com</a> platform but I also work in Java, Ruby, HTML, and Javascript. I currently work for the best company ever, <a href="https://komodohealth.com">Komodo Health</a> and am based out of Chicago, IL.</p>
</div>
<div class="col-sm-1"></div>
</div>
<div class="row section">
<h1>Around the Web</h1>
</div>
<div class="row content">
<div class="col-sm-1"></div>
<div class="col-sm-2">
<a href="https://komodohealth.com" ><img src="images/komodo_square.png" class="img-responsive center-block social" alt="Komodo"></a>
</div>
<div class="col-sm-2">
<a href="https://www.linkedin.com/in/amundsenkai" ><img src="images/linkedin-square.png" class="img-responsive center-block social" alt="LinkedIn"></a>
</div>
<div class="col-sm-2">
<a href="https://github.com/yippie" ><img src="images/github-square.png" class="img-responsive center-block social" alt="GitHub"></a>
</div>
<div class="col-sm-2">
<a href="mailto:[email protected]" ><img src="images/mail-square.png" class="img-responsive center-block social" alt="Mail"></a>
</div>
<div class="col-sm-2">
<a href="https://mastodon.social/@amundsen" rel="me">@[email protected]</a>
</div>
<div class="col-sm-1"></div>
</div>
<div class="row text-center" style="padding: 20px;">
<a href="http://amndsn.com" style="color:#ebebeb;">amndsn.com</a>
</div>
</div>
</body>
</html>