-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
168 lines (162 loc) · 8.58 KB
/
about.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
<!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 - About</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">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" 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">About Savanna’s</h1>
<h5 class="voltage_reg">Our Story</h5>
<p>Founded was in 2006 by MSU graduate students Michel Bohmer and Sandy Thomas. Located in the heart
of MSU’s campus town, Savanna’s is designed to be a funky destination. We serve premium products
such as fresh roasted coffee and espresso drinks, hot and cold teas, grilled and cold
sandwiches, and homemade soups. Not just a daytime destination! Stop by in the evening, enjoy a
glass of wine or beer and listen to some live entertainment in our connected theatre space!</p>
<!-- picture card start-->
<div class="card" style="width: 18rem;">
<img src="images/helenalopes/photograph-of-men-having-conversation-seating-on-chair-1015568.jpg"
class="card-img-top" alt="At Savanna's" title="At Savanna's">
<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-->
<br>
</div>
<div class="col-sm">
<br>
<h5 class="voltage_reg">Hours</h5>
<p class="lead">Sunday 7:00 am to 9 pm</p>
<p class="lead">Monday – Thursday 6:00 am to 10:00 pm</p>
<p class="lead">Friday 6:00 am to 11:00 pm</p>
<p class="lead">Saturday 6:30 am to 11:00 pm</p>
<br>
<h5 class="voltage_reg">Location</h5>
<div><img src="images/fake_map.jpg" class="map" width="200px" alt="location map"></div>
<p class="lead">604 24th Street</p>
<p class="lead">St. Paul, Minnesota</p>
<p class="lead">702-971-1154</p>
<div class="text-left"><img src="images/coffeecup1.svg" width="40px" alt=" Cup Logo">
</div><br>
</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>