“Vivid Photo” is a modern and elegant Photography Website Template. It is cross browser compatible and created to suit needs of photographers. The template is made using HTML5, jQuery and CSS3 with no external fonts, HTML5 Contact Form and a lot more stuff for various functionalities. You are free to use it for your personal as well as commercial projects. It is released under New BSD License, read more about it here.
NOTE: The template might take a little time to load because of the heavy images I am using.
Features
- One Page
- HTML5
- CSS3
- jQuery
- Responsive Design
- W3C Valid HTML5
- No External Font
- jQuery Fullscreen Gallery
- jQuery Content Boxes
- jQuery Mouse Wheel Plugin
- jQuery Scrollbar
- HTML5 Contact Form
- Cross Browser Compatible
- Easily Customizable
- Totally Free! Released under New BSD License.
- And Much More…
Preview(Click for larger image)
Latest Version: 2.0
- 1.0: Stable Version
- 1.2: Navigation Fixed To Right
- 2.0: Made From Scratch, A Lot Of New Things
Hi Pritesh firstly Id like to say your work is really brilliant and thank you for sharing your templates on your website, much appreciated. I am currently trying to use the vivd photo template, I have replaced the car images with pictures i would like to use. but I keep on getting the problem with the how the background image is displayed, it always gets chopped off at the bottom in fullscreen browser but when i restore down my broswer i can see the full image. is there anything i can do so that the background image is shown entirely whether full screen of with the browser screen shrinked down.i look forward to you response. thanks in advance!
Glad you liked it!
Yes, I know about that, I will suggest you to use another resolution for your pictures.
Hi Pritesh,
I appreciate your html reference source code.
I have a question.
When I tried to write page in Korean not English, Korean words disappeared.
Could you let me know how I could write html page in Korean?
In other words, is it possible for me to write Korean HTML pages?
I’m looking forward to your response.
Thanks!
For more information about my post above, I would like to show you some screenshot on this.
In the file ‘HTML_chromeScreenshot_regarding_Korean.jpg’, You could see some Korean words in index.html. and also you could see the English words on Google Chrome.In the file ‘screenshot_Aptana_chrome.jpg’, you could see the English and Korean words on Aptana built-in Browser. And you could see the only English words on Google Chrome. What’s more, After most of browser including Safri, Chrome and so on display Korean and English words at first, it seems that the browsers ignore Korean Words. Could I get how to handle it?Thanks!
You need to have background images in place?
Thanks for your reply!
Yes, I do. I would like very much your background image display matching with the thumbnail at bottom. This feature is one of reasons I use your wonderful template.
Uhh,
This website template is made using cufon fonts, you need to use a Korean cufon fonts in place so that Korean things show up.
http://cufon.shoqolate.com/generate/
Pritesh, WOW! this is one of the best free templates I ever found online. Two questions:
1. I was wondering if there is a way to introduce an image logo in the top-left side…
Would be a really useful feature!
2. Is it possible to have the images slide automatically at a defined time? As I understand now they only change when thumbnail button is pressed.
Keep up the good work and thank you for sharing.
))
Sharing is caring.
1. Yes, I think so.
2. Yeah, I am working on a new version, which has this feature.
Glad you liked it…
Any idea on how to actually introduce that logo so it sits on top of background images? i was trying to put it in using Dreamweaver, but the fact is I am not skilled enough. I do product design, not graphic or web…
Cheers,
You will need to define an element on that part, and then add CSS properties on it.
Like,
And CSS like,#xyz { background: url(logo.jpg);
heigh: 200;
width: 200;
}
and so on.
And yea, do remember z-index also.
thanks a lot, but i am afraid Pritesh that this is well beyond my skills. i will just pray that you will find this feature interesting and useful and add it in…
hi, where in the code would you have to put in the email address where you want the email to be delivered on the Contact tab?
cheers Pritesh! nice design!
hello, this website is nice, but it seems to be having problems when wieved on Internet Explorer. Where could the problem be?
It works only with IE 9+, and that too not very nicely.
any way around this issue
?
Hi, Really cool site. One issue I’m seeing on the about, contact, and project pages. How do you close the pages?
Frank
There is a cross icon in the top of the pop up box.
Love love love the template. Being an Oracle DBA and old PHP coder, I was able to figure out what it’s doing pretty well. Only question I have has to do with the form. How would one reload the Contact page after the form is submitted (say with a ‘Thank you for submittal, we will contact you soon’ message)? Since there is only one page (index.html), I think you would have to reload index and somehow tell the page to load the contact popup? What are your suggestions?
Glad you liked the template!
Umm, the contact form is a super basic HTML 5 Contact Form, the thing you are asking are there in those AJAX forms, my other template, Immaculate will be a super resource if you need something like this.
Does your theme not work for WordPress 3.2.1?
Or maybe .zip is broke?
It is not a WordPress theme.
Template works wonderfully in Chrome and Fire Fox. IE9 it fails horribly. I’m trying to debug the issues, no solution yet. I would really love it to be compliant. If anyone finds a solution please post.
Haha! Found it on a WordPress themes site.
Nice work
Cool template. But I’m having trouble viewing my images in full. Any ideas why?. Thanks.
Great Template!! Any tips on how can i make the main menu slide right to hide?? And unhide when clicked? its sort of blocking the high res image?
Hello. It is a lovely template.
What is the diference between index and index-uncompressed?
Thank you
Hi, I also cannot find the cross icon to close the pop up pages. I have tried Chrome, Firefox, and IE9. How can this be fixed? Aside from this issue, you have an amazing template!
is it a blogger template, isn’t it? so, how do i install it? i haven’t found a .xml archive on the zip file…
Excellent
template, is it possible to set it up so the images scroll automatically (without
clicking an image) ?
Prompt please as it to establish in Joomla 1.7
The contact form needs the form.php, but the file isn’t included. How can I get the missing file?
Adapted’m trying your template into Spanish, but I can not recognize my accents and ñ. I mean the special characters. I tried to introduce into each & ea cute, but I do not recognize, at least in the preview. You know how it could do to solve this problem?
Hi,
I am using your page as a landing page and wondering if there is anyway I can put a logo on the top left of the page. I did put the logo BUT it disappears as soon as the background image loads. If you can give any guidance regarding making it non-transparent I would appreciate if very much.
Thanks
Hi, here is a form working :
Awesome template!!! I love it!!! I’m using it as a gallery I have one question…
Im trying to place a image instead of the name of the page.. but it disappear when the image is loaded.. where can I change the script so my logo stays on the page??
Thank you very much!!
awesome! <3
You’ll find the icon in the images file. It is called close.png. I just colored it electric red and now people can see it.
great work i love it.
Hi maybe some of you can help me with an issue that I’m having.. Im trying to make the close button stay in the top right of the pop-up page so I can close it at anytime.. any suggestion?? anyone =)
Thanks
first thing, great site… love it. I just wish i was able to get the form.php to work, can you please help?
Какой размер поставить?
1920х1000?
Hi!
I love this template, thanks for sharing, I use it as a portfolio page. (http://www.lujoarchvis.hu)
I’d have one question only, is it possible to move the popup windows vertically on the screen? As on lower resolutions (like my laptop’s 1366×768) you can’t see the little “x” to close the popup as it “goes out of the screen”.
I’m not too good at html/css/js programming, still I could use a help with this!
Thx in advance!
As a template to connect to JOOMLA?
did you perhaps find what was the main problems Jeff B?
Great gallery for html5 template !
Thanks !! In my collection
Great job. Thanks for sharing.