-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtreehouse-onboarding.html
69 lines (55 loc) · 3.7 KB
/
treehouse-onboarding.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
<!DOCTYPE html>
<html lang="en"> <!-- Set this to the main language of your site -->
<head>
<meta charset="utf-8">
<title>Matt Spiel | Get Phased</title>
<meta name="description" content="Matt Spiel manifested through the internet. Multi-disciplinary designer working with the team at Treehouse. Get Phased.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="/assets/img/favicon.png">
<script src="//use.typekit.net/mfs5dby.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
<link href="assets/css/main.css" media="screen, projection" rel="stylesheet" type="text/css" />
<!--[if lt IE 9]><script src="js/html5shiv-printshiv.js" media="all"></script><![endif]-->
</head>
<body>
<section class="container--left">
<nav class="nav--main">
<a href="">About</a>
<a href="">Portfolio</a>
<a href="">Books</a>
<a href="">Blog</a>
</nav>
<p class="">Howdy 👋, I'm Matt Spiel. A multi-disciplinary designer turned design-manager, I spend my days as the Director of Design at Treehouse.</p>
<p class="">When I am not designing or assisting the team at Treehouse, I spend my time with my family, reading a few 📚, and learning to play the ukulele. In a future life, I will live closer to the 🏔 ‘s so I can spend more time 🏂 and learning to ⛷.</p>
<p class="">You will find me active on <a href="">Twitter</a>, posting with infrequency on <a href="">Medium</a>, and sharing my work from time to time on <a href="">Dribbble</a>.</p>
<nav class="nav--social">
<a href="http://twitter.com/thinmatt" class="nav--social--link external">
<svg class="icon twitter" viewBox="793 -5 30 30">
<path id="twitter-icon" d="M815,6.5c0,0.2,0,0.4,0,0.4c0,4.8-3.7,10.1-10.4,10.1c-2,0-4.1-0.6-5.6-1.6c0.3,0,0.5,0.1,0.9,0.1
c1.6,0,3.3-0.6,4.5-1.6c-1.6,0-3-1.1-3.4-2.5c0.3,0.1,0.4,0.2,0.7,0.2c0.4,0,0.6-0.1,1-0.1c-1.6-0.4-3-1.8-3-3.4V7.9
c0.5,0.3,1.1,0.4,1.6,0.4c-0.9-0.5-1.6-1.7-1.6-2.9c0-0.7,0.2-1.3,0.5-1.9c1.9,2.3,4.5,3.6,7.6,3.8c-0.1-0.3-0.2-0.5-0.2-0.8
c0-1.9,1.6-3.6,3.7-3.6c1.1,0,1.9,0.4,2.6,1.1c0.8-0.2,1.6-0.4,2.3-0.9c-0.3,0.9-0.9,1.6-1.6,1.9c0.7-0.1,1.4-0.3,2.2-0.5
C816.4,5.4,815.7,6,815,6.5z"/>
</svg>
</a>
<a href="http://dribbble.com/thinmatt" class="nav--social--link external">
<svg class="icon dribbble" viewBox="793 -5 30 30">
<path id="dribbbble-icon" d="M817.5,9.5c-0.2-2.8-1.4-5-3-6.4s-3.9-2.7-7-2.5c-0.7,0-1.4,0.2-2.1,0.4c-1.8,0.5-3.3,1.5-4.4,2.7
c-0.8,0.8-1.3,1.7-1.8,2.9c-0.5,1.1-0.8,2.5-0.7,4c0.2,2.9,1.4,4.9,3,6.4c1.6,1.4,4,2.7,6.9,2.5c1.4-0.1,2.7-0.5,3.7-1
c1-0.6,2-1.2,2.7-2C816.4,14.9,817.7,12.5,817.5,9.5z M807.7,2c2.5-0.1,4.4,0.9,5.7,2c-1,1.3-2.6,2.3-4.3,2.9
c-0.2-0.2-0.2-0.4-0.4-0.7c-0.8-1.3-1.7-2.7-2.7-4.1C806.7,2.1,807.1,2,807.7,2z M804.6,2.7c1.1,1.4,2.1,3,3,4.6
c-2.2,0.7-4.6,0.9-7.5,1C800.7,5.7,802.3,3.9,804.6,2.7z M799.9,9.8c3.1,0,5.9-0.5,8.2-1.1c0.1,0.1,0.2,0.2,0.2,0.3
c0.2,0.3,0.3,0.7,0.5,1c-0.4,0.2-0.8,0.3-1.1,0.4c-2.5,1-4.4,2.8-5.8,5C800.8,14.1,799.8,12.3,799.9,9.8z M806.7,18
c-1.4-0.3-2.7-0.9-3.6-1.6c1.3-2.5,3.6-4.1,6.4-5c0.1,0.1,0.1,0.2,0.2,0.4c0.7,1.7,1.2,3.7,1.6,5.8C810,18,808.3,18.3,806.7,18z
M813.7,15.7c-0.4,0.4-0.8,0.8-1.2,0.9c-0.4-2.1-0.9-4-1.5-5.8c1.7-0.3,3.6-0.1,5,0.4C815.7,13.2,814.8,14.7,813.7,15.7z M810.5,9.7
c-0.1-0.1-0.1-0.3-0.2-0.4c-0.2-0.4-0.4-0.8-0.6-1.1c1.8-0.8,3.3-1.8,4.6-3.2c1,1.2,1.8,2.8,1.8,5C814.4,9.7,812.4,9.5,810.5,9.7z"
/>
</svg>
</a>
</nav>
</section>
<section class="container--right container--main">
</section>
<!-- Scripts -->
</body>
</html>