-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
238 lines (236 loc) · 9.31 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
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Business Home Page</title>
<link rel="stylesheet" href="./output-css/style.css">
<script src="script.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
a {
text-decoration: none;
}
a {
color: inherit;
}
</style>
</head>
<body>
<header class="header">
<div class="navbar-contact container">
<div class="navbar-left">
<ul class="social-media">
<li> <a href="https://twitter.com/DutchBros" target="_blank">
<img class="socal-logo" src="images/twitter.svg">
</a>
</li>
<li> <a href="https://www.facebook.com/christian.medders.7/" target="_blank"> <img class="socal-logo" src='images/facebook.svg'>
</a>
</li>
<li> <a href="https://www.linkedin.com/in/christian-medders-6a00b7a5/" target="_blank">
<img class="socal-logo" src="images/linkedin.svg">
</a>
</li>
<li> <a href="https://www.instagram.com/sportscenter/" target="_blank">
<img class="socal-logo" src="images/instagram.svg">
</a>
</li>
</ul>
<div id="hamburger-menu" class="fa fa-bars hamburger-menu">Menu</div>
</div>
<ul class="contact-info">
<li><img src="images/location.svg"><li>
<li style="margin-right: 2.5em">Aiken, South Carolina</li>
<li><img src="images/mail.svg"></li>
<li>[email protected]</li>
</ul>
</div>
<div id="site-menu" class="navbar-menu">
<div class="navbar-menu__inner container">
<img class="menu-logo" src="images/coffee-shades.png">
<ul class="menu-list">
<li class="menu-item"><a href="index.html">Home</a></li>
<li class="menu-item"><a href="about-us.html">About Us</a></li>
<li class="menu-item"><a href="blog.html">Blog</a></li>
<li class="menu-item"><a href="https://www.linkedin.com/in/christian-medders-6a00b7a5/" target="_blank">Management Profile</a></li>
<li class="menu-item"><a href="https://theawesomedaily.com/25-funny-job-titles-that-are-so-weird-theyre-just-hilarious/" target="_blank">Careers</a></li>
</ul>
<button class="menu-button">Contact Us</button>
</div>
</div>
</header>
<main>
<section class="hero">
<img class="hero-image" src="images/coffee.png">
<div class="hero-text">
<div class="hero-text__inner container">
<h1>Aiken Coffee House and Lounge</h1>
<p>Come unwind and have a drink</p>
<button class="hero-button">Learn More</button>
</div>
</div>
</section>
<section class="who-we-are container">
<div class="who-we-are-text">
<p>WHO WE ARE</p>
<h1>We are your local coffee house and brewery. Where we brew our own beer and roast our own beans</h1>
<h2>Aiken Coffee House House is paper and plastic free, bring your own cup and get a discount on your beverage</h2>
</div>
<div class="circle">
<img class="cb-pic" src="images/coffee-beer.png">
</div>
</section>
<section class="what-we-do container">
<div class="what-we-do-text">
<p>WHAT WE DO</p>
<h1>We Make Every thing In House</h1>
<h2>Here at Aiken Coffee House and Lounge we think Mother Earth is super important. That is why we dont have paper or plastic products, everything we have is reuseable</h2>
<h3>Bare with us we know it sounds crazy but you can bring your own mug/cup or take one of ours home. We trust you'll bring it back!</h3>
</div>
<div class="content">
<div class="content-card-1">
<div class="content-card">
<h1>We Make Coffee</h1>
<p>Our coffee is legit the best in town... if you dont believe us why don't you come down and try it!</p>
</div>
<div class="content-card">
<h1>We Make Beer</h1>
<p>Our Beer is better then the coffee... if you dont believe that then come try both and let us know</p>
</div>
</div>
<div class="content-card-2">
<div class="content-card">
<h1>We play Music</h1>
<p>Well we are not the ones playing the music but we know some kick ass musicians who would love to see you</p>
</div>
<div class="content-card">
<h1>We Are Open... A Lot</h1>
<p>Its a coffee house so we open at 6 am, but we are also a bar so we close at 2am. We are the party.</p>
</div>
</div>
</div>
</section>
<section class="product">
<h1>Our Products</h1>
<div class="beer">
<div class="product-text">
<h1>The SteepleHAZE IPA</h1>
<h2>The SteepleHAZE is our most popular and will make you wish you were at Steeplechase (if you know you know)</h2>
<p>This beer is brewered with local hops and pure filtered spring water</p>
</div>
<img class="beer-pic" src="images/HazyIPA.png">
</div>
<div class="coffee">
<div class="product-text">
<h1>The South Boundry Latte</h1>
<h2>This Latte will make you want to take a drive down our beautiful road in a top down convertable and let your hair flow with the wind</h2>
<p>The Latte is made with our house made dark roast espresso and your choice of milk</p>
</div>
<img class="coffee-pic" src="images/icedlatte.png">
</div>
</section>
<section class="leadership">
<div class="leadership-text">
<p>PROFESSIONAL PEOPLE</p>
<h1>Our Leadership Team</h1>
<h2>We are family ran and owned from right here in Aiken. We love beer and we love coffee so we said "Why not both". Oh and we have two brew/roast pups to help us out.</h2>
</div>
<div class="leadership-group">
<div class="leadership-group-1">
<div class="leadership-card">
<img class="leadership-pic" src="images/collytte.jpeg">
<div class="title">
<h1>Collytte</h1>
<p>Boss</p>
</div>
</div>
<div class="leadership-card">
<img class="leadership-pic" src="images/christian.jpg">
<div class="title">
<h1>Christian</h1>
<p>Kinda The Boss</p>
</div>
</div>
</div>
<div class="leadership-group-2">
<div class="leadership-card">
<img class="leadership-pic" src="images/dakota.jpg">
<div class="title">
<h1>Dakota</h1>
<p>Brew Dog</p>
</div>
</div>
<div class="leadership-card">
<img class="leadership-pic" src="images/harley.png">
<div class="title">
<h1>Harley</h1>
<p>Roast Dog</p>
</div>
</div>
</div>
</div>
</section>
<section class="newsletter">
<div class="newsletter-inner">
<p>Subcribe To Our Newsletter</p>
<div class="subcribe">
<p>Your Email</p>
<div>
<a class="subcribe-button">Subcribe</a>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="footer">
<div class="footer__inner container">
<div class="about-us">
<h1>About Us</h1>
<img class="logo" src="images/sb.png">
<p>Aiken Cofeehouse and Lounge is a local owned and operated. We think that you can enjoy your coffee and beer at the same place and not be judge. We rock and so do you.</p>
<ul class="social-footer">
<li> <a href="https://www.facebook.com/christian.medders.7/" target="_blank"> <img class="socal-logo" src='images/facebook.svg'>
</a>
</li>
<li> <a href="https://twitter.com/DutchBros" target="_blank">
<img class="socal-logo" src="images/twitter.svg">
</a>
</li>
<li> <a href="https://www.linkedin.com/in/christian-medders-6a00b7a5/" target="_blank">
<img class="socal-logo" src="images/linkedin.svg">
</a>
</li>
<li> <a href="https://www.instagram.com/sportscenter/" target="_blank">
<img class="socal-logo" src="images/instagram.svg">
</a>
</li>
</ul>
</div>
<div class="contact-us">
<h1>Contact Us</h1>
<p>Address: 123 Easy Street</p>
<p>Phone: 555-555-555</p>
<p>Email: [email protected]</p>
</div>
<div class="services">
<h1>Services</h1>
<p>Coffee Roasting</p>
<p>Beer Brewing</p>
<p>Live Music</p>
<p>Fun Stuff</p>
</div>
<div class="quicklinks">
<h1>Quicklinks</h1>
<p><a href="blog.html">Blog</a></p>
<p>Jobs</p>
<p>Mugs</p>
<p>Pugs</p>
</div>
</div>
</div>
</footer>
</body>
</html>