-
Notifications
You must be signed in to change notification settings - Fork 0
/
today-special.html
159 lines (157 loc) · 10.1 KB
/
today-special.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
<!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 - Today's Special</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">Home</a></li>
<li><a href="today-special.html" class="active">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">
<h2 class="white-text tm-handwriting-font tm-welcome-header"><img src="img/header-line.png" alt="Line" class="tm-header-line"> Today's Special <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">Read More</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 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 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">l</span>atte</h3><hr class="tm-popular-item-hr">
<p>Caffe latte is a coffee drink made with espresso and steamed milk. The word comes from the Italian caffè e latte, caffelatte or caffellatte, which means "coffee & milk".</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">E</span>spresso</h3><hr class="tm-popular-item-hr">
<p>Espresso is a coffee-making method of Italian origin, in which a small amount of nearly boiling water is forced under pressure through finely-ground coffee beans. Espresso coffee can be made with a wide variety of coffee beans and roast levels.</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>
</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>