-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
107 lines (99 loc) · 5.91 KB
/
Copy pathcontact.html
File metadata and controls
107 lines (99 loc) · 5.91 KB
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
---
layout: default
---
<div class="du-wrapper du-events--wrapper">
<div class="du-hero du-hero--contact">
<div class="du-hero--content">
<h1>Contact</h1>
</div>
</div>
<!-- Content goes here -->
<div class="du-section du-contact--section">
<div class="du-contact--banner-title">
<div class="container">
<h2 class="du-section--header">Get in Touch:</h2>
</div>
</div>
<div class="container">
<div class="du-contact--form-wrapper">
<div class="du-contact--form du-contact--card">
<iframe width="0" height="0" border="0" name="dummyframe" id="dummyframe"></iframe>
<form action="https://docs.google.com/forms/d/e/1FAIpQLSdxnxhO4Zgp2hcxT9y4mZU4SA65eQvPp7ae6ivUN3IDCXrOrQ/formResponse" target="dummyframe" method="POST" id="mG61Hd">
<div class="row">
<div class="col-md-6">
<label for="entry.1989209501">First Name</label>
<input type="text" class="quantumWizTextinputPaperinputInput exportInput" jsname="YPqjbf" autocomplete="off" tabindex="0" aria-label="First Name" aria-describedby="i.desc.695000204 i.err.695000204" name="entry.1989209501" value="" dir="auto" data-initial-dir="auto" data-initial-value="" required>
</div>
<div class="col-md-6">
<label for="entry.1417904287">Last Name</label>
<input type="text" class="quantumWizTextinputPaperinputInput exportInput" jsname="YPqjbf" autocomplete="off" tabindex="0" aria-label="Last Name" aria-describedby="i.desc.1660961228 i.err.1660961228" name="entry.1417904287" value="" dir="auto" data-initial-dir="auto" data-initial-value="" required>
</div>
</div>
<label for="entry.862351503">Email Address</label>
<input type="email" class="quantumWizTextinputPaperinputInput exportInput" jsname="YPqjbf" autocomplete="off" tabindex="0" aria-label="Email Address" aria-describedby="i.desc.71394106 i.err.71394106" name="entry.862351503" value="" dir="auto" data-initial-dir="auto" data-initial-value="" required>
<label for="entry.1073451340">Subject</label>
<input type="text" class="quantumWizTextinputPaperinputInput exportInput" jsname="YPqjbf" autocomplete="off" tabindex="0" aria-label="Subject" aria-describedby="i.desc.2059563840 i.err.2059563840" name="entry.1073451340" value="" dir="auto" data-initial-dir="auto" data-initial-value="">
<label for="entry.504842845">Message</label>
<textarea class="quantumWizTextinputPapertextareaInput exportTextarea" jsname="YPqjbf" data-rows="1" tabindex="0" aria-label="Message" jscontroller="gZjhIf" jsaction="input:Lg5SV;ti6hGc:XMgOHc;rcuQ6b:WYd;" name="entry.504842845" dir="auto" data-initial-dir="auto" data-initial-value="" required></textarea>
<br>
<button type="submit" class="btn du-btn btn-primary">Submit</button>
</form>
<div class="du-contact--loading hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="80px" height="80px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-ring-alt"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"/><circle cx="50" cy="50" r="40" stroke="#077ea4" fill="none" stroke-width="10" stroke-linecap="round"/><circle cx="50" cy="50" r="40" stroke="#65a1ba" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="2s" repeatCount="indefinite" from="0" to="502"/><animate attributeName="stroke-dasharray" dur="2s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"/></circle></svg>
</div>
<div class="du-contact--form-success hidden">
<div class="du-contact--form-success-content">
<h4>Your submission was received!</h4>
<p>You'll hear back from us shortly</p>
<a class="btn du-btn btn-primary" id="du-contact--submit-another">Submit another</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="du-section">
<div class="container du-map--wrapper">
<h2 class="du-section--header">Our Locations</h2>
<div class="du-map" id="map"></div>
<div class="row du-map--description">
<div class="col-md-6">
<h4 class="du-section--subheader">HSS Building 1346</h4>
<ul class="du-contact--list">
<li>Humanities and Social Sciences Building</li>
<li>Muir Lane and Scholars Lane</li>
<li>Muir College</li>
<li>UC San Diego</li>
<li>La Jolla, CA 92093</li>
</ul>
<ul class="du-contact--list">
<li>Closest Parking Lots: </li>
<li>Lot P207</li>
<li>Lot P208</li>
</ul>
<a class="btn btn-primary du-btn" id="du-map--hss" href="https://www.google.com/maps/place/Humanities+and+Social+Sciences+Building/@32.8783906,-117.2422482,18z" target="_blank">Map Me</a>
</div>
<div class="col-md-6">
<h4 class="du-section--subheader">The Design Lab</h4>
<ul class="du-contact--list">
<li>Atkinson Hall</li>
<li>Voigt Drive and Engineer Lane</li>
<li>Warren College</li>
<li>UC San Diego</li>
<li>La Jolla, CA 92093</li>
</ul>
<ul class="du-contact--list">
<li>Closest Parking Lots: </li>
<li>Lot P502</li>
<li>Lot P503</li>
</ul>
<a class="btn btn-primary du-btn" id="du-map--atkinson" href="https://www.google.com/maps/place/Atkinson+Hall,+9500+Gilman+Dr,+La+Jolla,+CA+92093/@32.8824895,-117.2368928,17z" target="_blank">Map Me</a>
</div>
</div>
</div>
</div>
</div>
<script src="public/js/maps.js"></script>
<script src="public/js/contact.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCZ36pOZAGFabkIcf3ajDDeB6mXmV0skPE&callback=initMap" async defer>
</script>