-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathform_contact.php
124 lines (108 loc) · 5.27 KB
/
form_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
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
118
119
120
121
122
123
124
<?php session_start(); ?>
<?php include 'header.php' ?>
<body>
<div class="brand">Best Friend Ever</div>
<div class="address-bar">Everything about dogs</div>
<<?php include 'navigation.php' ?>
<div class="container">
<div class="row">
<div class="box">
<div class="col-lg-12">
<hr>
<h2 class="intro-text text-center">Contact
<strong>Best Friend Ever</strong>
</h2>
<hr>
</div>
<div class="col-md-8">
<!-- Embedded Google Map using an iframe - to select your location find it on Google maps and paste the link as the iframe src. If you want to use the Google Maps API instead then have at it! -->
<iframe width="100%" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?hl=en&ie=UTF8&ll=37.0625,-95.677068&spn=56.506174,79.013672&t=m&z=4&output=embed"></iframe>
</div>
<div class="col-md-4">
<p>Phone:
<strong>718.477.3782</strong>
</p>
<p>Email:
<strong><a href="mailto:name@example.com">contact@bestfriendever.com</a></strong>
</p>
<p>Address:
<strong>811 Carolina Avenue
<br>Staten Island, NY 10314</strong>
</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="row">
<div class="box">
<div class="col-lg-12">
<hr>
<h2 class="intro-text text-center">Contact
<strong>form</strong>
</h2>
<hr>
<p class="text-center">Thank you for your interest in our web site!<br>
If you would like to ask a question or suggest a new topic, please fill out the following information.
We are happy to hear from you.
Please note your information is kept confidential and we will NOT sell or give your information to another party.
</p>
<br>
<br>
<!--for testing purpose only -->
<!-- <div class="bs-callout bs-callout-warning hidden">-->
<!-- <h4>This form seems to be invalid!</h4>-->
<!-- </div>-->
<!---->
<!-- <div class="bs-callout bs-callout-info hidden">-->
<!-- <h4>Yay! Everything seems to be ok.</h4>-->
<!-- </div>-->
<form id="contact" role="form" action="info.php" data-parsley-validate="" method="post">
<div class="row">
<div class="form-group col-lg-4">
<label for="name">Name *</label>
<input id="name" type="text" name="name" class="form-control" data-parsley-pattern="/^[a-zA-Z .'-]+$/i" required="">
</div>
<div class="form-group col-lg-4">
<label for="email">Email Address *</label>
<input id="email" type="email" name="email" class="form-control" data-parsley-type="email" required="">
</div>
<div class="form-group col-lg-4">
<label for="phone">Phone Number</label><span> (example: +1 555 555 5555)</span>
<input id="phone" type="text" name="phone" class="form-control"
data-parsley-trigger='keyup' data-parsley-pattern="^\+(?:[0-9] ?){6,14}[0-9]$" >
</div>
<div class="clearfix"></div>
<div class="form-group col-lg-12">
<label for="message">Message *</label>
<textarea id="message" class="form-control" rows="6" name="message" required=''
data-parsley-trigger='keyup' data-parsley-maxlength='5000'
data-parsley-maxlength-message='Your message is too large.' data-parsley-validation-threshold='1'></textarea>
</div>
<div class="form-group col-lg-12">
<input type="hidden" name="save" value="contact">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- /.container -->
<!-- form validation script -->
<script type="text/javascript">
$(function () {
$('#contact').parsley().on('field:validated', function() {
var ok = $('.parsley-error').length === 0;
$('.bs-callout-info').toggleClass('hidden', !ok);
$('.bs-callout-warning').toggleClass('hidden', ok);
})
.on('form:submit', function() {
return true;
});
});
</script>
<?php include 'footer.html' ?>
<?php include 'Scripts.html' ?>
</body>
</html>