-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
150 lines (133 loc) · 6.23 KB
/
index.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
<!doctype html>
<html>
<head>
<title>Raleigh Vibes</title>
<meta charset="utf-8">
<meta
http-equiv="X-UA-Compatible"
content="IE=edge">
<meta
name="viewport"
content="width=device-width, initial-scale=1">
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB"
crossorigin="anonymous">
<link
rel="stylesheet"
type="text/css"
media="screen"
href="./assets/css/bootstrap.css" />
<link
rel="stylesheet"
href="https://unpkg.com/basscss@8.0.2/css/basscss.min.css">
<link
href="https://fonts.googleapis.com/css?family=Do+Hyeon"
rel="stylesheet">
</head>
<body>
<header>
<div class="container topHeader"></div>
<div class="container bottomHeader">
<!-- <img src="./assets/images/RaleighVibesLogo.png"> -->
<h1>Upcoming Shows in the Raleigh Area</h1>
</div>
</header>
<div class="container-fluid mainSection">
<div class="row">
<div class="col-lg-12">
<form id="search-form">
<label>Date Range Start: <input type="date" id="date-start"></label>
<label>Date Range End: <input type="date" id="date-end"></label>
<button class="btn cardHdr" id="submit-button">Submit</button>
</form>
<br>
</div>
<div class="col-lg-9">
<table class="table table-dark tableFixed" id="searchResultsTable">
<thead>
<tr class="table-heads">
<th scope="col">Band Name <small>Click to load video!</small></th>
<th scope="col">Location</th>
<th scope="col">Ticket Price Range</th>
<th scope="col">Date</th>
<th scope="col">Start Time</th>
<th scope="col">Buy Ticket</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<div class="col-sm-3">
<iframe id="iFrameVideo">youtube video placeholder</iframe>
<div class="card cardBorder">
<h5 class="card-header cardHdr text-center">Fill out the form to receive a ticket discount coupon!</h5>
<div class="card-body cardBody">
<form action="mail.php" method="POST" id="coupon-form">
<div class="form-group">
<label for="name" class="bold container-fluid">Name</label>
<input type="text" name="name" class="form-control cardBody cardBorder" id="name">
</div>
<div class="form-group">
<label for="email" class="bold container-fluid">Email</label>
<input type="email" name="email" class="form-control cardBody cardBorder" id="email">
</div>
<div class="form-group">
<label for="phone" class="bold container-fluid">Phone (for text message)</label>
<input type="tel" name="phone" class="form-control cardBody cardBorder" id="phone">
</div>
<div class="form-group">
<label for="pref" class="bold container-fluid">Contact Preferance</label>
<div>
<input type="radio" name="pref" id="eMail" value="eMail" checked="checked">Send Coupon by Email<br>
<input type="radio" name="pref" id="txt" value="txt">Send Coupon by Text Message<br>
</div>
</div>
<button type="submit" class="btn cardHdr" id="formSubmit" value=" Send ">Submit</button>
</form>
</div>
</div>
<div id="response">
</div>
</div>
</div>
</div>
<div class="col p2 overflow-hidden rounded" id="footer">
<div class="col col-4">
<span>
Alyssa Capps </br>
Mike Mistarz </br>
Mike Stewart </br>
Sheila Ward </br>
Victor Garrido</span>
</div>
<div class="col col-4" id="copyrightDiv">
<div><span id="copyright">© Copyright 2018</span></div>
</div>
<div class="col col-4" id="asciiDiv">
<span class="ascii">
<p> |~~~~~~~~~~~|</p>
<p> |~~~~~~~~~~~|</p>
<p> | |</p>
<p>/~~\| /~~\|</p>
<p>\__/ \__/ </p>
</span>
</div>
</div>
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
<script
src="https://www.gstatic.com/firebasejs/4.12.0/firebase.js">
</script>
<script src="https://cdn.jsdelivr.net/npm/moment@2.22.2/moment.min.js">
</script>
<script src="ticketmaster.js">
</script>
<script src="firebase.js">
</script>
</body>
</html>