Free website template: present your portfolio online in a single webpage

We are about to introduce you with another free resource: this time it’s a website template that is developed in a single page and that will allow you to present your works on the web.

After demonstrating to you, step by step, how to design it in Photoshop, we have codified the graphic layout and now we can release the real site in (x)HTML and CSS.

Live Preview Your Inspiration Folio

download
Versione: 1.0
Pubblicato: 07 December 2009
Dimensione: 5.8 MB
Download: Your Inspiration Folio

Characteristics of Your Inspiration Folio Template

Your Inspiration Folio is a free template which allows you to be present on the web in a professional way thanks to a simple and functional layout at the same time.

The entire website is developed in a single page: in fact, it is this peculiarity which makes this template outstanding; particularity that is taking hold more and more in freelancing sites lately.

A more detailed view: under the hood of the template

Despite being a single page layout, it is not necessary to scroll with the lateral bar in the browser to navigate through the various sections of the site since a javascript has been used which enables the shifting from one section to another by means of an animation effect: enough clicking with the mouse on the navigation link.

The part that encompasses the menu remains always fixed on the screen, while the various pages are alternated from time to time in the central section of the template. The limitation of the height dimension in the left section is owed to this fact so as to allow the display even on the monitors of users that use lower resolutions (es. 1024×768).

01-one-page-folio

Typography also has its own importance

A lot of attention has been dedicated to the typography as well:  the choice of font, interline, blank spaces, everything to render the aesthetic equilibrium generated at first sight more harmonious.

For the main section titles, the navigation menu and the Homepage content, it was decided to use a non standard font (denominated “dustismo”) that complies with the rest of the graphic items used.

The font has been implemented in the inside of the template with the utilization of the Cufon method in order to render the personalization much easier: to personalize these items, it will be sufficient to modify the text content inside the(x)HTML page.

02-tipografia

The various sections Your Inspiration Folio is composed of

Home Page

It is the main page that is displayed once you are on the website. In this section, you can add a slogan, a phrase, a quote which enables you to introduce the users with the message you want to transmit and communicate in a few simple lines.

About

In the About page you can insert some information on yourself: title of study, eventual training courses attended, certificates, diplomas. Or you can describe your dreams, your work experiences…in a few words everything that can represent you on the web in a decisive and original way.

Insert a small picture or even a cartoon just like the one I have inserted: nowdays illustrations are the trend!

03-about-page

Portfolio

This section is entirely dedicated to the exhibition of your works. For this particular purpose Fancy-zoom has been used, a plugin of the Mootools framework which allows the display of image enlargement by means of an animated effect. Moreover, in order to make the inserting of your works easier the timThumb script php has been used which is capable of automatically generating the miniatures with no need of losing precious time for doing them manually.

04-portfolio-page

Contacts

Those visitors of your website who want to get further information like preventives or something, they will find in this section a contact module that will enable them, in a simple and intuitive way, to directly send an email to your inbox. Also, in this page you can insert other information such as telephone numbers or addresses, in case you want to give the users an alternative contact option.

 

05-contact-page

What does the package include?

Inside the archive that you have downloaded, we have included:

  • The Photoshop (.psd) source file so that you can easily modify the graphic elements of the template.
  • The folder of the theme in (x)HTML & CSS.
  • Screenshot and a brief description of the theme’s characteristics.
  • Users license.

Support

If you are having difficulty in the personalization of the template or if you need to clarify any doubts , you can drop a comment to this article or visit our support forum. If you need, open a new thread: we will answer as soon as we can.

License and credits

The template is released under the license Creative Commons Attribuzione 3.0; this means you are free to reproduce, distribute, or modify this work provided that you attribute authorship to us leaving unaltered our credits on the theme.

This is a trivial thing if you take into consideration the work we have done; moreover, we have struggled to render this template graphically captivating and simple to personalize, and now we are offering it to you for free. What we are asking you for is to recognize and make our work know to others.

Creative Commons License
Your Inspiration Folio by Your Inspiration Web is licensed under a Creative Commons Attribuzione 3.0 Unported License.

Live Preview Your Inspiration Folio

download
Versione: 1.0
Pubblicato: 07 December 2009
Dimensione: 5.8 MB
Download: Your Inspiration Folio

Master per Web Designer Freelance
In tutti questi anni abbiamo ricevuto centinaia di richieste di approfondimento sulle numerose tematiche del web design vissuto da freelance. Le abbiamo affrontate volta per volta. Ma ci siamo resi conto che era necessario fare qualcosa di più. Ecco perché è nato One Year Together, un vero e proprio master per web designer freelance che apre finalmente le porte al mondo del lavoro.
Scopri One Year Together »
[pdf]Scarica articolo in PDF[/pdf]
Tags: , ,

