<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>DreamTemplate</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(function(){
$('#contactform').submit(function(){
var action = $(this).attr('action');
$.post(action, {
name: $('#name').val(),
email: $('#email').val(),
company: $('#company').val(),
subject: $('#subject').val(),
message: $('#message').val()
},
function(data){
$('#contactform #submit').attr('disabled','');
$('.response').remove();
$('#contactform').before('<p class="response">'+data+'</p>');
$('.response').slideDown();
if(data=='Message sent!') $('#contactform').slideUp();
}
);
return false;
});
});
// ]]>
</script>
</head>
<body>
<div class="main">
<div class="blok_header">
<div class="header">
<div class="logo"> <a href="index.html"><img src="images/logo.gif" width="349" height="98" border="0" alt="logo" class="one" /></a> </div>
<div class="galeria">
<p><a href="#" class="thre"><img src="images/spacer.gif" alt="pisture" width="24" height="23" border="0" /></a> <a href="#" class="sek"><img src="images/spacer.gif" alt="pisture" width="24" height="23" border="0" /></a> <a href="#" class="first"><img src="images/spacer.gif" alt="pisture" width="24" height="23" border="0" /></a> </p>
</div>
</div>
<div class="clr"></div>
</div>
<div class="menu_resize_bg">
<div class="menu_resize">
<div class="menu">
<ul>
<li><a href="index.html"><span>Home Page </span></a></li>
<li><a href="portfolio.html"><span>Services</span></a></li>
<li><a href="portfolio.html"><span>Portfolio</span></a></li>
<li><a href="about.html"><span> About Us </span></a></li>
<li><a href="contact.html" class="active"><span> Contact Us</span></a></li>
</ul>
</div>
<div class="search">
<form id="form1" name="form1" method="post" action="">
<label><span>
<input name="q" type="text" class="keywords" id="textfield" maxlength="50" value="Search..." />
</span>
<input name="b" type="image" src="images/search.gif" class="button" />
</label>
</form>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
<div class="body_resize">
<div class="body">
<h3>Contact Us</h3>
<div class="left">
<h2>Contact Form</h2>
<p>orci massa feugiat ligula, sed bibendum nibh dui porta lorem. Duis nulla enim, porta in mattis quis, tristique vitae metus. Donec quam arcu, bibendum a feugiat eget, vehicula in elit. Cum sociis natoque penatibus et magnis dis parturient montes </p>
<div class="form">
<form action="contact.php" method="post" id="contactform">
<ol>
<li>
<label for="name">First Name <span class="red">*</span></label>
<input id="name" name="name" class="text" />
</li>
<li>
<label for="email">Your email <span class="red">*</span></label>
<input id="email" name="email" class="text" />
</li>
<li>
<label for="company">Company</label>
<input id="company" name="company" class="text" />
</li>
<li>
<label for="subject">Subject</label>
<input id="subject" name="subject" class="text" />
</li>
<li>
<label for="message">Message <span class="red">*</span></label>
<textarea id="message" name="message" rows="6" cols="50"></textarea>
</li>
<li class="buttons">
<input type="image" name="imageField" id="imageField" src="images/send.gif" class="send" />
<div class="clr"></div>
</li>
</ol>
</form>
</div>
</div>
<div class="right">
<h2>Get in touch!</h2>
<p><strong>Address</strong>: 1458 Sample Road, Greenvalley<br />
<strong>Telephone</strong>: +123-1234-5678<br />
<strong>FAX:</strong> +458-4578<br />
<strong>Others</strong>: +301 - 0125 - 01258<br />
<strong>E-mail</strong>: mail@yoursitename.com </p>
<img src="images/Twitter.gif" alt="pisture" width="287" height="70" />
<h2>Testimonials</h2>
<p><em>“ Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridicu lus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. „</em><br />
<strong><em>- John Doe, companyname.com </em></strong></p>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div class="FBG_blog">
<div class="FBG_blog_resize"> <a href="#"><img src="images/logo_body.gif" alt="pisture" width="144" height="62" border="0" /></a>
<div class="recent">
<h2>Welcome to my site.</h2>
</div>
<div class="recent2">
<p>Dipisicing elit, sed do eiusmod tempor incididunt ut labore et?</p>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="FBG">
<div class="FBG_resize">
<div class="left">
<h2>About </h2>
<ul>
<li><a href="#">Overview</a></li>
<li><a href="#">Another Link</a></li>
<li><a href="#">Our Company</a></li>
<li><a href="#">Our Staff</a></li>
<li><a href="#">Mission </a></li>
<li><a href="#">Statement</a></li>
</ul>
</div>
<div class="left">
<h2>Services</h2>
<ul>
<li><a href="#">First Service</a></li>
<li><a href="#">Second Service</a></li>
<li><a href="#">Another Service</a></li>
<li><a href="#">A Fourth Service</a></li>
</ul>
</div>
<div class="left">
<h2>Media</h2>
<ul>
<li><a href="#">Image Gallery</a></li>
<li><a href="#">Video Gallery</a></li>
<li><a href="#">Audio Files</a></li>
<li><a href="#">The Podcast</a></li>
</ul>
</div>
<div class="left">
<h2>Blog</h2>
<ul>
<li><a href="#">Category One</a></li>
<li><a href="#">Category 2</a></li>
<li><a href="#">Another Category</a></li>
<li><a href="#">Category</a></li>
<li><a href="#">A Fifth Category</a></li>
</ul>
</div>
<div class="left">
<h2>More Links</h2>
<ul>
<li><a href="#">Sign Up Now</a></li>
<li><a href="#">We Are Hiring</a></li>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
<div class="left">
<h2>Contact Us</h2>
<ul>
<li><a href="#">Email Sales</a></li>
<li><a href="#">Email Support</a></li>
<li><a href="#">Phone: 555-555-3211</a></li>
<li><a href="#">Send Us Feedback</a></li>
</ul>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div class="footer">
<div class="footer_resize">
<p class="leftt">© Copyright websitename . All Rights Reserved. <a href="#">Home</a> | <a href="#">Contact</a> | <a href="#">RSS </a></p>
<p class="right">(DT) <a href="http://www.dreamtemplate.com"><strong>Website Templates</strong></a></p>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
</body>
</html>