-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboutme.html
98 lines (92 loc) · 4.97 KB
/
aboutme.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
93
94
95
96
97
98
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="assets/Images/main/logoFavicon.ico">
<title>About Me - Mathew Morse - Web Designer</title>
<link href="css/reset.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:800,700,400' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Gentium+Basic:400,700italic,400italic' rel='stylesheet' type='text/css'>
<link href="css/main.css" rel="stylesheet">
<link href="css/work.css" rel="stylesheet">
</head>
<body>
<nav>
<div class="contain">
<a href="index.html"><img class="logo" src="assets/Images/main/logo.svg"/></a>
<div class="nav-btn">
<div class="line line1"></div>
<div class="line line2"></div>
<div class="line line3"></div>
</div>
</div>
</nav>
<section class="slide-out">
<div class="contain">
<ul>
<li id="aboutButton"><a href="aboutme.html">About</a></li>
<li id="workButton"><a href="index.html#work">Work</a></li>
<li id="blogButton"><a href="Blog.html">Blog</a></li>
<li id="resumeButton"><a href="assets/resume2016.pdf">Resume</a></li>
<li id="contactButton"><a href="#contact">Contact</a></li>
</ul>
</div>
</section>
<section class="box white"></section>
<section class="about-me box white">
<div class="contain">
<h1>Who Am I?</h1>
<p>I'm a Web Designer and I recently graduated from college in May 2015. I’m passionate about designing and developing interactive experiences, exploring through web, mobile, and more. I'm currently experimenting with pushing the boundaries in what interactivity means on the web using cutting edge tech such as webGL. I’m looking for an opportunity to start my career at a creative company that's goals align with mine. My goals are to work with a collaborate tight-knit group that fosters growth and learning in the design and tech field.</p>
<img src="assets/Images/main/me.jpg"/>
</div>
</section>
<section class="skills box grey">
<div class="contain">
<h1>Skills</h1>
<p>Design : User Centered Design, User Research, Interaction Design, Design Thinking, Responsive Design, Visual Design, Typography, 2D / 3D Animation</p>
<p>Web : HTML / HTML 5, CSS / CSS3, Javascript / JQuery, WebGL / Three.js</p>
</div>
</section>
<section class="hobbies box white">
<div class="contain">
<h1>Talking Points</h1>
<p>Avid Lindyhopper, Handletterer, occasional Runner, Hiker, and Hackathon participant.</p>
</div>
</section>
<footer>
<div class="contain">
<div class="top-footer">
<h1>Say Hi To Me!</h1>
<h2>I'd Love to Hear From You!</h2>
<div class="link-holder">
<a class="" href="mailto:[email protected]?Subject=You're%20Awesome!"><img src="assets/Images/main/mail-01-01.svg"/></a>
<a class="" href="https://www.pinterest.com/MathewMorse/" target="_blank"><img src="assets/Images/main/Pin-01.svg"/></a>
<a class="" href="https://www.behance.net/mrm1779af59" target="_blank"><img src="assets/Images/main/behanced-01.svg"/></a>
<a class="" href="https://www.linkedin.com/in/mathewmorse" target="_blank"><img src="assets/Images/main/Linkedin-01.svg"/></a>
<a class="" href="https://github.com/mat148" target="_blank"><img src="assets/Images/main/Github-01.svg"/></a>
<a class="" href="http://codepen.io/mat148/" target="_blank"><img src="assets/Images/main/codePen-01.svg"/></a>
</div>
<p class="email"><a href="#">[email protected]</a></p>
<p class="email">+1 315 382 8467</p>
</div>
<div class="bottom-footer">
<p>© 2014 Mathew Morse</p>
</div>
</div>
</footer>
</body>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-60488291-1', 'auto');
ga('send', 'pageview');
</script>
<script src="http://code.jquery.com/jquery-2.2.2.min.js"></script>
<script src="js/main.js"></script>
</html>