-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact_us.html
120 lines (118 loc) · 5.51 KB
/
contact_us.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
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Professional Self Defense Institute - Contact Us</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="/psdi/bower_components/bootstrap/dist/css/bootstrap.css">
<style type="text/css">
html, body {
height: 100%;
}
#map-container {
height: 300px;
}
#map-canvas {
width: 100%;
height: 300px;
}
</style>
<!-- Google Maps API call and JavaScript initialization function -->
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize() {
var myLatLng = new google.maps.LatLng(39.090627, -108.590241);
var mapOptions = {
center: myLatLng,
zoom: 16,
mapTypeId: google.maps.MapTypeId.HYBRID
}
myMap = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var marker = new google.maps.Marker({
position: myLatLng,
map: myMap,
title:"Professional Self Defense Institute"
});
}
google.maps.event.addDomListener(window, 'load', initialize);
marker.setMap(myMap);
</script>
</head>
<body>
<div class="container">
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNav">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">PSDI</a>
</div>
<div class="collapse navbar-collapse" id="myNav">
<ul class="nav navbar-nav">
<li>
<a href=".\index.html">Home</a>
</li>
<li>
<a href=".\programs.html">Programs</a>
</li>
<li>
<a href=".\video_gallery.html">Video Gallery</a>
</li>
<li>
<a href=".\about_us.html">About Us</a>
</li>
<li class="active">
<a href=".\contact_us.html">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div id="map-container" class="container">
<div id="map-canvas"></div>
</div>
<div class="container">
<h2>Grand Junction</h2>
<address>
<strong>Master Steve Shover</strong><br>
591 25 Rd<br>
Suite A7<br>
Grand Junction, CO<br>
81505<br>
<abbr title="Phone">P:</abbr> (970) 250-2521<br>
<abbr title="Email">E:</abbr> <a href="mailto:[email protected]">[email protected]</a>
</address>
<p>We are located at the corner of 25 Rd and Commerce Blvd. The entrance is on Commerce Blvd. at the northwest corner of the building.</p>
</div>
<div class="container">
<h2>Contact Us</h2>
<p>If you wish, you can use the below form to enter any comments, questions, or concerns you may have to us. We look forward to hearing from you soon!</p>
<form>
<div class="form-group">
<label for="firstName">First Name</label>
<input type="text" class="form-control" id="inputName1" placeholder="John"><br>
<label for="lastName">Last Name</label>
<input type="text" class="form-control" id="inputName2" placeholder="Smith"><br>
<label for="emailAddress">Email Address</label>
<input type="email" class="form-control" id="inputEmail" placeholder="[email protected]"><br>
<label for="phoneNumber">Phone #</label>
<input type="tel" class="form-control" id="inputPhone" placeholder="(555) 867-5309"><br>
<label for="comments">Comments</label>
<textarea class="form-control" rows="5" placeholder="Leave your questions or comments here...Thank you!"></textarea><br>
<input type="Submit" name=""/>
</div>
</form>
</div>
<!-- Javascript -->
<script src="/psdi/bower_components/jquery/dist/jquery.js"></script>
<script src="/psdi/bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="/psdi/assets/js/site.js"></script>
</body>
</html>