Erik Refner - Photographer

The main challenge related to this project has been to organize Erik's collection of pictures into categories so that they would be meaningful and easy to browse by his potential clients. We came up with four categories: commercial, people and places, fashion, and photojournalism. The design principle underlying the portfolio website is minimalism, and the technology chosen for deployment is Wordpress.

View Project

Erik Refner Show Case

Code Sample

Excerpt from the stylesheet

#container {
width: 100%;
margin: 0 auto;
}

#main {
margin: 0 auto;
padding: 30px 0 0 0;
background: #fff;
max-width: 62.5em;
}

.home #main {
border: none;
}

.home.page #content {
padding-top: 30px !important;
}

#main.full {
background: none;
}

#content {
padding: 0 0 0 0;
float: left;
margin: 0 0px 0 0;
position: relative;
width: 100%;
}

#sidebar {
width: 50px;
float: right;
margin: 0 3% 0 0;
padding: 0 0 0 0;
}

.home #sidebar {
padding: 30px 0 0 0;
}

#footer {
width: 100%;
margin: 0 auto;
}

.oneFourth {
width: 220px;
}

.oneThird {
width: 280px;
}

.threeFourth {
width: 720px;
}

.full {
width: 970px;
}

#portrait {
float:left;
width:250px;
height:500px;
margin-right:10px;
}

#biography_text {
margin-left:20em;
margin-right:20px;
padding-left:10px;
padding-right:10px;
}

#slideshow{
margin-top:-110px;
height:780px;
width:100%;
margin-left:-25px;
margin-right:auto;
}