Textured Portfolio Template

Filed under Templates & Themes

Free HTML/CSS Template for Designers

This is the first HTML/CSS template distributed by Folio Focus (we also have some free PSD files available for download). This is a template for a one-page portfolio site. It uses a dark, textured background and a lightbox effect for the portfolio images. The template was designed by Vandelay Design and coded by Snobby Slice. It can be used for personal or commercial purposes.

One-Page Portfolio Template

View a Demo of the Template.

Download the Template.


  1. sam says:

    is there anyway i can get a look at the code that was used?
    would be great help 🙂 thanks so much.

  2. Folio Focus says:

    You can download the template and open the files.

  3. sam says:

    Thanks, I had previously downloaded the psd from a different site and didn’t realize the code was on your file.

  4. Ken says:

    Only thing missing is either the psd for the logo.jpg or a plain version of it with just the background intact. I am not sure exactly how one is supposed to use this without that. Can you provide either of those or suggest a way to implement this without it? Even better would be the psd so we can edit the text without knowing the exact color or font you used. Thanks!

    Looks great though. Great help and idea!

  5. Folio Focus says:

    Hi Ken,
    You can get the Photoshop file here.

  6. Lynn says:

    Thank you for providing the template.

    It is very much appreciated.

  7. Curtis says:

    Can the lightbox images be modified from 840×480? Having problems with that. Thanks for posting!

  8. Folio Focus says:

    Hi Curtis,
    I just tested it and didn’t have any problems. The thumbnails obviously should all be the same size (although you can change the size, just keep it consistent) in order to keep the rows and columns lined up, but the larger images shown in the lightbox can be other dimensions. Save an image to the images folder in whatever size you want. Then go to the HTML code and replace “sample1.jpg” with “sample7.jpg” or whatever you name your image.

  9. Curtis says:

    Thanks, I’ve tried a few different times. Seems to work fine in Firefox, but images get resized incorrectly in Safari when using the “Next” & “Prev” navigation within the image. Not sure if there’s a js setting I can modify.

  10. Curtis says:

    Any thoughts on the Safari resizing issue?

  11. Folio Focus says:

    Hi Curtis,
    I didn’t do the coding of the template, but I did a search to see if there is anything documented about Lightbox and Safari. See this page – http://www.dynamicdrive.com/forums/showthread.php?t=37342. It’s suggested in that thread to get rid of “?load=effects”. I tried it and it works, but it does affect the look of the lightbox.

  12. joe says:

    the gradients have disappeared?

  13. RDT says:

    Web Designers downloading portfolio templates… I hope I never hire any of you. Web Designers should be creating they’re own portfolio… its just a lie when you dont.

  14. Sunny says:


    How do you think we designers get our ideas\inspirations?

  15. Wes says:

    Looks good and work good. However, I can’t seem to be able to load a SWF on the lightbox modal, only JPGs. Is there a way to adjust it so that it can? thanks in advance

  16. Folio Focus says:

    I believe the lightbox was coded to use images. Sorry.