Premium Single Page Portfolio WordPress Theme for Your Business Free Download
July 24, 2010 at 5:17 am | Blog, Download | 19 comments
Pengbo’s Inspiration is a free wordpress theme which allows you to be present on the web in a professional way as well as a simple and functional layout at the same time.
The entire website is designed 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.
It is under Creative Commons license too.
This theme is developed basing on a free template, Your Inspiration Folio from Your Inspiration Web. Thanks and Credits to them.
demo speaks louder than words: demo
*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.
*The various sections Pengbo’s 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!
*Portfolio*
This section is entirely dedicated to the exhibition of your works. For this particular purpose Fancy-zoom has been used, a jQuery plugin which allows the display of image enlargement by means of an animated effect. Actually the original design is based on Mootools framework, but it is more compatible to use jQuery in wordpress, I adopt the jQuery version of facyzoom instead. 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.
*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.
Features:
- Single Page
- 960 grids powered
- elegant scroll style, no need to use scroll bar
- fancyzoom enabled portfolio
- SEO friendly
- Customized Custom Field Ready
- Ready to use Contact form
- Easy to add images for custom field
- Cross Browser Compatible
- WordPress 2.8 – 3.0 compatible
- Simple and Poweful Admin Theme Options
- Well Documented
Check out the demo site here:
Own it by yourself: Pengbo’s Inspiration V0.1 (Size 508.5 kB)
Credits: Thanks Your Inspiration Web for sharing your work.
I developed this theme by my spare time. It took me two weekends and many nights to accomplish. If you enjoy this them or it helps you, could you help support its continued development by making a small contribution?
If I wanted to change colors and text how do I go about doing this? I do not see the css page to edit when I am on WordPress-Apearance-Edit.
By the way,
You are amazing at what you do. Thank you for inspiration and your help with these well made pages.
admin Reply:
September 1st, 2010 at 9:50 am
Thanks for your nice words ali.
You are right, that you did not see the css in the style.css. Because, the css are included in the style.css file like
@import “css/print.css”;
@import “css/960.css”;
@import “css/screen.css”;
If you want to change the css, you have to change the screen.css file directly.
If you still have issues, please let me know.
Thanks and regards
Pengbos
Hi!
Thanks in advance for all this work.
One question:
In the contact section, the form doesn’t have any action. It is method=”post” action=”". How can the form work that way? Is it right to put action=”include/inc_sendmail.php”?
Anyway, the original index.htm works (I get the e-mail and also the “The email has been sent successfully.” notification) but not your WP version. What can be happening?
Thank you.
Fernando
admin Reply:
September 10th, 2010 at 11:46 am
Hi Fernando,
It uses Ajax (javascript) to handle the user action. If you look into the form-contact-validate.js in the js folder. Go to line 13, the form contacts is subscribe to the submit action. Once the submit button is clicked, it will send request to include/inc_sendmail.php.
If you put action action=”include/inc_sendmail.php”. it also works. but the page will direct to the inc_sendmail.php page. it is not as good as using Ajax to handle the submit.
Thanks for your downloading.
If you still have any questions. I am here to help.
Best regards
Pengbos.com
admin Reply:
October 21st, 2010 at 3:21 am
Hi Fernando,
There is a bug in the form-contact-validate.js, there is a typo.
Please go to form-contact-validate.js in the js folder, line 14.
change ‘include/inc_sendmail.php’ to ‘/include/inc_sendmail.php’
Thanks and Regards
Pengbo
Hi !
Excellent theme .Do you mind if I use it for my wordpress based Multisite Installation?
Thanks !
admin Reply:
October 10th, 2010 at 5:35 pm
Hi,
Sure, you can use it. But you need to keep the url, and reference back. Or just donate a little money to remove the link.
Thanks
Oh ! Thanks !
i dont know how to add content and link it up to the sections? eg home about portfolio contact…. is it a page im adding or content?
please heklp!
admin Reply:
October 12th, 2010 at 5:27 am
Hi Liam,
for home, about, contact, you have to add pages for them separately at the back-end. For example, you create a page named “home” and add contents for this page, the content will be displayed on the home section. so as the other two pages.
For portfolio, it is a category, you need to create a category named “portfolio” and add post to this category, and these posts will be displayed on the portfolio section.
You can check out the http://pengbos.com/blog/screencast-how-to-build-a-portfolio-website-with-a-free-wordpress-theme for more details.
If you still has questions, please let me know.
Thanks
I liked a resource. Already many resources look well at last that have learned to do beautifully. Our information century has forced people to do the affairs and instantly to solve any questions through a global network the Internet.
i have used the theme, but my contact form doesn’t work..
if send any message nothing happens only Ajax loading, then nothing happens!!
what things should i do for the customization of the contact form. i have seen the “Fernando’s” question but still i can’t understand. can you help sir ?
admin Reply:
October 21st, 2010 at 3:19 am
Hi Gowtham,
Sorry, it is my bad. There is a bug in the code.
Please go to form-contact-validate.js in the js folder, line 14.
change ‘include/inc_sendmail.php’ to ‘/include/inc_sendmail.php’
Thanks and regards
Pengbo
There is obviously a lot to know about this. I think you made some good points in Features also.
Keep working ,great job!
Thanks for theme.
How to add ‘blog’ above ‘contact’?
admin Reply:
November 11th, 2010 at 4:04 pm
do you mean you want to add a new menu “blog”? you need to change the code.
fajrul Reply:
November 25th, 2010 at 5:59 am
do you mind if you tell me how to change the code?
admin Reply:
November 25th, 2010 at 8:50 am
the question is too general, what do you want to change exactly?
how to add image at the header, so i can add my logo there… thanks,…..