High Quality HTML and PSD Porfolio template – "Sifiso"

This time around I’m selling a gorgeous HTML template with the Photoshop files for “Sifiso”. Sifiso is a one page “portfolio-like” template which you can use for your personal site. It features bold colors, transparent elements as well as hard to miss extra large icons. Sifiso is ideal for web designers, illustrators and photographers; You can use Sifiso as a final product for your own site, or as a good starting point for your clients. Sifiso costs $5 FREE! – for both the PSD files and source code

Features

The one pager Sifiso has all the right stuff for a strong personal portfolio:

a catchy introduction area – a sexy summary of what you do. You have to edit the text in the PSD to change this section
a testimonials section – sport what your clients say about you. Simply edit the text inside the p tags in the HTML
a spot for quotes – maybe a couple of words from famous people in your industry, again – open the PSD to edit this area
showcase area – screenshots of your best stuff, add your own pictures and edit the HTML.
finally, a contact form – how else will they get a hold of you? This will have to be done in a server side language of your choice

How to Edit

The source code is very pretty straightforward – simply edit the HTML with your own. The PSD contains 4 files – one for each main section of the page. All files are layered, grouped and labeled. To edit a text section – find the layer and edit the text within. Fonts used are “AR Blanca” (for the logo), and “Helvetica Nueu LT Std” for everything else.

Conclusion

Keep in mind that even though Sifiso may be full of images, it is still coded professionally to conform to standards and SEO. I hardly used any “image” tags (except for the portfolio section), and still used HTML text where it should be (see screenshot below).

*Note that I talked about how to code this way in my 3 part post: How to create a single page portfolio from scratch.

Credits to the icon developers:Coffee Mug by Omercitin, Paintbrushes by ArtDesigner.lv and Briefcase by thirteen eightyone.

  • Michael,

    It’s a winner! I love your style and the simplicity of the page. I’m also becoming a fan of the one page pages.

    Nice work.

    j

  • Very nice one-page portfolio layout. Thanks for sharing this template with all of us!

  • Very oryginal design. 1 page love.

  • iqbal

    how to setup contact form to make sure the client email will sent to me?

    • You have to use server side technology for implementing a mail sender function. So you can use this template, and depending on your host – you can convert it to PHP, ASP etc to make use of the forms.

      You should also check out http://wufoo.com/ – which is a service you can use to implement forms in static pages

      • I grabbed the template, thanks! However, I am still unsure how to implement the contact form. I looked into Wufoo and a PHP code for a contact form but I still don’t understand how to make it work. Does the coding go into the html or CSS script? Any additional info. would be greatly appreciated so I can get this completed.

        • suneel

          http//:www.cardshare.cc

  • lovely design!
    thank you for sharing ^^

  • Great information, I just bookmarked you.

    Sent from my iPad 4G

  • Its really nice……………..
    Thank you BOSS!

  • Very nice work! Its not often one can find a nice one page design that does not seem all crammed up. Makes me want to find a small project to see how well I can pull one off.

    • suneel

      http//:www.cardshare.cc must try this ..

  • ALi

    Its Nice work . am web designer and i found your website in very decent way. nice work …

  • Very nice and very beautyful website , but did you try to see how it work on IE? i juts tryed and its working not very succesful any idea how it comes?

    thx

    • suneel

      http//:www.cardshare.cc must try this every one for fun ..

  • Hi dear first of all i love all the world designers and love their lovely works and yours too …..

    i really love your work dear and I have a ? from you I am seeing in the fourth image in this page a program that may be you are using from it if you want please tell me its name …

    LOVE YOUR WORK

  • dk

    very very very nice website yaaaaaaaaaaar

  • waao, thanks for sharing…
    That’s an amazing job – i love the felling. Just one thing is missing: animated smoke over the mug (flash or animated gif).
    I’ve a lot to learn !!

  • a

    I’m having issues installing the theme. I uploaded it through the WordPress Admin and it said it was installed correctly. When I try to activate it I am told there was an error and it reverts to the default.

    It does NOT appear in the list of installed themes. I am using WP 3.2.1

    What can I do to get it working?

    • sifiso is not a wp theme.

      • a

        thanks for the quick reply. I came here from a list of the “top 20 wordpress themes”. Silly mistake on my part!

  • really nice………thanks………

  • Jed

    Can the gallery have a shadow feature? If so …. can I ask how? How do we get the form to work correctly? I am having an issue understand that. Any information or help would be great.

    • the code for contact form depends on your server technology. I have a tutorial using php: http://fearlessflyer.com/?p=1369 . you can also use online form services such as wufoo.

      • Jed

        Thanks!

        One last question : How would you add a lightbox for each of the images in the image / portfolio section?

        • lightbox plugins are pretty common. Just download one that you like and insert into the html. Plugins are easy to work with because all you have to do is a 1 liner javascript = ie. $('a img').lightbox();

  • This is unreal.It’s really helpful and as i am new i use these resource and learn more and it help me in my project.

  • suneel

    http//:www.cardshare.cc

  • Repairman Now

    What an amazing theme!