Skip to content
Browse files

added portfolio tab and content

  • Loading branch information...
1 parent a04fdb9 commit 75a2f29e5845f29ef26406cf4a4de2635a26795e @enriquez enriquez committed Jun 17, 2009
View
BIN images/barleyhouse.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN images/cas.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN images/foyble.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN images/keepintouch.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN images/theadauction.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN images/theezpzway.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
42 index.html
@@ -16,12 +16,54 @@
<div id="container">
<div id="nav-bar">
<ul id="nav">
+ <li><a href="http://theezpzway.com">Portfolio</a></li>
<li><a href="http://theezpzway.com">Blog</a></li>
<li><a href="http://twitter.com/enriquez">Twitter</a></li>
<li><a href="http://github.com/enriquez">GitHub</a></li>
</ul>
</div>
<div id="content">
+ <div class="info" id="portfolio">
+ <div id="works">
+ <div class="work">
+ <img src="images/theezpzway.png" width="203" height="224" alt="Theezpzway"/>
+ <h2><a href="http://theezpzway.com">The EZPZ Way</a></h2>
+ This is my personal blog. I designed a custom theme I named "Chocolate Meat" for Mephisto. I also customized the
+ code highlighting engine.
+ </div>
+ <div class="work">
+ <img src="images/foyble.png" width="202" height="224" alt="Foyble"/>
+ <h2><a href="http://foyble.ninjadoghosting.com">Foyble</a></h2>
+ This is a social network built with Rails. It features a Google Map with custom tiles, geocoding services, full
+ text search indexing, and much more. I worked on this project for a <a href="http://switchboxinc.com">Switchbox
+ Inc.</a> client.
+ </div>
+ <div class="work">
+ <img src="images/cas.png" width="202" height="224" alt="Cas"/>
+ <h2><a href="http://calendar.cas.org">CAS Calendar</a></h2>
+ This calendar was originally designed for flash, but I felt jQuery was a better solution. Using photoshop mock ups
+ I built this calendar with a custom backend for dynamic category and location filters. I worked on this project
+ for a <a href="http://switchboxinc.com">Switchbox Inc.</a> client.
+ </div>
+ <div class="work">
+ <img src="images/barleyhouse.png" width="202" height="224" alt="Barleyhouse"/>
+ <h2><a href="http://barleyhousecleveland.com">Barley House</a></h2>
+ I assisted the designers of this site with the HTML and CSS while building a custom admin backend. I worked on
+ this project for a <a href="http://switchboxinc.com">Switchbox Inc.</a> client.
+ </div>
+ <div class="work">
+ <img src="images/theadauction.png" width="203" height="224" alt="Theadauction"/>
+ <h2><a href="http://staging.theadauction.com">The Ad Auction</a></h2>
+ An auction site I designed and developed. This site is just a prototype.
+ </div>
+ <div class="work">
+ <img src="images/keepintouch.png" width="202" height="224" alt="Keepintouch"/>
+ <h2><a href="">Keep In Touch</a></h2>
+ This was a Facebook application I designed and developed. It is no longer online, but it had about 1000 users in
+ it's lifetime.
+ </div>
+ </div>
+ </div>
<div class="info" id="blog">
<h2><a href="http://theezpzway.com">http://theezpzway.com</a></h2>
<div id="posts"></div>
View
14 stylesheets/screen.css
@@ -24,12 +24,12 @@ a:hover {
}
ul#nav {
margin: 0 auto;
- width: 600px;
+ width: 640px;
}
ul#nav li {
float: left;
text-align: center;
- width: 200px;
+ width: 160px;
}
ul#nav li a {
color: #c3c6e6;
@@ -100,4 +100,14 @@ ul#nav li a.active {
margin: 0 auto;
padding: 10px;
width: 800px;
+}
+.work img {
+ float: left;
+ margin-right: 10px;
+}
+.work {
+ border-bottom: 1px solid #333;
+ clear: both;
+ overflow: hidden;
+ padding: 20px 0;
}

0 comments on commit 75a2f29

Please sign in to comment.
Something went wrong with that request. Please try again.