-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
195 lines (177 loc) · 9.81 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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!DOCTYPE html>
<html lang="en">
<!-- ########################## HEAD ########################### -->
<head>
<meta charset="utf-8" />
<meta name="author" content="Peggy Shen">
<meta name="keywords" content="Duquesne Incline, Pittsburgh">
<meta name="description" content="Official website of Duquesne Incline">
<title>Duquesne Incline</title>
<link rel="shortcut icon" type="image/jpg" href="images/DIlogo.png"/>
<!-- External Links to CSS -->
<link rel="stylesheet" media="all" type="text/css" href="css/styles.css" />
<!-- External Links to JS -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.accordion.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript">
$(function() {
$('#st-accordion').accordion();
});
</script>
</head>
<!-- ########################## BODY ########################### -->
<body>
<div id="topRow">
<header>
<img src="images/DIlogo.png" alt="Duquesne Incline Logo">
<h1><a href="index.html">Duquesne Incline</a></h1>
</header>
<nav>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a class="selected" href="contact.html">Contact</a>
<a href="visit.html">Visit</a>
</nav>
</div>
<div id="content">
<h3> CONTACT US </h3>
<table>
<tr>
<th>Parking</th>
<td><a href="https://goo.gl/maps/Qvfu9CnBAzZCKFuZA" target="blank">
1197 West Carson St.<br>Pittsburgh, PA 15219</a></td>
</tr>
<tr>
<th>Mailing</th>
<td><a href="https://goo.gl/maps/JAvBBVDmj6ExepNT6" target="blank">
1220 Grandview Ave.<br>Pittsburgh, PA 15211</a></td>
</tr>
<tr>
<th>Phone</th>
<td><a href="tel:412-381-1665"></a>412-381-1665</td>
</tr>
<tr>
<th>Email</th>
<td><a href="mailto:duq.incline@duquesneincline.org">
duq.incline@duquesneincline.org</a></td>
</tr>
<tr>
<th>Website</th>
<td><a href="http://www.duquesneincline.org/" target="blank">duquesneincline.org</a></td>
</tr>
</table>
<h4>Frequently Asked Questions (FAQ)</h4>
<!-- JQUERY ACCORDION -->
<div id="st-accordion" class="st-accordion">
<ul>
<li>
<a href="#">How are fares collected? What about my change?<span class="st-arrow">Open or Close</span></a>
<div class="st-content">
<ul>
<dd>The Duquesne Incline is part of the transportation system in Pittsburgh
and therefore uses the same CASH fare system as the buses and trolleys.
A change machine is available for your convenience. Having the exact
fare in hand speeds up the payment process considerably.</dd>
</ul>
</div>
</li>
<li>
<a href="#">How can I get a free ride as a senior?<span class="st-arrow">Open or Close</span></a>
<div class="st-content">
<ul>
<dd>Seniors 65 years and older can ride free if they can present a Senior
Citizen ID card. The Duquesne Incline is required to request a Pennsylvania
Senior Citizen ID card as proof of age in order to be
reimbursed by the Commonwealth of PA. No exceptions!</dd>
</ul>
</div>
</li>
<li>
<a href="#">Are there restrooms at the incline?<span class="st-arrow">Open or Close</span></a>
<div class="st-content">
<ul>
<dd>Sorry, no restrooms. A port-a-john is available outside of the lower
station. The Duquesne Incline has been part of Pittsburgh's transportation
system since 1877, similar to a trolley or to the cable cars of San
Francisco instead of an amusement ride.</dd>
</ul>
</div>
</li>
<li>
<a href="#">What are the expected wait times for the incline?<span class="st-arrow">Open or Close</span></a>
<div class="st-content">
<ul>
<dd>Weekend afternoons are our busiest times. Expect to wait in line for
about 10 minutes in both directions.</dd>
</ul>
</div>
</li>
<li>
<a href="#">How accessible is the incline?<span class="st-arrow">Open or Close</span></a>
<div class="st-content">
<ul>
<dd>There are many steps to traverse from the lower station parking lot.
The Upper Station located at 1220 Grandview Ave, Pittsburgh, Pa. 15211
is wheelchair accessible. Our observation deck is also wheelchair
accessible. The Historic (original) Incline cars can accommodate
wheelchairs up to 25 inches in width.</dd>
</ul>
</div>
</li>
</ul>
</div>
<h4> Send Us a Message </h4>
<p> Didn't find what you were looking for in our FAQ? Fill out our contact
form below.</p>
<form action="mailto:duq.incline@duquesneincline.org" onsubmit="return validate()">
<fieldset>
<label for="uname">Name (required)</label><br>
<input type="text" id="uname" name="uname" size="20" maxlength="250"
placeholder="Carson West" required><br><br>
<label for="zip">Zip Code</label><br>
<input type="text" id="zip" name="zip" size="20" maxlength="5"
placeholder="15211"><br><br>
<label for="email">Email (required)</label><br>
<input type="email" id="email" name="email"
placeholder="abc@defg.com" required><br><br>
<label for="msg">Message:</label><br>
<textarea id= "msg" name="msg" rows="10" cols="50" maxlength="1000"></textarea><br><br>
<label for="signup"> Subscribe to the Duquesne Incline’s newsletter?</label><br>
<input type="checkbox" id="signup" name="signup" value="Yes">
<label for="signup"> Yes! </label><br><br>
<input type="submit" value="Submit">
</fieldset>
</form>
</div>
<div id="sidebar">
<h3>Explore Our Links</h3>
<!-- icons from https://www.iconsdb.com/ -->
<a href="mailto:duq.incline@duquesneincline.org"><img src="images/email.png" alt="Email Icon"></a>
<a href="images/DImap.pdf" target="blank"><img src="images/pin.png" alt="Location Pin Icon"></a>
<a href="https://instagram.com/explore/tags/duquesneincline/" target="blank"><img src="images/instagram-24.png" alt="Instagram Icon"></a>
<a href="https://facebook.com/TheDuquesneIncline" target="blank"><img src="images/facebook-24.png" alt="Facebook Icon"></a>
<a href="https://youtu.be/ve3KMUIlSGk" target="blank"><img src="images/youtube-24.png" alt="YouTube Icon"></a>
<a href="https://en.wikipedia.org/wiki/Duquesne_Incline" target="blank"><img src="images/wikipedia-24.png" alt="Wikipedia Icon"></a>
<h3> Find Us </h3>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3569.6672485020263!2d-80.01983949240255!3d40.439883380532045!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8834f6af9e6ab935%3A0xe871d2bbc2032b83!2sDuquesne%20Incline!5e0!3m2!1sen!2sus!4v1617378732289!5m2!1sen!2sus"
width="400" height="300" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
<footer>
<hr/>
<div id="footerImage">
<img src="images/DIlogo.png" alt="Duquesne Incline Logo">
</div>
<!-- icons from https://www.iconsdb.com/ -->
<a href="mailto:duq.incline@duquesneincline.org"><img src="images/email-16.png" alt="Email Icon"></a>
<a href="images/DImap.pdf" target="blank"><img src="images/pin-16.png" alt="Location Pin Icon"></a>
<a href="https://instagram.com/explore/tags/duquesneincline/" target="blank"><img src="images/instagram-16.png" alt="Instagram Icon"></a>
<a href="https://facebook.com/TheDuquesneIncline" target="blank"><img src="images/facebook-16.png" alt="Facebook Icon"></a>
<a href="https://youtu.be/ve3KMUIlSGk" target="blank"><img src="images/youtube-16.png" alt="YouTube Icon"></a>
<a href="https://en.wikipedia.org/wiki/Duquesne_Incline" target="blank"><img src="images/wikipedia-16.png" alt="YouTube Icon"></a>
<br> © 2021 Duquesne Incline. All Rights Reserved.<br>
Website for IS Milieux. <a href="citations.html">See citations here.</a><br>
</footer>
</body>
</html>