-
Notifications
You must be signed in to change notification settings - Fork 1
/
preferences.html
112 lines (94 loc) · 5.1 KB
/
preferences.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Lexend+Tera&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
<title>Go Drink</title>
</head>
<body>
<div class="container-fluid">
<div class="row header justify-content-center">
<div class="col-sm col-lg">
<img class="cocktail" width=60em src="https://icons-for-free.com/iconfiles/png/512/cocktail-131979105293250570.png">
GO DRINK
<img class="cocktail" width=60em src="https://icons-for-free.com/iconfiles/png/512/cocktail-131979105293250570.png">
</div>
</div>
<div class="row messages justify-content-center">
<div class="col-sm col-lg">
select your favourite locations
</div>
</div>
<!-- row 1 of sign up -->
<div class="row">
<div class="col col-sm col-lg signUp" onclick='storeVar(this)' value="Jazz Bar">
<img class="bar" width=80em src="https://lh3.googleusercontent.com/proxy/MsSXGaw7-EiaETu50NNyVtkzYxpujBZfEFmEELZ6VZanUctJTUDZG-cztDCWbK9-YK2SmyVDs6cInmP5FELmxlr3ju6PhX2UTLWlifUObtDLBItsgH4lr5WE">
Jazz Bars
</div>
<div class="col col-sm col-lg signUp" onclick='storeVar(this)' value="Nightclub">
<img class="bar" width=80em src="https://toppng.com/public/uploads/thumbnail/icon-white-disco-ball-icon-11553396857vucswapmof.png">
Nightclubs
</div>
<div class="col col-sm col-lg signUp" onclick='storeVar(this)' value="Sports Bar">
<img class="bar" width=80em src="https://iconsplace.com/wp-content/uploads/_icons/ffffff/256/png/sport-icon-18-256.png">
Sports Bars
</div>
</div>
<!-- row 2 of sign up -->
<div class="row">
<div class="col col-sm col-lg signUp" onclick='storeVar(this)' value="College Bar">
<img class="bar" width=80em src="https://pluspng.com/img-png/graduation-cap-png-black-and-white--512.png">
College Bars
</div>
<div class="col col-sm col-lg signUp" onclick='storeVar(this)' value="Business Bar">
<img class="bar" width=80em style ="filter:invert(100%)" src="https://image.flaticon.com/icons/svg/52/52902.svg">
Business Bars
</div>
<div class="col col-sm col-lg signUp" onclick='storeVar(this)' value="Pub">
<img class="bar" width=80em src="https://cask-marque.co.uk/wp-content/uploads/2017/09/icon-pub-white.png">
Pubs
</div>
</div>
<!-- row 3 of sign up -->
<div class="row">
<div class="col col-sm col-lg signUp" onclick='storeVar(this)' value="Speakeasy">
<img class="bar" width=80em style ="filter:invert(100%)" src="https://cdn0.iconfinder.com/data/icons/iphone-black-people-svg-icons/20/spy_user_agent_webroot_undercover_sweeper_stag-512.png">
Speakeasies
</div>
<div class="col col-sm col-lg signUp" onclick='storeVar(this)' value="Lively Bar">
<img class="bar" width=80em src="https://icons-for-free.com/iconfiles/png/512/cocktail-131979105293250570.png">
Lively Bars
</div>
<div class="col col-sm col-lg signUp" onclick='storeVar(this)' value="Winery">
<img class="bar" width=80em src="https://www.myvacaya.com/wp-content/themes/vacaya/images/icons/icon-wine-glass.png">
Winery's
</div>
</div>
<!-- row 4 of sign up -->
<div class="row">
<div class="col col-sm col-lg signUp" onclick='storeVar(this)' value="IPA Bar">
<img class="bar" width=80em style ="filter:invert(100%)" src="https://static.thenounproject.com/png/27669-200.png">
IPA Bars
</div>
<div class="col col-sm col-lg signUp" onclick='storeVar(this)' value="Coffee Spot">
<img class="bar" width=70em src="https://www.pinclipart.com/picdir/big/133-1336169_thank-you-for-registering-expect-to-hear-from.png">
Coffee Spots
</div>
<div class="col col-sm col-lg signUp" onclick='storeVar(this)' value="Juice Bar">
<img class="bar" width=70em style ="filter:invert(100%)" src="https://image.flaticon.com/icons/png/512/95/95864.png">
Juice Bars
</div>
</div>
<div class="button">
<button type="button" onclick="loadMap()" class="btn btn-lg btn-outline-light">Submit Preferences</button>
</div>
</div>
<script src="front-end.js"></script>
</body>
</html>