Today we are proud to release our first free template, Soho. Aimed at home and small businesses, Soho is simple yet sophisticated and easy to modify.


You are free to use Soho for personal and commercial purposes, just download and enjoy :)

Filed under: Freebies Templates
  • Etsuko

    Besides I e-mail it at the start from Japan. Because I do not understand English, I’m sorry if a sentence is mysterious.
    I was impressed by a very splendid template. I am still studying Web.
    I was impressed very much and did downloading, a thing of free.
    Thank you.
    Whether I should do it
    Because I understand nothing, please teach it.
    I wait for a wonderful design from now on.

  • Dave

    Thanks for the free download of the template! So great that you are giving it away for free! Great tool to learn some more advanced coding and css.

  • Anonymous

    This is amazing. I can’t believe this is free. I will definitely be contacting you guys once I am ready to step up to a custom website design.

  • Steve

    Thanks for the compliments everyone! Hope you find this template useful.

  • Hugo

    Hello. I think this is a very good template. I want to use it, but I have a problem. I want to be in Cyrillic, but when I replaced the titles with text in Cyrillic, it is not visible in the browser. I use Dreamweaver CS5, I am not a professional and ask for help because I looked at the code of the template and do not understand why she should not see the text in Cyrillic. Thank you.

  • Steve

    Hi Hugo, glad you like our template! So the reason you can’t view your text with Cyrillic characters is due to the fact the font supplied with the template does not currently support it.

    In order to support Cyrillic characters you can download the original font here: once you’ve done that you can visit the cufon website upload the font under “Select the font you’d like to use” and then under “Include the following Glyphs” be sure to check the “Cyrillic Alphabet” checkbox. Then you are ready to generate your new font by clicking “Let’s do this!” right at the bottom of the page. Save the file which is generated directly into the Soho template folder (it should ask you if you want to replace the existing file) and then you should be ready to go! If you have any difficulties with this process let me know and I’ll try and help you out further.

  • Hugo

    I am very grateful to you Steve. I followed your instructions and Cyrillic characters appear in the browser. Excellent work. I hope that if I have other obstacles in my work with the template I can turn to you for help? Sorry for my bad
    Thank you again.

  • Steve

     Hi Hugo, glad it worked out :) Sure I’d be able to help you out with some issues you have in future, although I can only provide basic support as I have other things to focus on as well. But if it’s simple stuff, I’m happy to help out.

  • Hugo

    Can I ask a final question? How do I set up the contact form on my email?

  • Steve

    In order to create a working contact form you will have to use a programming language such as PHP,, etc. I left out the contact form functionality on purpose so that users could make a decision on their own on how they’d like to implement it. If you do a search for “creating contact form” this should be able to help you out.

  • Michele

    I was very impressed with your template and think it is very generous of you to allow people to download it for free. It seems to works very well on almost all web browsers. I have discovered, however that It does have one minor flaw. It doesn’t work well on mobile phones because the dropped shadow used for the text headings spreads out and splits. I have been searching through the code trying to work out which bits are responsible for the dropped shadows so that I can eliminate them but haven’t been able to do so. It probably doesn’t help that I am using your template in Dreamweaver CS3, although apart from the dropped shadows I am able to make everything else work as I wish. Is it possible for you to give me some assistance in fixing the problem and removing the text shadows. I would be very grateful if you could.

  • Steve

    Hi Michele, glad you appreciate the effort that was put into building this template! I suspect the problem you are having has to do with me using cufon for font replacement and therefore causing some issues on mobile devices. Just to test this theory, remove the lines at the top of one of your pages which start with “Cufon.replace” in one of the script tags. This will then result in the standard font been used which is Helvetica or Arial depending on your device. If this does solve your problem and you’d still like to use the font that came with the template, I’d recommend downloading it here and then using the @font-face kit to include this font with your template. Hope this helps!

  • Debbie

    The template sample is beautiful and I’ve downloaded the template and am using it at and index.htm.  I can get the slider to work if I just open the htm file out of any file structure, but it doesn’t seem to work on the above pages.  Is it because the site is in a sub-folder of the domain?  I suspect it just doesn’t see the .js files, but I’ve tried to hard code the path, change the site definition, and move the files to a scripts folder.  Nothng works for me…

  • Steve

    Wow you have got me stumped with this one Debbie lol. I’ve been looking at your code and everything seems fine to me; all the javascript and CSS files load correctly but there must be something I am missing. What I did pick up though is that only one of the images for the slider seems to be on the server, a 404 error is thrown when trying to load the other 2. That might cause the slider to not load at all but this is just a guess on my part. Another thing would be that I see you’ve changed the DOCTYPE of the file to the new HTML 5 one, try changing it back to XHTML STRICT and see if that helps. That’s about the best I can do without direct access to the files, but I hope this helps a little bit. If you do find the solution please let me know so that I can make changes to the template if I need to.

  • Debbie

    Thanks so much for your quick response.  If you look at the index.htm file it is left
    the way you created it regarding doctype. 
    I also left it at htm in case the php file did something.  Still no go.


    As for the images, the 3 files are there on the server
    under the images folder:  fern.jpg,
    trees.jpg and office1.jpg. 


    This is a test site set up in a subfolder on the main
    domain.  Would that make a difference?

  • Steve

    Ah I see the doctype is the same for the htm that is not it then. As for the images just check the urls for the img tags of the 2nd and 3rd slides, they are pointing to fern.png and office1.png where they should actually be fern.jpg and office1.jpg respectively.

    As for the site been in a subfolder, that shouldn’t be a problem because I host the demo site for soho in a subfolder as well and it works fine. You can play around with this though and see if it makes a difference.

    For interest sake I ran your php page through the W3C validator and it picked up a few errors, you can see the results here: none of the errors were really huge but maybe correcting them will help sorting out the slider as well. I ran the htm version through it as well and it picked up similar errors.

  • Debbie

    I added the file to the root of a domain I don’t use and it played well.  I have a couple of other questions, but I’ll wait to check out the errors found and see if that fixes them. 


  • Debbie

    Last thing:  I have a double set of slide dots at the bottom of the slider.  See  Can you tell me where in the code I can address this?  Thanks.

  • Guysubneting

    you are the best!!!


    What do I need to get or do to make the email form to work?

    Thanks for such a great template :)

  • Debbie

    Hi Steve,

    I have one small issue left:  there is a double set of slide dots under the scroller.  I don’t mind removing them if you point me to the correct code place.  Please see  Thanks!

  • Steve

    HI Debbie, I had a look at your updated page and I cannot easily spot the problem. If you want you to you can send me your updated files and I can try and fix it. You can send them to support[at]

  • Steve

    Hi toddman, glad you like the template! In order to create a working contact form you will have to use a programming language such as PHP,, etc. I left this out on purpose so that others can add in their own scripts. If you do a quick search for PHP contact form or something like that you should find a viable solution. Hope this helps!

  • Debbie

    Thanks for your quick reply!

    I’m adding an image of the issue so you can see where on the site this issue appears.  Please note that I have not changed your code in any of the script files in any way.  I’ve just changed things on the page.  Thanks again for your help!


    Sure does.

    Thanks for the help :)

  • Steve

    Heya, so I had a look at the code again and I can’t figure out what might be causing that problem, so weird. So if you’d like to remove it altogether you’ll need to edit some of the javascript. On the home page (index.htm) on about line 16 is the code initialize the slider which looks something like this:
        // All the settings

    Add the following setting to the list that is already there:
    generatePagination: false,
    I’d recommend putting it before “preload: true”. Don’t forget to put the comma after the setting, if this is not there it will break the slider.

    Hope this helps!

  • Fjf

    thanks a million!!! 

  • Axl_505


  • Debbie

    Hi Steve,

    Everything is working well in IE and FireFox, but the scroller does not display in Chrome.  Is this a known issue?  Thanks

  • Steve

    Hi Debbie,

    I just tested out the soho demo in Chrome and everything seems to be working fine. Have you made any changes to the scroller?

  • Lcastillejo

    hello is it possible to integrate this template with joomla?

  • Webguy

    Great site.  I get an “Unterminated string constant message”  It is an error about the file TeXGyreAdventor_400.font.js in IE8 any advice on what I should do?
    Thank you.

  • Webguy

    I solved it but thanks again for your posting this framework.

  • buercky

    Great website. Thanks so much!!  i would like to replace the scrolling pictures with my own but the pictures get cropped off. where can i change the size so the whole picture shows in the slider?


  • Dany

    Thanks a lot !
    Giving it away for free makes learning much easier!

    Thanks again =D

  • Gerry

    i can up load the soho free template but it wont work

  • Clinton Wittstock

    Hi there,

    thank you for the free template, its great. I would like to change the colour of the text in the navigation box on mouse over. How would I go about doing that please? Kind regards


  • Tes

    Truly impressive!  Thank you!

  • Morv123

    thx … You are the best :-)

  • Donna

    Thank you VERY much for this lovely template.  Your hard work is very obvious in the superb design. :)

  • ameliajune

    Hello! I love this template and thank you so much for the excellent design.

    Question: On the Gallery page can I replace the pictures with video? If so, how? 

    Also, if it can be public frame video such as YouTube or does it have to be self-hosted?

    Thank you!!

  • Vishic

    Please help…….my slider works when i am running index.htm locally. i have uploaded on the serevr and my website does not load slider… website is….please help

  • Gianni

    this is soooo sick

  • Herbt77

    How do I get the SRC from the home index page to run with my pictures.  I modified them and they run in the index3 page but not in the index home page      Is there something or setting I need to change?

  • Mahmoud Adly Ezzat

    Loved it, easy to customize, but I cannot use Arabic text.

  • Easydoesit2

    Hello and thanks so much for making this template available to all of us. I am fairely new at making web sites work, and thanks to you this is making my learning process of dreamweaver much easier. I would love to donate if there is a way.

    I hate to bother you with trivial stuff, but I do have a question. I use dreamweaver CS4 and your Soho template. I went ahead and created an extra folder called script-css. There I copied all the css and js files there, just to get them out of the root directory of the site. It all seemed to work just fine, all the links updated … as far as I can see.

    The only thing is that when I move the Jquery.js file to the new folder, the slider stops working. The Jquery.js file is the only file that will not move over to the new folder and keep the slider working. I am sure I am probably missing something, but I can’t seem to figure it out. I did make sure that all the links pointed to the new folder.

    Thanks in advance for putting up with my mewbieness …

  • Sam

    HI !! great template 4 sur!! Is it possible to make us the php scrpt for contact forms please, im unable to dio it properly and not working.. tank you

  • franck

    the link to download does not exist any more !!!