-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
141 lines (107 loc) · 5.92 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
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Contact Us</title>
<!-- ==================== SHEETS AND SCRIPTS (GITHUB) ==================== -->
<link rel="stylesheet" href="/ticketofficewebpage/styles/contact.css">
<link rel="stylesheet" href="/ticketofficewebpage/styles/header.css">
<!-- ==================== LOCAL SHEETS & SCRIPTS ==================== -->
<link rel = "stylesheet" href = "/styles/contact.css">
<link rel = "stylesheet" href = "/styles/header.css">
<script src = "/ticketofficewebpage/scripts/textarea.js"></script>
<script src = "/ticketofficewebpage/scripts/contact.js"></script>
<!-- ==================== IMPORTED STYLESHEETS ==================== -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Graduate&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<!-- ==================== IMPORTED SCRIPTS ==================== -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<div class='header'>
<a class='back' href='/ticketofficewebpage'><i class="fas fa-home"></i></a>
Contact Us<br>
</div>
<!-- ==================== MESSAGE SEND SUCCESS MODAL ==================== -->
<div id='server-send-success' onclick="hideSendSuccess();">
<div id="success-message">
<div>Message Sent!</div>
<hr style="width: 80%">
<span style="font-size: 15px;font-weight: 400;">Thank you for supporting your EMU Eagles!</span>
</div>
</div>
<div class='page_body'>
<div class='title'>Contact Us</div>
<hr>
<div class='description'>
Let us know how we can help you further your support for Eastern Michigan Univeristy Athletics. Complete the
form below and we will respond by email!
<br>
<br>
If you would like to be contacted by phone, text or other please provde the necessary information in your
meessage.
</div>
<!-- ==================== CONTACT FORM ==================== -->
<div class='form'>
<div id="contact_form">
<div class='input_label'>NAME</div>
<input type="text" name='sender' id='sender'>
<div class='error' id="sender-error">Please enter your name.</div>
<div class='input_label'>EMAIL ADDRESS</div>
<input type="email" name='email' id='email'>
<div class='error' id="email-error">Please enter a valid email.</div>
<div class='input_label'>REASON FOR CONTACT</div>
<select name="reason" id="reason">
<option value="" selected="" disabled="">-- Select an option --</option>
<!-- OTHERWISE LOADED FROM /data/ContactReasons.json -- easy for Ticket Office staff to add reasons -->
<option value="Account Management">Account Management</option>
<option value="Bag Policy/Restricted Items">Bag Policy/Restricted Items</option>
<option value="Contact Us">Contact Us</option>
<option value="Directions">Directions</option>
<option value="Donations">Donations</option>
<option value="Parking">Parking</option>
<option value="Ticket Sales">Ticket Sales</option>
<option value="Upcoming Events">Upcoming Events</option>
<option value="Other">Other</option>
</select>
<div class='error' id="reason-error">Please select a reason for contact.</div>
<div class='input_label'>MESSAGE</div>
<textarea name='message' id='message'></textarea>
<div class='error' id='message-error'>Please enter a message body.</div>
<input disabled type='submit' id='send-form' onclick='send()' value="Send! (disabled)">
<div class="server-response" style="color: red; font-size: 10;" id='server-send-error'>
There was a problem sending your message!<br>Please try again in a bit!
</div>
<input type='submit' id='send-form' onclick='demo("error")' value="Simulate Error"
style="background-color: white; color: red; border: 2px solid red;">
<input type='submit' id='send-form' onclick='demo("success")' value="Simulate Success!"
style="background-color: white; color: green; border: 2px solid green;">
</div>
</div>
<hr>
<!-- ==================== CONTACT DETAILS ==================== -->
<div class='original'>
<div class='original_body'>
<i class="contact fas fa-map-marker va_top"></i>
<span class="contact" style='display: inline-block;'>
Eastern Athletics Ticket Office
<br>Convocation Center
<br>799 N Hewitt Rd.
<br>Ypsilanti, MI 4819</span><br>
<p>
<i class="contact fas fa-mobile-alt va_middle"></i>
<span class="contact" style='text-decoration: none'>734.487.3669</span>
</p>
<p>
<i class="contact fas fa-envelope va_middle"></i>
<a class="contact" style='text-decoration: none'
href="mailto:[email protected]">[email protected]</a>
</p>
</div>
</div>
<hr id='hr-email' />
</div>
</body>
</html>