Azuru/contact.html at master · websheriff/Azuru · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!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>contact</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="header">
		<div class="block_header">
			<div class="logo"><a href="http://azuru.net/stage/index"><img src="http://azuru.net/test/images/logo.png" width="155" height="57" border="0" alt="logo" /></a></div>
			<div class="menu">
				<ul>
					<li><a href="http://azuru.net/stage/index">Projects</a></li>
					<li><a href="http://azuru.net/stage/blog">Blog</a></li>
					<li><a href="http://azuru.net/stage/team">Team</a></li>
					<li><a href="http://azuru.net/stage/about">About</a></li>
					<li><a href="http://azuru.net/stage/contact" class="active">Contact</a></li>
				</ul>
			</div>
		<div class="clr"></div>
	</div>
</div>
	<div class="slider2">
		<div class="slider2_resize">
			<h2>Contact us</h2>
			<p>If you have an questions, comments, concerns, or suggestions. Feel free to contact us using the form below.</p>
		</div>
	<div class="clr"></div>
</div>
	<div class="clr"></div>
		<div class="body">
			<div class="body_resize">
				<div class="right">
					<h2>Drop Us a Line<br /></h2>
						<p class="grey">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
						<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui off icia deserunt mollit anim id est laborum.</p>
						<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 Name</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" />
								</li>
							</ol>
						</form>
					</div>
	<div class="left">
		<div class="twitter">
			<div class="twitter_footer">
				<div class="twitter_top">
					<p>“ Suspendisse adipiscing rhoncus assa, sit amet sollicitudin quam vulputate non. In non turpis nisl.” </p>
						<p><strong>Follow us on Twitter</strong><br />
						<a href="twitter.com/azuru">@azurunet</a></p>
					</div>
				</div>
			</div>
		</div>
		<div class="clr"></div>
	</div>
</div>
</div>
<div class="footer">
	<div class="footer_resize">
		<p class="leftt">© Azuru 2012. All Rights Reserved.</p>
		<p class="rightt">&nbsp;</p>
		<div class="clr"></div>
	</div>
	<div class="clr"></div>
</div>
</body>
</html>