-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
111 lines (89 loc) · 4.76 KB
/
contact.html
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
<!DOCTYPE html>
<html>
<head>
<title>Free HTML5 Templates</title>
<meta name="description" content="website description" />
<meta name="keywords" content="website keywords, website keywords" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!-- modernizr enables HTML5 elements and feature detects -->
<script type="text/javascript" src="js/modernizr-1.5.min.js"></script>
</head>
<body>
<div id="main">
<header>
<div id="header_section">
<div id="welcome">
<h2>Free HTML5 Vibes</h2>
</div><!--close welcome-->
<nav>
<ul id="nav">
<li><a href="index.html">Home</a></li>
<li><a href="ourwork.html">Our Work</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="projects.html">Projects</a></li>
<li class="current"><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
<div id="site_content">
<div id="content">
<h2>Contact Us</h2>
<p>A contact form requires some method of emailing the contents of the form to an email address. The most common way to do this is to use some kind of server script (PHP for example). I would be happy to send you the PHP code for the contact form for your chosen template, I charge £20.00GBP for this. Simply contact me for more details.</p>
<div class="slideshow">
<ul class="slideshow">
<li class="show"><img width="700" height="300" src="images/home_1.jpg" alt=""Enter your caption here"" /></li>
<li><img width="700" height="300" src="images/home_2.jpg" alt=""Enter your caption here"" /></li>
</ul>
</div><!--close slideshow-->
<div class="sidebar_container">
<div class="sidebar">
<div class="sidebar_item">
<h2>New Website</h2>
<p>Welcome to our new website. Please have a look around, any feedback is much appreciated.</p>
</div><!--close sidebar_item-->
</div><!--close sidebar-->
<div class="sidebar">
<div class="sidebar_item">
<h2>Latest Update</h2>
<h3>February 2014</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque cursus tempor enim.</p>
</div><!--close sidebar_item-->
</div><!--close sidebar-->
<div class="sidebar">
<div class="sidebar_item">
<h3>January 2014</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque cursus tempor enim.</p>
</div><!--close sidebar_item-->
</div><!--close sidebar-->
<div class="sidebar">
<div class="sidebar_item">
<h2>Contact</h2>
<p>Phone: +44 (0)1234 567891</p>
<p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
</div><!--close sidebar_item-->
</div><!--close sidebar-->
</div><!--close sidebar_container-->
<div class="content_item">
<div class="form_settings">
<p><span>Name</span><input class="contact" type="text" name="your_name" value="" /></p>
<p><span>Email Address</span><input class="contact" type="text" name="your_email" value="" /></p>
<p><span>Message</span><textarea class="contact textarea" rows="8" cols="50" name="your_message"></textarea></p>
<p style="padding: 10px 0 10px 0;">Please enter the answer to this simple maths question (to prevent spam)</p>
<p><span>Maths Question: 9 + 3 = ?</span><input type="text" name="user_answer" class="contact" /><input type="hidden" name="answer" value="4d76fe9775" /></p>
<p style="padding-top: 15px"><span> </span><input class="submit" type="submit" name="contact_submitted" value="Send" /></p>
</div><!--close form_settings-->
</div><!--close content_item-->
</div><!--close content-->
</div><!--close site_content-->
<footer>
<a href="index.html">Home</a> | <a href="ourwork.html">Our Work</a> | <a href="testimonials.html">Testimonials</a> | <a href="projects.html">Projects</a> | <a href="contact.html">Contact</a><br/><br/>
<a href="http://validator.w3.org/check?uri=referer">Valid HTML5</a> | website template by <a href="http://www.freehtml5templates.co.uk">Free HTML5 Templates</a>
</footer>
</div><!--close main-->
<!-- javascript at the bottom for fast page loading -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/image_slide.js"></script>
</body>
</html>