-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
233 lines (233 loc) · 13.8 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
<!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">
<title>Coffee House</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Damion' rel='stylesheet' type='text/css'>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/templatemo-style.css" rel="stylesheet">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
</head>
<body>
<div id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="tm-top-header">
<div class="container">
<div class="row">
<div class="tm-top-header-inner">
<div class="tm-logo-container">
<img src="img/logo.png" alt="Logo" class="tm-site-logo">
<h1 class="tm-site-name tm-handwriting-font">Coffee House</h1>
</div>
<div class="mobile-menu-icon">
<i class="fa fa-bars"></i>
</div>
<nav class="tm-nav">
<ul>
<li><a href="index.html" class="active">Home</a></li>
<li><a href="today-special.html">Today Special</a></li>
<li><a href="menu.html">Menu</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<section class="tm-welcome-section">
<div class="container tm-position-relative">
<div class="tm-lights-container">
<img src="img/light.png" alt="Light" class="light light-1">
<img src="img/light.png" alt="Light" class="light light-2">
<img src="img/light.png" alt="Light" class="light light-3">
</div>
<div class="row tm-welcome-content" id="top">
<h2 class="white-text tm-handwriting-font tm-welcome-header"><img src="img/header-line.png" alt="Line" class="tm-header-line"> Welcome To <img src="img/header-line.png" alt="Line" class="tm-header-line"></h2>
<h2 class="gold-text tm-welcome-header-2">Coffee House</h2>
<p class="gray-text tm-welcome-description">Coffee House is a mobile-friendly responsive website by <span class="gold-text">Shardul Kulkarni & Shreya Langar</span>. Drinking Coffee on a daily basis is a way of life here. This is precisely why we plan on opening a coffee shop in this small and quaint town where the people love each other as much as they love their coffee. We intend to sell freshly brewed coffee using these techniques; cold drip, French press, pour-over, and syphon. The products we will be offering include coffee, coffee beans, coffee cups, gift cards, baked goods, and coffee making equipment such as filters and French presses, etc. The <span class="gold-text">Coffee House </span>will provide coffee, food, entertainment, and a welcoming environment for the local community.</p>
<a href="#main" class="tm-more-button tm-more-button-welcome">Details</a>
</div>
<img src="img/table-set.png" alt="Table Set" class="tm-table-set img-responsive">
</div>
</section>
<div class="tm-main-section light-gray-bg">
<div class="container" id="main">
<section class="tm-section row">
<div class="col-lg-9 col-md-9 col-sm-8">
<h2 class="tm-section-header gold-text tm-handwriting-font">The Best Coffee for you</h2>
<h2>Coffee House</h2>
<p class="tm-welcome-description">Coffee isnt just a drink, it's a way of life! History Whether you drink coffee for the taste, the caffeine content, or just as a social activity, coffee brings people together.</p>
<a href="#top" class="tm-more-button margin-top-30">Read More</a>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 tm-welcome-img-container">
<div class="inline-block shadow-img">
<img src="img/1.jpg" alt="Image" class="img-circle img-thumbnail">
</div>
</div>
</section>
<section class="tm-section tm-section-margin-bottom-0 row">
<div class="col-lg-12 tm-section-header-container">
<h2 class="tm-section-header gold-text tm-handwriting-font"><img src="img/logo.png" alt="Logo" class="tm-site-logo"> Popular Items</h2>
<div class="tm-hr-container"><hr class="tm-hr"></div>
</div>
<div class="col-lg-12 tm-popular-items-container">
<div class="tm-popular-item">
<img src="img/popular-1.jpg" alt="Popular" class="tm-popular-item-img">
<div class="tm-popular-item-description">
<h3 class="tm-handwriting-font tm-popular-item-title"><span class="tm-handwriting-font bigger-first-letter">a</span>mericano</h3><hr class="tm-popular-item-hr">
<p>Caffè Americano is a type of coffee drink prepared by diluting an espresso with hot water, giving it a similar strength to, but different flavor from, traditionally brewed coffee. The strength of an Americano varies with the number of shots of espresso and the amount of water added.</p>
<div class="order-now-container">
<a href="menu.html" class="order-now-link tm-handwriting-font">Order Now</a>
</div>
</div>
</div>
<div class="tm-popular-item">
<img src="img/popular-2.jpg" alt="Popular" class="tm-popular-item-img">
<div class="tm-popular-item-description">
<h3 class="tm-handwriting-font tm-popular-item-title"><span class="tm-handwriting-font bigger-first-letter">c</span>appuccino</h3><hr class="tm-popular-item-hr">
<p>A cappuccino is an espresso-based coffee drink that originated in Italy, and is traditionally prepared with steamed milk foam. Variations of the drink involve the use of cream instead of milk, using non-dairy milks, and flavoring with cinnamon or chocolate powder.</p>
<div class="order-now-container">
<a href="menu.html" class="order-now-link tm-handwriting-font">Order Now</a>
</div>
</div>
</div>
<div class="tm-popular-item">
<img src="img/popular-3.jpg" alt="Popular" class="tm-popular-item-img">
<div class="tm-popular-item-description">
<h3 class="tm-handwriting-font tm-popular-item-title"><span class="tm-handwriting-font bigger-first-letter">m</span>ocha</h3><hr class="tm-popular-item-hr">
<p>A caffè mocha, also called mocaccino, is a chocolate-flavoured variant of a caffè latte. Other commonly used spellings are mochaccino and also mochachino. The name is derived from the city of Mocha, Yemen, which was one of the centers of early coffee trade.</p>
<div class="order-now-container">
<a href="menu.html" class="order-now-link tm-handwriting-font">Order Now</a>
</div>
</div>
</div>
</div>
</section>
<section class="tm-section row">
<div class="col-lg-12 tm-section-header-container">
<h2 class="tm-section-header gold-text tm-handwriting-font"><img src="img/logo.png" alt="Logo" class="tm-site-logo"> Today's Special</h2>
<div class="tm-hr-container"><hr class="tm-hr"></div>
</div>
<div class="col-lg-12 tm-special-container margin-top-60">
<div class="tm-special-container-left">
<div class="tm-special-item">
<div class="tm-special-img-container">
<img src="img/special-1.jpg" alt="Special" class="tm-special-img img-responsive">
<div class="tm-special-description">
<h3 class="tm-special-title">CHOCOLATE COVERED STRAWBERRY CAPPUCCINO</h3>
<p>Running through the month of February, our Chocolate Covered Strawberry Cappuccino is a new sweet warm favorite. Served in house with a fresh strawberry and dove chocolate.</p>
</div>
</div>
</div>
</div>
<div class="tm-special-container-right">
<div>
<div class="tm-special-item">
<div class="tm-special-img-container">
<img src="img/special-2.jpg" alt="Special" class="img-responsive">
<div class="tm-special-description">
<h3 class="tm-special-title">TYSON CHICKEN WRAPS</h3>
<p>Featuring a Tyson grilled chicken, our wraps are made daily and ready to pick up and go upon ordering. </p>
</div>
</div>
</div>
</div>
<div class="tm-special-container-lower">
<div class="tm-special-item">
<div class="tm-special-img-container">
<img src="img/special-3.jpg" alt="Special" class="img-responsive">
<div class="tm-special-description">
<p>CHOCOLATE COVERED STRAWBERRY ICED MOCHA </p>
</div>
</div>
</div>
<div class="tm-special-item">
<div class="tm-special-img-container">
<img src="img/special-4.jpg" alt="Special" class="img-responsive">
<div class="tm-special-description">
<p>GRILLED CHEESE cheddar cheese on a wheat berry bread</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="tm-section">
<div class="row">
<div class="col-lg-12 tm-section-header-container">
<h2 class="tm-section-header gold-text tm-handwriting-font"><img src="img/logo.png" alt="Logo" class="tm-site-logo"> Daily Menu</h2>
<div class="tm-hr-container"><hr class="tm-hr"></div>
</div>
</div>
<div class="row">
<div class="tm-daily-menu-container margin-top-60">
<div class="col-lg-4 col-md-4">
<img src="img/menu-board.png" alt="Menu board" class="tm-daily-menu-img">
</div>
<div class="col-lg-8 col-md-8">
<p>Coffee is more than a beverage, however. It is a memory, an anticipation, a lifetime of consoling moments of modest pleasure woven into our lives.</p>
<ol class="margin-top-30">
<li>BOTTOMLESS BROWN
100% Columbian. This is an organic certified Excelso Ep grade coffee, medium roasted, free in-house refills or large take-out</li>
<li>CAFE AU LAIT
Columbian roast coffee + steamed milk</li>
<li>BELGIAN WAFFLE
can add pecans or blueberries</li>
<li>BREAKFAST SANDWICHES
your choice of bagel, biscuit, croissant, or toast with egg, cheese, and a choice of meat: sausage patty, bacon, deli sliced ham or turkey</li>
<li>HANDMADE MILKSHAKES
12 oz. of Blue Bell ice cream of choice + 5 oz. of milk hand-spun</li>
<li>CHICKEN SALAD
hearty scoop of chicken salad on a croissant, topped with lettuce + tomato + a sweet pickle.</li>
</ol>
<a href="#top" class="tm-more-button margin-top-30">Read More</a>
</div>
</div>
</div>
</section>
</div>
</div>
<footer>
<div class="tm-black-bg">
<div class="container">
<div class="row margin-bottom-60">
<nav class="col-lg-3 col-md-3 tm-footer-nav tm-footer-div">
<h3 class="tm-footer-div-title">Main Menu</h3>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Our Services</a></li>
</ul>
</nav>
<div class="col-lg-5 col-md-5 tm-footer-div">
<h3 class="tm-footer-div-title">About Us</h3>
<p class="margin-top-15">At The Coffee House, we welcome all to enter our doors and enjoy free Wi-Fi, a comfortable workspace, good entertainment, great food, and hot coffee.</p>
<p class="margin-top-15">Our baristas prepare and serve hot or cold beverages, such as coffee, espressos, blended coffees, shakes, or teas.</p>
</div>
<div class="col-lg-4 col-md-4 tm-footer-div">
<h3 class="tm-footer-div-title">Get Social</h3>
<div class="tm-social-icons-container">
<a href="contact.html" class="tm-social-icon"><i class="fa fa-facebook"></i></a>
<a href="contact.html" class="tm-social-icon"><i class="fa fa-twitter"></i></a>
<a href="contact.html" class="tm-social-icon"><i class="fa fa-linkedin"></i></a>
<a href="contact.html" class="tm-social-icon"><i class="fa fa-youtube"></i></a>
</div>
</div>
</div>
</div>
</div>
</footer>
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="js/templatemo-script.js"></script>
</body>
</html>