-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
64 lines (52 loc) · 2.83 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Reset CSS File -->
<link rel="stylesheet" type="text/css" href="assets/css/reset.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
<!-- Custom CSS -->
<link rel="stylesheet" href="assets/css/style.css" type="text/css" />
<!-- Custom fonts -->
<link href="https://fonts.googleapis.com/css?family=Baloo+Chettan" rel="stylesheet">
<title>Favorites</title>
</head>
<body>
<!-- Navbar -->
<header id="masthead">
<div class="containter">
<div id="logo"> <a href="index.html"> <img src="assets/images/Logo150x108_YW.png"/> </a> </div>
<nav>
<!-- <a href="home.html">HOME</a> -->
<a href="index.html">ABOUT</a>
<a href="map.html">MAP</a>
<a href="favorites.html">FAVORITES</a>
</nav>
</div>
</header>
<div id="main-container" class="container">
<section class="main-section">
<h1>What's the buzz?</h1>
<img src="assets/images/Pour_RGB.jpg" class="auth-image" alt="beer mug picture">
<p>This app was created by five bootcamp sudents, four beer drinkers and one cider drinker. It's not only about IPAs but APIs as well. It was created for beer nerds and social drinkers with bad memories to remember what breweries you've been to and which ones you'd like to return to.</p>
<p>Check out the map page to see breweries in your area and click the hop button to save your favorites. You can store your favorites as you visit different ones and delete the others that don't excite your taste buds.</p>
<p>As always, drink responsibly and plan ahead to arrive home safely. </p>
</section>
</div>
<footer>
<div class="containter">
<p><strong>DON'T WORRY, BE HOPPY</strong></p>
</div>
</footer>
<!-- Firebase -->
<script src="https://www.gstatic.com/firebasejs/4.8.2/firebase.js"></script>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
<script type="text/javascript" src="assets/javascript/app.js"></script>
</body>
</html>