WhiteFolio: a free template for a portfolio (but not only) elegant and creative

Since the staff of Your Inspiration Web loves to spoil his comunity with free resources released periodically and considering the big success of the two templates xhtml/css released in the course of this first year of blogging (don’t tell me that you lost YIFolio and YIMinimal!), we thought that a third template to download free could be a pleasant surprise, a good way to get over the end of vacation and restart the working period in style ……did we hit the mark?

We present to you Whitefolio, a template that develops itself on one single html page and that contains inside four different sections. To make the navigation harmonious and fluid inside the theme, a javasript has been used that allows the shift from un section to another through an animation effect: just click with the mouse on the navigation link to see the effect.

Since our users are almost all web designers the theme has been developed as a portfolio, a shop window; although the layout is easily adaptable for whatever type of site, that’s why the grapfic is very simple and essential.

But let’s see the features of this theme.

Home page

In the home page a very elegant slider in flash has been inserted, Image Rotator. It’s really easy to modufy the settings of this slider and you can choose between different animations, a classical “fade” effect for a more sober and professional effect or a “bubble” effect for something bright and flashy… all depends on what type of activity this layout has to represent.

About

The about page is subdivided in two sections: the one on the left contains a short descriptive text (you can insert some information about you or your business, a photo of yours, a curriculum or something else) and in the one on the right I intergrated the last twitter. Under these sections I inserted a graphic bar created to contain your “skills”, messages, althoughthis section is easily modifiable with css if you like to use it for purposes different from the provided ones.

Portfolio

The portfolio page contains a very elegant photo gallery that allows the visualization of a few thumbnails on the left and the enlargement of such thumbnails on the right,with a fade effect really light and pleasant. Below the gallery, in the apposite “testimonial” space , you can insert some references of your clients, so that the visitors of your site (and potential clients) get impressed by the positve feedbacks left by the persons with which you collaborated.

Contacts

In the contact page there is an operative contact module intergrated, with an error control in Javascript on the fields “name”, “e-mail” and “message”. On the right side you can put some contact information, your social network links or other information related to your addresses.

Conclusions

In the download zip you’ll also find a complete support manual in pdf where you’ll have a step by step explanation on how to personalize and modify the different sections of the theme, from setting of the slider in the homepage to the configuration of the e-mail for a correct functioning of the contact module.

A sincere thanks goes to Maurizio for his precious help in the Javascript territory (give a bug to our Maurizio and for that bug it’s time over) and Nando for the consultation and comfort he gave me during the development of the theme ( a localhost that becomes a locahost makes you lose a lot of diopters and patience, but by force four eyes are better than two!)

Support

If you have some difficulties with the personalization of the template or if you need to clear a doubt, you can leave a comment to this article. We’ll aswer you as soon as possible.

Licence and credits

The template is released under a Creative Commons Attribuzione 3.0 licence; this means that you can reproduce, distribute and modify this work freely.

The Author

Web designer, has been working in the field of graphics and web development for six years and at the moment besides collaborating with a web agency successfully manages her freelance activity under the name of mascara design.
Like many freelancers she is used to handling more roles, ranging from paper graphics to the development of html and css codes; nonetheless this passion of hers remains, always and however, web graphics.

I like it too. Minimalism is great The only thing I would add is some other kind of menu, maybe floating or to give some more space between these categories, becouse on bigger screen I see menus from two categories, kind a confusing…

Hey Sarah! First of all, congratulations for really good and clean work!
Second, I made some changes to your layout, like using jquery in the slider, putting the logo at left and changing some colors and styles, I hope you are not angry with that . I am going to use it in the portfolio of my girlfriend, and I want to know how should I license it (like “CC moroni, based in WhiteFolio” or “Original CC WhiteFolio, remixed by moroni” or how), and if I should link this page or another else
Thanks in advance! =)

I’m really grateful for your work on this template, it’s one of the most amazing templates i have ever seen.
While customizing, i tried using the contact recently and it keeps giving me this error message;Inserisci un messaggio di almeno 15 caratteri. I’m sure its Italian; please how can i rectify this as it used to work before now. Also, how do i change the notification language to English for when a message has been sent?

Thank you for this awesome temp. I am planning on downloading it and customizing it for my first site ever. I have no clue on how to code but maybe learn by trial and error.

I want to ask you one thing though. Is there a way to add files (on portfolio page) that other people can download?

Here is what I mean. On the portfolio page, you click on the small image icon on the left. On right you see the same image but bigger size. Now, is there a way to add a “download” button on bottom right? If so, when the person clicks download, it downloads a file related to that image (jpeg, pdf, word, ppt, and etc…)

yippeee! what a nice template. working on my portfolio now. pretty sweet.
thank you so much for your hardwork and for sharing this for FREE!

PS. I’m planning to put a preview on the thumbnails once the mouse is over it. How can I make it if i’ll load a swf for the preview? I have already successfully made a video preview(flv) to work but not with swf.

Hello I apologize for my bad English. But considering your template you want podravit to the management of its entire area, which in beauty and functionality of the new templates are common. After all, in functionality, minimalism is great. Your work is very much liked me. Thank you for your work.

beautiful portfolio design. by far the best i found. i made some extensive research. i used it on my web but modified to fit my needs etc. i left credits on the footer with link to the template directly. thank you. i hope it is ok.

Just want to say your article is as amazing. The clearness in your blog post is just excellent and i could assume you’re an expert on this subject. Fine with your permission allow me to grab your feed to keep up to date with forthcoming blog post. Thanks a million and please carry on the enjoyable work. Cheers, Ramadanovic Magaret

Im new to this. I love your theme and I want to use it for my WP.org portfolio site. However, when I try to upload it to wp theme section, it says it is missing the style.css sheet. However, when I look in the files, i see the folder. I am not sure what I am doing wrong or if I need to edit something before I install. Please help! I’ve been searching for the perfect theme and decided to try and create a webpage the do it yourself for dummies way lol, alot of trial and error needless to say

Hi. Really nice design but I am stuck on the twitter feeds to the right of the page. I have changed YIW to my twitter username. When I preview the site I can see the first 5 tweets but it doesn’t say via and when I click the link twitter says Sorry, that page doesn’t exist!

Hi! I’m having trouble uploading this theme through my wordpress admin panel. It claims that the template style.css is missing, but i know it’s not missing, so why is WordPress giving me an error message? How can I solve this?

First of all, this is a wonderful theme. The sleekness, and minimalistic look are totally awesome.
Everything in there are working, but the contact form. Well, it sent the mail successfully. But no, i didn’t receive the mail sent. I think the problem would be on config.php, but i don’t know how to alter that. If possible, can you take a look at my website and see what’s going wrong?

Hey, Sarah great work with the design Probably going to use it for a fundraiser for the poor in my country!
Although could you please help me out with the portfolio slide? I changed the thumbnails but the main content of the slideshow won’t change. If anyone could help me out with this I’d be grateful
Cheers.

Georgous ! Thank you. Here is my version @ http://www.endrodesign.com I made sure to leave your credits in the footer. I also had to change some Italian to English inside the Contact Form js and php scripts. It works. Best regards, Silvie Endro.

Will there ever be a tutorial on how to take your own custom PSD and code it into this fantastic “one-page-awesome-scroll” layout?!
Please I really need help with this I’m a beginner on code
I’ve tried to look on the code but I only understand half of it