-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.php
91 lines (91 loc) · 3.51 KB
/
contact.php
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
<?php
include_once('init.php');
$title = 'Walfdreams | Contact';
GetHeader($title);
GetHeaderClosing();
get_html_navbar();
?>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=134781766629888";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="down">
<div class="container center">
<div class="row-fluid">
<div class="span4"><center><img src="assets/img/logo.png"></center></div>
<div class="span8">
<h1>Contact Us</h1>
<div class="ribbon-stitches"></div>
<div class="row-fluid" id="contact-us">
<div class="span4">
<form name="contactform" id="contactform">
<input type="email" name="email" id="email" placeholder="Email" required>
<input type="text" name="name" id="name" placeholder="Name" required>
<input type="text" name="phone" id="phone" placeholder="Phone (Optional)">
<textarea name="message" rows="3" id="message" placeholder="Message" style="height: 99px" required></textarea>
<button type="submit" id="send" class="btn btn-large btn-block"><i class="fwicon-envelope"></i> Send</button>
</form>
<div id="loading" height="25%" style="display: none">
<center><img src="assets/img/load.gif"></center>
</div>
<div id="infobox" class="alert alert-success" style="display: none">
Message Sent! <strong>Thank You</strong>.
</div>
</div>
<div class="span8">
<p><h3>Like Our Facebook : </h3>
<div class="fb-like" data-href="http://www.facebook.com/Walfdreams" data-send="true" data-width="450" data-show-faces="true"></div>
</p>
<p><h3>Follow Our Twitter : </h3>
<a href="https://twitter.com/WalfDreams" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @WalfDreams</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</p>
<a class="btn btn-large" href="http://www.facebook.com/walfdreams"><i class="fwicon-facebook"></i> Walfdreams</a>
<a class="btn btn-large" href="http://www.twitter.com/walfdreams"><i class="fwicon-twitter"></i> @walfdreams</a>
</div>
</div>
</div>
</div><!--row-fluid-->
</div>
</div><br><br><br>
<?php
get_html_footer();
?>
<!--<script src="assets/js/contact.js"></script>-->
<script>
$(document).ready(function() {
//$('#contactForm').submit(function(event) {
//event.preventDefault();
$('#send').click(function() {
$('#send').fadeOut(500);
setTimeout(function() {
$('#loading').show();
}, 500);
var name = $("input#name").val();
var email = $("input#email").val();
var phone = $("input#phone").val();
var message = $("input#message").val();
var dataString = 'name='+ name + '&email=' + email + '&phone=' + phone + '&message=' + message;
$.ajax({
type: "POST",
url: "ajaxemail.php",
data: dataString,
success: function() {
$('#loading').fadeOut(500);
setTimeout(function() {
$('#infobox').show();
$('#infobox').addClass('animated flipInX');
}, 500);
}
});
return false;
});
});
</script>
<?php
get_html_closing();
?>