-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
149 lines (130 loc) · 7.16 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!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="">
<meta name="author" content="">
<!-- Favicon -->
<link rel="icon" href="assets/Favicons/green-favicon.ico">
<title>Michael Knoedel</title>
<!-- Lato Font -->
<link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
<!-- Stylesheet -->
<link href="css/gallery-materialize.min.css" rel="stylesheet">
<!-- Material Icons -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body class="about">
<!-- Navbar and Header -->
<nav class="nav-extended green">
<div class="nav-background">
<div class="pattern active" style="background-image: url('./assets/argyle_pattern_cp.png');"></div>
</div>
<div class="nav-wrapper container">
<a href="#" class="brand-logo"><i class="material-icons">star</i>About Me</a>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="resume.html">Resume</a></li>
<li class="active"><a href="index.html">About Me</a></li>
<li><a class='dropdown-button' href='#' data-activates='feature-dropdown' data-belowOrigin="true" data-constrainWidth="false">Contact Me<i class="material-icons right">arrow_drop_down</i></a></li>
<li><a href="https://github.com/mknoedel" target="_blank"><img src="./assets/Logos/GitHub-Mark-Light-32px.png" height="18" width="18"></a></li>
<li><a href="https://www.linkedin.com/in/mknoedel" target="_blank"><img src="./assets/Logos/In-White-54px-R.png" height="18" width="18"></a></li>
</ul>
<!-- Dropdown Structure -->
<ul id='feature-dropdown' class='dropdown-content'>
<li><a onclick="window.location.href='mailto:[email protected]'"><i class="material-icons">email</i>[email protected]</a></li>
<li><a href="tel:6508227592"><i class="material-icons">phone</i>(650) 822-7592</a></li>
</ul>
<div class="nav-header row">
<div class="col s12 m3 center-on-small-only">
<div class="image-container">
<img src="./assets/MicaelKnoedel.jpg" height="200px" width="200px" style="border-radius: 50%;">
</div>
</div>
<div class="col s12 m9">
<h1>Michael Knoedel</h1>
<div style="line-height: 20px;">Michael is a full stack developer who has a passion and a talent
for design. He is looking for a career in computer science that not only allows him to solve
highly-challenging technical problems which he has proven to excel at, but also allows him to
use his extensive design skills to facilitate excellent user experiences. He is a disciplined
and talented developer who can do it all.
</div>
</div>
</div>
</div>
</nav>
<!-- Side Nav -->
<ul class="side-nav" id="nav-mobile">
<li><a href="portfolio.html"><i class="material-icons">view_quilt</i>Portfolio</a></li>
<li><a href="resume.html"><i class="material-icons">assignment_ind</i>Resume</a></li>
<li class="active"><a href="index.html"><i class="material-icons">edit</i>About Me</a></li>
<li><a onclick="window.location.href='mailto:[email protected]'"><i class="material-icons">email</i>[email protected]</a></li>
<li><a href="tel:6508227592"><i class="material-icons">phone</i>(650) 822-7592</a></li>
<li><a href="https://github.com/mknoedel" target="_blank"> <img src="./assets/Logos/GitHub-Mark-32px.png" height="18" width="18"> GitHub</a></li>
<li><a href="https://www.linkedin.com/in/mknoedel" target="_blank"> <img src="./assets/Logos/In-Black-54px-R.png" height="18" width="18"> LinkedIn</a></li>
</ul>
<div id="portfolio" class="section gray">
<div class="container">
<div class="gallery row">
<div class="col l4 m6 s12 gallery-item gallery-filter all">
<div class="card blue-grey darken-1">
<div class="card-content white-text">
<span class="card-title">Look Around!
</span>
<p>This site was built by me, so be sure to check out the rest of it! Want to know how something works?
Head over to my repo on <a href="https://github.com/mknoedel/resume" target="_blank">Github</a>!</p>
</div>
<div class="card-action">
<a href="https://mknoedel.com">More info in portfolio</a>
</div>
</div>
</div>
<div class="col l4 m6 s12 gallery-item gallery-filter all">
<div class="card blue-grey darken-1">
<div class="card-content white-text">
<span class="card-title">Stay Tuned!
</span>
<p>I am always updating this site with new content including updates on my current project
PerchPal, a social media site for putting friends together for larger purchases.</p>
</div>
<div class="card-action">
<a href="http://docs.perchpal.com/" target="_blank">API documentation</a>
</div>
</div>
</div>
<div class="col l4 m6 s12 gallery-item gallery-filter all">
<div class="card blue-grey darken-1">
<div class="card-content white-text">
<span class="card-title">Shop?
</span>
<p>Be sure to head over to the Michael Knoedel Shop for all your Michael Knoedel apparel related needs!</p>
</div>
<div class="card-action">
<a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank">Buy Buy Buy!</a>
</div>
</div>
</div>
</div>
</div>
</div><!-- /.container -->
<!-- Core Javascript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/masonry.pkgd.min.js"></script>
<script src="https://cdn.jsdelivr.net/materialize/0.98.0/js/materialize.min.js"></script>
<script src="js/color-thief.min.js"></script>
<script src="js/galleryExpand.js"></script>
<script src="js/init.js"></script>
<!-- Analytics -->
<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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-102004557-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>