“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
Form process script with anti-spam:
In index.html in section add:
$(function() {
$(“#contactForm .button”).click(function() {
var name = $(“#name”).val();
var email = $(“#email”).val();
var message = $(“#message”).val();
var cake = $(“#cake”).val();
var dataString = ‘name=’ + name + ‘&email=’ + email + ‘&message=’ + message + ‘&cake=’ + cake;
$.ajax({
type: “POST”,
url: “process.php”,
data: dataString,
success: function(msg) {
if(msg == ‘sentMsgOK’) {
$(‘.sentMsg’).fadeIn(1000).delay(3000).fadeOut(1000);
document.getElementById(‘contactForm’).reset(); }
}});
return false;
});});
In section add:
Anti-Spam: “2 + 3 = ?”:
Under section add:
Message Sent
In style.css add:
#sentMsg {
position:relative;
top:0px;
left:90px;
color:#088A29;
display:none;
}
In process.php:
<?php
if($_POST){
$ipaddr=$_SERVER['REMOTE_ADDR'];
$name=$_POST['name'];
$email=$_POST['email'];
$message=$_POST['message'];
$cake=$_POST['cake'];
$body="Name: $name\nEmail: $email\nIP: $ipaddr\Message: $message";
if(!empty($name) && !empty($email) && !empty($message) && $cake=="5") {
if(mail("[email protected]", "Message from http://www.site.com", $body, "From: $name “)) {
die(‘sentMsgOK’); }
}}
?>
html string was cuted by reply form
http://pastebin.com/vL294SiW
ps. I forgot one thing, you must add “id=contactForm” in form
http://pastebin.com/i5kgcN2S