-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio.html
136 lines (121 loc) · 4.01 KB
/
portfolio.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
<!DOCTYPE html>
<html>
<head>
<title>Matt Reiner | Portfolio</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="portfolio.css">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
<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-41014227-2', 'mattreiner.com');
ga('send', 'pageview');
</script>
</head>
<body>
<!--top menu bar-->
<div id="topMenuBarBackground" class ="menuBar">
<div id="topBar">
<div id="navigationContainer">
<ul>
<li>
<a href="main.html">Home</a>
</li>
<li>
<a href="portfolio.html">Portfolio</a>
</li>
<!--<li>
<a href="blog.html">Blog</a>
</li>-->
<li>
<a href="photos.html">Photos</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</div>
<!--site container-->
<div id="siteContainer">
<!--Name and description-->
<div id="nameTag">
<ul>
<li>
<div id="name"><h1><span class="firstName">Matt</span><span class="lastName">Reiner</span></h1></div>
</li>
<li>
<div id="title"><h2>Web Developer</h2></div>
</li>
</ul>
</div>
<!--avatar and social button container-->
<div id="avatarSocialContainer">
<!--avatar photo, do this make me look fat?-->
<img src="images/avatar.png" id="avatar" alt="Odd, Matt should totally be here...">
<!--Social buttons-->
<div id="socialContainer">
<ul>
<!--gitHub button-->
<li>
<a title="Matt's GitHub profile" href="https://github.com/reinermatthew" target="_blank" id="gitHubButton" class="socialButton"></a>
</li>
<!--twitter button-->
<li>
<a title="Matt's Twitter profile" href="http://twitter.com/reinermatthew" target="_blank" id="twitterButton" class="socialButton"></a>
</li>
<!--google+ button-->
<li>
<a title="Matt's Google+ profile" href="http://plus.google.com/115387737707581963147" target="_blank" id="googlePlusButton" class="socialButton"></a>
</li>
<!--facebook button-->
<li>
<a title="Matt's Facebook profile" href="http://www.facebook.com/reinermatthew" target="_blank" id="facebookButton" class="socialButton"></a>
</li>
<!--linkedin button-->
<li>
<a title="Matt's LinkedIn profile" href="http://www.linkedin.com/in/matthewreiner" target="_blank" id="linkedInButton" class="socialButton"></a>
</li>
</ul>
</div>
</div>
<!--content container-->
<div id="contentContainer">
<!--mattreiner.com-->
<div class="portfolioItemContainer" id="mattReinerCom">
<a title="MattReiner.com" href="http://www.mattreiner.com" target="_blank">
<span>
My very first website is MattReiner.com, that's right, the very site you're
on now. I used this site to refresh myself on how to use HTML and CSS, as
well as to explore my personal sense of design. As you can see, I enjoy
flat, crisp, and simple layouts with a modern typeface.
</br></br>
If you select this one you're just going to head back to the main
page. You can if you want, you're a free spirit, you won't bow to the man.
Go for it.
</span>
</a>
</div>
</div>
</div>
<!--bottom menu bar-->
<div id="bottomMenuBarBackground" class ="menuBar">
<div id="bottomBar">
<div id="copyrightInfo">
<!--copyright info-->
<p id="copyright">© Copyright Matt Reiner 2013</p>
</div>
<div id=hostingInfo>
<!--webHost.io note-->
<p id="webHostNote">Hosting by</p>
<!--webHost.io logo-->
<a href="http://www.webhost.io" target="_blank"></a>
</div>
</div>
</div>
</body>
</html>