-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprofile.html
92 lines (89 loc) · 4.21 KB
/
profile.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<TITLE>Personal Profile - Kyle A. Rattet</TITLE>
</head>
<body>
<header>
<div class="header">
<h1>Kyle A. Rattet <br>
<small><i>Personal Profile for Galvanize Full-Stack</i></small>
</h1>
<nav>
<a href="profile.html">Home</a>
<a href="#aboutme">About Me</a>
<a href="#family">Family</a>
<a href="#placeslived">Places I've Lived</a>
<a href="#hobbies">Hobbies/Interests</a>
<a href="#bucketlist">Bucket List Trips</a>
<a href="profile2.html">Why Galvanize?</a>
</nav>
</div>
</header>
<script src="js/jquery.min.js"></script>
<script src="js/app.js"></script>
<section>
<h2 id="aboutme"> About Me </h2>
<div class="listborder">
<p> Hi! My name is Kyle. I grew up in Southern California for all of the years leading up to attending college at CU Boulder. Upon graduating an undisclosed number of years ago, I’ve refused to leave this beautiful state, and have resided in Denver ever since. Prior to my enrollment in this great program, I utilized my Economics degree through a career as an equity trader at an investment management firm.</p>
</div>
</section>
<section>
<h2 id="placeslived"> Places I've Lived</h2>
<div class="listborder">
<ul id="locations">
<li>Lake Arrowhead, California (Hometown) <br> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d52761.8032809816!2d-117.18061945000001!3d34.25842495!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80c357872904015d%3A0x2cb1d0dfed96763b!2sLake+Arrowhead%2C+CA!5e0!3m2!1sen!2sus!4v1435270550283" width="400" height="300" style="border:0" allowfullscreen></iframe></li>
<li>Boulder, Colorado (College) <br><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d97762.1061917901!2d-105.23997745!3d40.0293099!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x876b8d4e278dafd3%3A0xc8393b7ca01b8058!2sBoulder%2C+CO!5e0!3m2!1sen!2sus!4v1435270445276" width="400" height="300" style="border:0" allowfullscreen></iframe></li>
<li>Sydeny, Australia (Study Abroad) <br><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d211909.34712311495!2d151.20395720820324!3d-33.913249207219906!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b129838f39a743f%3A0x3017d681632a850!2sSydney+NSW%2C+Australia!5e0!3m2!1sen!2sus!4v1435270624994" width="400" height="300" style="border:0" allowfullscreen></iframe></li>
<li>Denver, Colorado (Current) <br><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d196281.64169563106!2d-104.85511145!3d39.764338949999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x876b80aa231f17cf%3A0x118ef4f8278a36d6!2sDenver%2C+CO!5e0!3m2!1sen!2sus!4v1435270656060" width="400" height="300" style="border:0" allowfullscreen></iframe></li>
</ul>
</div>
</section>
<section>
<h2 id="family">Family</h2>
<div class="listborder">
<ul>
<li>Married to college sweetheart</li>
<li>Youngest of 3 kids (1 sister, 1 brother)</li>
<li>Dog owner</li>
</ul>
</div>
</section>
<section>
<h2 id="hobbies"> Hobbies/Interests</h2>
<div class="listborder">
<ul>
<li>Skiiing</li>
<li>Golf</li>
<li>Fishing</li>
<li>Basketball</li>
<li>Traveling</li>
<li>Investing</li>
</ul>
</div>
</section>
<section>
<h2 id="bucketlist">Bucket List Trips</h2>
<div class="listborder">
<ul>
<li>Heli-Skiing</li>
<li>African Safari</li>
<li>Thailand</li>
<li>Alaska Fishing</li>
</ul>
</div>
</section>
<section>
<h2 id="skittles">Click to reveal my favorite pack of skittles!</h2>
</section>
<section>
<h2 id="jimcarrey">What is going on below?</h2>
<img src="assets/Jim-Carrey-furiously-typing.gif" alt="me working" />
</section>
<footer>
<br><a href="#top">Back to top</a>
</footer>
</body>
</html>