The Author

Nando is administrator of Edi Group, a Sicilian web agency founded in 2005. He deals with the development of web applications in php language and the implementation and administration of databases. And besides Microsoft Trainer with years of experience in regional and private training courses as a designer and lecturer.

Author's web site | Other articles written by

Related Posts

You may be interested in the following articles:

122 comments

  1. Robert
  2. ertan
  3. Lorraine
  4. Taurin
  5. Ben
  6. Jessica
  7. albert5b
  8. Alejandro
  9. fritz
    • Fet
  10. Fet
  11. Bob
  12. Bob
  13. Bob
  14. Ceddars
  15. MatthewGrover
  16. Lucy
  17. Milan Stosic
    • Andrew
    • Milan Stosic
    • Andrew
  18. Bob
  19. jane
  20. Nicole
  21. kry
  22. brenda
  23. Muthu
  24. Sohbet
  25. Angela

Trackback e pingback

  1. One-page-folio: How to create a layout for your portfolio? | Your Inspiration Web
    [...] Thus, you’ll have a free original and creative template for your portfolio, in xhtml and css. Down... Versione: 1.0Pubblicato: …
  2. 20+ Free Portfolio Templates, Themes And PSDs :: Graficznie
    [...] Your Inspiration Folio (With PSD) (demo) [...]
  3. 20+ Free Portfolio Templates, Themes And PSDs | Site Design Tips
    [...] single page portfolio template with a unique design that has a slider and tooltips integrated.Your Inspiration Folio (With PSD) …
  4. 20+ Free Portfolio Templates, Themes And PSDs - Programming Blog
    [...] Your Inspiration Folio (With PSD) (demo) [...]
  5. 20+ Free Portfolio Templates, Themes And PSDs | Seventy Seven magazine
    [...] Your Inspiration Folio (With PSD) (demo) [...]
  6. 20 plantillas gratuitas para tu portafolio | VisualGraf Comunicación
    [...] Your Inspiration Folio (PSD) (demo) [...]
  7. wp-popular.com » Blog Archive » Free website template: present your portfolio online in a single webpage | Your Inspiration Web
    [...] this link: Free website template: present your portfolio online in a single webpage | Your Inspiration Web Tags: design, …
  8. WhiteFolio: a free template for a portfolio (but not only) elegant and creative | Your Inspiration Web
    [...] released in the course of this first year of blogging  (don’t tell me that you lost YIFolio and YIMinimal!), we …
  9. 10 Free WordPress Portfolio Themes « Web Design Tutorials | Web Design Stuff
    [...] 2. Your Inspiration Folio [...]
  10. 10 Free Minimalist HTML Portfolio Templates
    [...] Your InspirationFolio Graphically beautiful and great for freelancer and individual web/graphic designers. [...]
  11. Free One Page Portfolio Templates | manic subsidal
    [...] Your Inspiration Folio [...]
  12. 20+ Free Portfolio Templates, Themes And PSDs | The Web logix Blog
    [...] Your Inspiration Folio (With PSD) (demo) [...]
  13. Parallax Resume Templates Free Download « Free Web Templates Online
    [...] Download [...]
  14. 40+ Creative Portfolio Website PSD Templates
    [...] Your Inspiration Folio Template – MORE INFO [...]
  15. 40+ Creative Portfolio Website PSD Templates | Web Development, Search Engine Optimization, Social Media Marketing Guru
    [...] Your Inspiration Folio Template – MORE INFO [...]
  16. Portfolio Website PSD Templates download - bcstatic.com
    [...] Your Inspiration Folio Template – MORE INFO [...]
  17. 13+ Free One Page HTML/CSS Templates Part2 | Allxnet
    […] Site: www.yourinspirationweb.com […]
  18. 25 Best Tutorials for Building a Custom Portfolio Website
    […] Free Portfolio Template Design […]
  19. Darmowy, prosty i przyjemny szablon na twoją stronę | successus
    […] Szablon można pobrać tu: link […]
  20. 10 Best Tutorials for Building a Custom Portfolio Website
    […] Free portfolio template design […]
  21. 10 Best Tutorials for Building a Custom Portfolio Website | My great WordPress blog
    […] Free portfolio template design […]

Leave a Reply

Current day month ye@r *