-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
206 lines (200 loc) · 11.1 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
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
196
197
198
199
200
201
202
203
204
205
206
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="author" content="Anthony Hamlin">
<meta name="keywords" content="Savanna's Coffee House">
<meta name="description" content="Savanna's Coffee House">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--Custom Font -->
<link rel="stylesheet" href="https://use.typekit.net/fbg7bai.css">
<link rel="stylesheet" href="https://use.typekit.net/fbg7bai.css">
<!-- custom css-->
<link rel="stylesheet" href="css/sav_layout.css">
<link rel="stylesheet" href="css/sav_style.css">
<title>Savanna's Coffee House</title>
</head>
<body>
<!-- page start -->
<div id="page">
<!-- header start -->
<header class="bkg_coffee">
<hr>
<!-- nav start -->
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark bkg_coffee">
<a class="navbar-brand" href="#"><img src="images/coffeecup1.svg" width="25px" alt="Coffee cup"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link active" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="menu.html">Menu</a>
</li>
<li class="nav-item">
<a class="nav-link" href="events.html">Events</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
<!-- nav end -->
<!-- Masthead Start-->
<div class="jumbotron bkg_creamer jumbotron-fluid">
<div class="container">
<img src="images/SavannasLogo.svg" class="sav_logo" alt="Savanna's Coffee House Logo">
</div>
</div>
<hr>
<!-- Masthead END-->
</header>
<hr>
<!-- header end -->
<!-- content start -->
<div class="container" id="content">
<div class="row">
<div class="col-sm">
<h1 class="adorn_graved_reg">Events</h1>
<h5 class="voltage_reg">Live Music</h5>
<!-- picture card start-->
<div class="card" style="width: 18rem;">
<img src="images/brettsayles/man-playing-string-intrument-2924431.jpg" class="card-img-top"
alt="Event guitar player" title="Event guitar player">
<div class="card-body">
<p class="card-text">
<em>image source:<br /><a href="https://www.pexels.com/@brett-sayles"
target="_blank">https://www.pexels.com/@brett-sayles</a></em>
</p>
</div>
</div>
<!-- picture card END-->
<p>Featuring local talent as well as well-known artists, we offer live music every weekend and a
weekly chess event. At <strong class="adorn_graved_reg_blk">Savanna's Coffee House</strong>
you
can come and relax while
listening to great
music and enjoy a
couple
of your favorite drinks with your friends or colleagues. Head over to our <a
href="events.html">Events Page</a> to see up-coming shows. Be sure to check this coming
<a href="events.html#frinite">Friday's show</a>!
</p>
</div>
<div class="col-sm">
<h1 class="adorn_graved_reg">Specials</h1>
<h5 class="voltage_reg">Student Discounts</h5>
<!-- picture card start-->
<div class="card" style="width: 18rem;">
<img src="images/helenalopes/group-of-friends-hanging-out-933964.jpg" class="card-img-top"
alt="coffee with friends" title="coffee with friends">
<div class="card-body">
<p class="card-text">
<em>image source:<br /><a href="https://www.pexels.com/@wildlittlethingsphoto"
target="_blank">https://www.pexels.com/@wildlittlethingsphoto</a></em>
</p>
</div>
</div>
<!-- picture card END-->
<p>Show your Student ID card and receive discounts on our daily food and drink specials. The
University, Student Union and accredited clubs or organizations may request to use
<strong class="adorn_graved_reg_blk">Savanna's Coffee House</strong> for small events by filling
out our <a href="contact.html">Contact
Request Form</a>. There is a $50
reservations fee for each event, which includes moderate facility set-up and clean-up.
Additional charges may apply if the events take place outside of regular operating hours.
Event organizers may NOT charge admission for events, but donations may be collected. This
unique and intimate space is intended for <a href="https://mankato.mnsu.edu/"
target="_blank">MSU</a> students & faculty and the community and is not
available for
other commercial type events.</p>
</div>
<div class="col-sm">
<h1 class="adorn_graved_reg">Menu</h1>
<h5 class="voltage_reg">Ouh Là Là Latte</h5>
<!-- picture card start-->
<div class="card" style="width: 18rem;">
<img src="images/ryanhorn/green-and-black-ceramic-bowl-2318033.jpg" class="card-img-top"
alt="Best latte in town" title="Best latte in town">
<div class="card-body">
<p class="card-text">
<em>image source:<br /><a href="https://www.pexels.com/@ryan-horn-1218656"
target="_blank"> https://www.pexels.com/@ryan-horn-1218656</a></em>
</p>
</div>
</div>
<!-- picture card END-->
<p>Born out of our love of fine coffee, good food and good music we wanted to build a coffee house
that would bring all these wonderful things together under one roof. <strong
class="adorn_graved_reg_blk">Savanna's Coffee House</strong> is
home to some of the best coffee in the World. <a href="menu.html">Click Here</a> to see our
current menu.</p>
</div>
</div>
</div>
<!-- content end -->
<!-- footer start -->
<hr>
<div class="bottom_hr">
</div>
<div class="jumbotron bkg_coffee jumbotron-fluid div_shrink div_ft_control">
<footer class="jumbotron bkg_creamer jumbotron-fluid">
<div class="container">
<div class="row">
<div class="col-sm">
<p class=" adorn_graved_reg_blk text-center font_size_up1"><span>Savanna’s</span></p>
<p class="voltage_reg_blk text-center font_size_up2"><span>Coffee House</span></p>
<div class="text-center"><img src="images/coffeecup1.svg" width="40px" alt=" Cup Logo">
</div><br>
<p class="adorn_graved_reg_blk text-center">604 24th Street</p>
<p class="adorn_graved_reg_blk text-center">St. Paul, Minnesota</p>
<p class="adorn_graved_reg_blk text-center">702-971-1154</p>
<!-- Social media font awesome icons Start-->
<p class="text-center">
<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
</p>
<!-- social media font awesome icons END-->
<!-- back to top of page -->
<p class="voltage_reg_blk text-center font_size_up2"><a href="#page">Go to top</a></p>
<br>
<!-- back to top of page -->
</div>
</div>
</div>
</footer>
</div>
<!-- footer end -->
</div>
<!-- page end -->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">
</script>
</body>
</html>