-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathcontact.html
139 lines (128 loc) · 7.35 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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<html>
<head>
<title>Welcome to HistoriCal</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap core CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href='assets/css/styles.css' rel='stylesheet' type='text/css'>
</head>
<body>
<!--Start Navigation -->
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="index.html">Histori<span class="calNav">CAL</span></a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="landmarks.html"><span class="calNav">Landmarks</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownPortfolio" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="calNav">Browse by map</span>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownPortfolio">
<a class="dropdown-item" href="northside-berkeley.html">Northside Berkeley</a>
<a class="dropdown-item" href="west-berkeley.html">West Berkeley</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownPortfolio" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="calNav">Create a tour</span>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownPortfolio">
<a class="dropdown-item" href="walking-tour.html">Walking Tour</a>
<a class="dropdown-item" href="bicycle-tour.html">Bicycle Tour</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html"><span class="calNav">Contact</span></a>
</li>
</ul>
</div>
</div>
</nav>
<!--End Navigation -->
<div class="container">
<!--Start container -->
<!--Start Page Content -->
<!-- Top Panel -->
<div class="row">
<div class="col-lg-6 mt-4 mb-4">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Contact HistoriCal</h3>
</div>
<div class="panel-body">
<div class="text-left">
<div class="container">
<div class="card">
<div class="card-header">
Send us an email
</div>
<div class="card-block">
<form role="form">
<div class="form-group col-lg-12">
<label class="form-control-label" for="form-group-input">Name</label>
<input type="text" class="form-control" id="form-group-input" name="name">
</div>
<div class="form-group col-lg-12">
<label class="form-control-label" for="form-group-input">Email</label>
<input type="text" class="form-control" id="form-group-input" name="email">
</div>
<div class="form-group col-lg-12">
<label class="form-control-label" for="form-group-input">Reason</label>
<select size="0" class="form-control" name="reason">
<option>Tech Support</option>
<option>General Feedback</option>
</select>
</div>
<div class="form-group col-lg-12">
<label class="form-control-label" for="form-group-input">Notes</label>
<textarea class="form-control" id="form-group-input" name="notes" rows="6"></textarea>
<button type="button" class="btn btn-primary mt-1">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mt-4 mb-4">
<div id="map"></div>
</div>
</div>
<!-- End Top Panel -->
<!--End Page Content -->
<!--End container -->
</div>
<!-- Footer -->
<br>
<div class="row mb-4">
<div class="col-lg-12 text-center">
<button class="btn" id="home"><i class="material-icons ml-2 mr-2"> home</i></button>
<button class="btn" id="landmarks"><i class="material-icons ml-2 mr-2">account_balance</i></button>
<button class="btn" id="browse"><i class="material-icons ml-2 mr-2">date_range</i></button>
<button class="btn" id="tour"><i class="material-icons ml-2 mr-2">location_on</i></button>
<button class="btn" id="contact"><i class="material-icons ml-2 mr-2">settings</i></button>
</div>
</div>
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">Tour historic landmarks with historiCal! © 2018</p>
</div> <!-- /.container -->
</footer>
<!-- End Footer -->
<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA_AfrYQz44BdWqNjg_Ej72ktR6oiyvmzI"></script>
<script src="assets/js/maps.js"></script>
</body>
</html>