-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
150 lines (137 loc) · 5.52 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 lang ="en">
<head>
<title>The Unbearable Lightness of Bean</title>
<meta name="description" content="Denver's own farm to cup Coffee Roastery and Education Center">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable" />
<link rel="stylesheet" href="assets/css/main2.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<h1>The Unbearable Lightness of Bean</h1>
<nav>
<ul>
<li><a href="#intro">Intro</a></li>
<li><a href="#one">Who We Are</a></li>
<li><a href="#two">Roastery</a></li>
<li><a href="#insert">Classes</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<!-- Intro -->
<section id="intro" class="main style1 dark fullscreen">
<div class="content">
<header>
<h2>Coffee?</h2>
</header>
<p>Welcome to <strong>The Unbearable Lightness of Bean</strong>, a farm-to-cup coffee roastery, shop,<br />
and coffee education center in downtown Denver.</p>
<footer>
<a href="#one" class="button style2 down">More</a>
</footer>
</div>
</section>
<!-- One -->
<section id="one" class="main style2 right dark fullscreen">
<div class="content box style2">
<header>
<h2>Who We Are</h2>
</header>
<p>We are a farm-to-cup coffee roastery and shop. We work directly with farmers all over the world to purchase the highest-quality beans at a fair price. We specialize in light to medium roasts in order to preserve the complexity and character of the coffee.</p>
</div>
<a href="#two" class="button style2 down anchored">Next</a>
</section>
<!-- Who We Are -->
<section id="two" class="main style2 left dark fullscreen">
<div class="content box style2">
<header>
<h2>Roastery</h2>
</header>
<p>Every batch of beans is different. We use our 20+ years of experience to skillfully roast each batch in a way that brings out the best expression of each bean.</p>
</div>
<a href="#insert" class="button style2 down anchored">Next</a>
</section>
<!-- Roastery -->
<section id="insert" class="main style2 right dark fullscreen">
<div class="content box style2">
<header>
<h2>Classes</h2>
</header>
<p>Want to sharpen your coffee knowledge? Every Saturday and Sunday at 11am, we have small classes on cupping, brewing methods, espresso techniques, and more. Please sign up in person at the shop. Space is limited.</p>
</div>
<a href="#work" class="button style2 down anchored">Next</a>
</section>
<!-- Classes -->
<section id="work" class="main style3 primary">
<div class="content">
<header>
<h2>Come Say Hello!</h2>
<p>At The Unbearable Lightness of Bean, we try to make community and people central to what we do. Denver has been our home for over 20 years, and we take pride in our involvement with local organizations and events around town.</p>
</header>
<!-- Gallery -->
<div class="gallery">
<article class="from-left">
<img src="images/Coffee-pic.webp" class='gallery1' alt="" /></a>
</article>
<article class="from-right">
<img src="images/Coffee-pic2.webp" class='gallery1' alt="" /></a>
</article>
<article class="from-left">
<img src="images/Coffee-pic3.webp" class='gallery1' alt="" /></a>
</article>
<article class="from-right">
<img src="images/Coffee-pic4.webp" class='gallery1' alt="" /></a>
</article>
</div>
</div>
</section>
<!-- Contact -->
<section id="contact" class="main style3 secondary">
<div class="content">
<header>
<h2>Where To Find Us</h2>
<p>Please contact us if you have any questions about who we are, what we do, or if you just want a quality cup of coffee.</p>
</header>
<div class="box contact1">
<section class = "hours">
<div>
<h5>Hours</h5>
<p>Open daily, 6am - 7pm</p><br>
<h5>Socials</h5>
<ul class="icons">
<li><a href="https://twitter.com/" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
</ul>
</div>
</section>
<div>
<h5 class = 'address'>Address</h5>
<span>5555 Denver Rd <br> Denver, CO 80212</span> <br><br>
<h5>Phone</h5><span>720-555-9695</span>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<!-- Menu -->
<ul class="menu">
<li>© The Unbearable Lightness of Bean</li>
</ul>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>