-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
370 lines (355 loc) · 18.9 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
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-106855092-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-106855092-1');
</script>
<meta charset="UTF-8">
<meta name="description" content="Hos oss är våra gäster ALLTID välkomna! Få varm mat som t.ex. husmanskost, pasta eller sallad, kaffe och hembakade sötsaker vilken tid på dygnet som helst">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Café Tintin | Göteborg Vaknaste Café</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/style.css">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<link rel="manifest" href="favicon/manifest.json">
<link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
</head>
<body id="pageStart">
<!-- NAVBAR SECTION -->
<nav id="nav" class="myNavbar navbar navbar-dark navbar-expand-lg fixed-top py-3">
<div class="container">
<a href="index.html#home" class="navbar-brand">
<img src="img/tivtiv-reduced.png" alt="TIVTIV, Café tintin brand name" height="50">
</a>
<button class="navbar-toggler navbar-toggler-right" data-target="#navbarNav" data-toggle="collapse">
<span class="navbar-toggler-icon"></span>
</button>
<div id="navbarNav" class="collapse navbar-collapse">
<ul class="navbar-nav ml-auto align-items-center">
<li class="nav-item dropdown">
<a href="index.html" class="nav-link dropdown-toggle" data-toggle=dropdown>Start</a>
<div class="dropdown-menu">
<a href="index.html#legend-section" class="dropdown-item">Startskärm</a>
<a href="index.html#home-dishes-section" class="dropdown-item">Mat & Dryck</a>
<a href="index.html#home-about-section" class="dropdown-item">Kuriosa</a>
<a href="index.html#news-section" class="dropdown-item">Nyheter</a>
</div>
</li>
<li class="nav-item">
<a href="meny.html" class="nav-link linkMeny">Meny</a>
</li>
<li class="nav-item">
<a href="oss.html" class="nav-link">Om Oss</a>
</li>
<li class="nav-item">
<a href="jobba.html" class="nav-link">Jobba Hos Oss</a>
</li>
<li class="nav-item">
<a href="galleri.html" class="nav-link">Galleri</a>
</li>
<li class="nav-item">
<a href="hitta.html" class="nav-link">Hitta Hit</a>
</li>
<li class="nav-item">
<a href="kontakt.html" class="nav-link">Kontakt</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="transition-fix">
<!-- LEGEND SECTION -->
<section id="legend-section">
<div class="dark-overlay">
<div class="container">
<div class="row">
<div class="col text-center">
<h1 class="mt-5 pt-5 text-white display-4"><span>Göteborgs</span><br>Vaknaste Café<br><strong>DYGNET RUNT</strong></h1>
<!--<div class="d-flex flex-row justify-content-center align-items-center">-->
<a href="meny.html"><button class="mt-2 btn btn-outline-primary btn-lg mr-2">Se Menyn</button></a>
<!--<a href="tel:+4631180770"><button class="mt-2 btn btn-outline-primary btn-lg ml-2">Beställ Mat</button></a>-->
<!--</div>-->
</div>
</div>
</div>
</div>
</section>
<!-- HOME DISHES SECTION -->
<section id="home-dishes-section">
<div class="row">
<div class="col-lg-4 col-sm-6 m-0 p-0 thumbnail" title="Tryck för alla Pastarätter!">
<a href="meny.html#pasta">
<img id="arrabiata-img-index" src="img/arrabiata-small-device-reduced.jpg" alt="Hemmagjorda recept ger varje pastarätt en gedigen och egen smak, starkt eller krämigt, tomat- eller gräddbaserat, varmt, gott och mättande." class="img-fluid">
</a>
<div class="caption post-content">
<a href="meny.html#pasta">
<h2 class="h3 py-3 px-5 text-white">Pastarätter</h2>
</a>
</div>
</div>
<div class="col-lg-4 col-sm-6 m-0 p-0 thumbnail" title="Tryck för alla husmanskost rätter!">
<a href="meny.html#husmanskost">
<img id="husman-img-index" src="img/husman-small-device-reduced.jpg" alt="Vad kan vara mer passande för ett café med lång historia än traditionsenliga rätter som pytt i panna och pannbiff? Ät en stadig lunch, vi bjuder på kaffet!" class="img-fluid">
</a>
<div class="caption post-content">
<a href="meny.html#husmanskost">
<h2 class="h3 py-3 px-5 text-white">Husmankost</h2>
</a>
</div>
</div>
<div class="col-lg-4 col-sm-6 m-0 p-0 thumbnail" title="Tryck för alla sallader!">
<a href="meny.html#sallad">
<img id="sallad-img-index" src="img/kycklingsallad-small-device-reduced2.jpg" alt="Klassiska och fräscha sallader, här finns med mör kyckling och vår berömda currydressing, samt den godaste caesardressingen i stan, hemmagjord så klart!" class="img-fluid">
</a>
<div class="caption post-content">
<a href="meny.html#sallad">
<h2 class="h3 py-3 px-5 text-white">Sallader</h2>
</a>
</div>
</div>
<div class="col-lg-4 col-sm-6 m-0 p-0 thumbnail" title="Tryck för alla varma mackor!">
<a href="meny.html#mackor">
<img id="toast-img-index" src="img/eggbacon-small-device-reduced.jpg" alt="Ibland är enklast godast… Frasigt bröd, varma pålägg, ägg sunny side upp eller vändstekt om du önskar. Funkar som både frukost, lunch, middag och kvällsmål!" class="img-fluid">
</a>
<div class="caption post-content">
<a href="meny.html#mackor">
<h2 class="h3 py-3 px-5 text-white text-center">Nystekta Mackor</h2>
</a>
</div>
</div>
<div class="col-lg-4 col-sm-6 m-0 p-0 thumbnail" title="Tryck för alla frukostar!">
<a href="meny.html#frukost">
<img id="risgryn-img-index" src="img/frukostrisgryn-small-device-reduced.jpg" alt="Med en bred meny och mer än en de vanliga smörgåsalternativen har Tintin blivit känt för sina frukostar. På gröt eller rejält med ägg står man sig!" class="img-fluid">
</a>
<div class="caption post-content">
<a href="meny.html#frukost">
<h2 class="h3 py-3 px-5 text-white">Frukost</h2>
</a>
</div>
</div>
<div class="col-lg-4 col-sm-6 m-0 p-0 thumbnail" title="Tryck för att se hamburgare!">
<a href="meny.html#hamburgare">
<img id="burger-img-index" src="img/burger-small-device-reduced.jpg" alt="Ordentligt med hemmagjord dressing och 100 % nötkött, 200 gr så man blir mätt! Finns med ost & bacon. Vår berömda krispiga klyftpotatis passar utmärkt till" class="img-fluid">
</a>
<div class="caption post-content">
<a href="meny.html#hamburgare">
<h2 class="h3 py-3 px-5 text-white">Burgers</h2>
</a>
</div>
</div>
<div class="col-lg-4 col-sm-6 m-0 p-0 thumbnail" title="Tryck för alla kaffedrycker!">
<a href="meny.html#kaffe">
<img id="kaffe-img-index" src="img/cafe-latte-small-device-reduced.jpg" alt="Hos oss är ren espresso ingen storsäljare, vi har därför valt en espressoblandning med mycket robusta, en böna med en skarp smak som tränger igenom lattemjölk" class="img-fluid">
</a>
<div class="caption post-content">
<a href="#">
<h2 class="h3 py-3 px-5 text-white text-center">Kaffe</h2>
</a>
</div>
</div>
<div class="col-lg-4 col-sm-6 m-0 p-0 thumbnail" title="Tryck för alla sötsaker!">
<a href="meny.html#sötsaker">
<img id="sötsaker-img-index" src="img/rocky-small-device-reduced.jpg" alt="Gott! Det ska vara gott; det är vårt fokus. Våra hembakade sötsaker har därför ett lite gammaldags utseende utan hårda silverkulor som fastnar i tänderna." class="img-fluid">
</a>
<div class="caption post-content">
<a href="meny.html#sötsaker">
<h2 class="h3 py-3 px-5 text-white">Sötsaker</h2>
</a>
</div>
</div>
<div class="col-lg-4 col-sm-6 m-0 p-0 thumbnail d-none d-lg-block" title="Trck för alla toastar!">
<a href="meny.html#toast">
<img id="toastar-img-index" src="img/toast-small-device-reduced.jpg" alt="Toast" class="img-fluid">
</a>
<div class="caption post-content">
<a href="meny.html#toast">
<h2 class="h3 py-3 px-5 text-white">Toastar</h2>
</a>
</div>
</div>
</div>
</section>
<!-- HOME ABOUT SECTION -->
<section id="home-about-section" class="text-white">
<div class="container pt-5 pb-4">
<div class="row">
<div class="col-md-6">
<img class="img-fluid rounded-circle mb-3" src="img/espresso-tintin-reduced.jpg" alt="Tintin anställd som tillverkar en café latté">
</div>
<div class="col-md-6">
<h2 id="about-header" class="text-center">Intressant om Tintin</h2>
<p class="ml-3 mt-3">Välkommen in för en gedigen måltid eller bara en kopp kaffe! Beroende på när du kommer kan du möta väldigt olika restauranger. Joina byggarbetarna till frukost, kontors-och butiksarbetarna till lunch eller ungdomarna på kvällen. Eller vill
du komma och spektakla med Avenyns festfolk på lördagsnatten, eller uppleva udda figurer på vardagsnätterna? Oavsett när du kommer erbjuds du god mat och härliga efterrätter, välkommen!</p>
<div class="d-flex flex-row mt-4 mb-2">
<div class="p-2">
<i class="fa fa-check p-2 mr-2 mt-2"></i>
</div>
<div class="p-2 align-self-end">
Bästa öppettiderna – svårt att ha öppet mer än dygnet runt!
</div>
</div>
<div class="d-flex flex-row">
<div class="p-2">
<i class="fa fa-check p-2 mr-2 mt-2"></i>
</div>
<div class="p-2 align-self-end">
God mat – för alla, tack vare vår stora meny!
</div>
</div>
<div class="d-flex flex-row">
<div class="p-2">
<i class="fa fa-check p-2 mr-2 mt-2"></i>
</div>
<div id="news-jump" class="p-2 align-self-end">
Skön stämning – sådan som bara historia kan uppbringa…
</div>
</div>
</div>
</div>
</div>
</section>
<!-- NEWS SECTION -->
<section id="news-section">
<div class="container pt-4">
<div class="row">
<div class="col">
<div class="info-header mb-4 text-center">
<h2 class="display-4 text-white">Nyheter</h2>
<p class="text-white mb-3">Här kan du läsa om nya maträtter, kakor och annat roligt! Här skriver vi också viktiga meddelanden som t.ex. om vi någon gång har begränsat sortiment och liknande.</p>
</div>
<div class="card-columns">
<div class="card mb-4">
<div class="card-block">
<div>
<h3 class="card-title h5 py-3 px-3 text-white">Belgiska Våfflor</h3>
</div>
<p class="card-text my-2 mx-3">Nu finns belgiska våfflor på menyn! Serveras med sylt och grädde, sirap och annat gott står framme för er att välja mellan! </p>
<div class="card-footer text-muted text-center">
<small>Skrevs 2018-03-01</small>
</div>
</div>
</div>
<div class="card mb-4">
<div class="card-block">
<div>
<h3 class="card-title h5 py-3 px-3 text-white">Luncherbjudande!</h3>
</div>
<p class="card-text my-2 mx-3">Nu har vi tagit fram ännu bättre luncherbjudanden! 79 kr inklusive kaffe, dricka endast 9 kr! 4 st finns alltid att välja mellan, just nu är det gräddig pasta, kyckling & potatis, kycklingsallad och falukorv & potatis. Passar ingen av
dessa dig i smaken går det bra att beställa från ordinarie menyn också.</p>
<div class="card-footer text-muted text-center">
<small>Skrevs 2018-03-01</small>
</div>
</div>
</div>
<div class="card mb-4">
<div class="card-block">
<div>
<h3 class="card-title h5 py-3 px-3 text-white">Julnyheter!</h3>
</div>
<p class="card-text my-2 mx-3">
Hej kära kunder!<br> Vi har öppet hela jul- och nyårshelgerna, välkomna!<br> Vi kommer att ha andra priser och även ibland begränsat utbud, så ringa och fråga om ni vill veta.<br> God Jul & Gott Nytt År!<br>
</p>
<div class="text-center mb-3">
<i class="fa fa-snowflake-o fa-2x mx-3 mt-2"></i>
<i class="fa fa-tree fa-2x mx-2 mt-2"></i>
<i class="fa fa-snowflake-o fa-2x mx-3 mt-2"></i>
</div>
<div class="card-footer text-muted text-center">
<small>Skrevs 2017-12-23</small>
</div>
</div>
</div>
<div class="card mb-4">
<div class="card-block">
<div>
<h3 class="card-title h5 py-3 px-3 text-white">SPAGHETTI BOLOGNESE</h3>
</div>
<p class="card-text my-2 mx-3">Pasta fortsätter att vara mycket populärt hos oss och därför fortsätter vi ny att utöka pastamenyn! Senaste tillskottet är pasta bolognese! Kom och testa!</p>
<div class="card-footer text-muted text-center">
<small>Skrevs 2017-11-01</small>
</div>
</div>
</div>
<div class="card mb-4">
<div class="card-block">
<div>
<h3 class="card-title h5 py-3 px-3 text-white">Linnégatan i ny regi</h3>
</div>
<p class="card-text my-2 mx-3">Kära kunder! Tintin Linné drivs nu av nya ägare. De är helt fria att ändra koncept efter eget tycke varför det kan komma att skilja sig från caféet på Avenyn framöver. Avenyn fortsätter i samma regi som varit de senaste 25 åren, denna
hemsida handlar alltså numera endast om caféet vid Avenyn. Stay tuned för kommande nyheter!</p>
<div class="card-footer text-muted text-center">
<small>Skrevs 2017-09-22</small>
</div>
</div>
</div>
<div class="card mb-4">
<div class="card-block">
<div>
<h3 class="card-title h5 py-3 px-3 text-white">Din nya favoritpasta?</h3>
</div>
<p class="card-text my-2 mx-3">Pasta Arrabbiata En stark och kryddig pastarätt med smak av bl.a. chili och vitlök, en doft av Italien!</p>
<div class="card-footer text-muted text-center">
<small>Skrevs 2015-08-10</small>
</div>
<img class="card-img-bottom img-fluid" src="img/arrabiata-small-device-meny.jpg" alt="Pasta Arrabiata">
</div>
</div>
<div class="card mb-4">
<div class="card-block">
<div>
<h3 class="card-title h5 py-3 px-3 text-white">Hvitfeldtska 20% rabatt!</h3>
</div>
<p class="card-text my-2 mx-3">Hej alla Hvitfeltskastudenter! Nu erbjuder vi specialrabatt till er: 20 % på alla drycker, kalla smörgåsar (ej räksmörgås) samt bakverk mellan kl. 07.00 och kl. 15.00. Ta med era böcker och få en trevligare håltimma eller lunch! Som
sagt, 20 % mot uppvisande av Hvitfeltska Student-ID! Välkomna!</p>
<div class="card-footer text-muted text-center">
<small>Skrevs 2011-02-21</small>
</div>
</div>
</div>
<div class="card mb-4">
<div class="card-block">
<div>
<h3 class="card-title h5 py-3 px-3 text-white">American Pancakes!</h3>
</div>
<p class="card-text my-2 mx-3">Underbart goda amerikanska pannkakor, serveras med sirap. Beställ gärna extra t.ex. grädde, sylt och smör. 3 till antalet är pannkakorna och de steks på beställning, så de kommer till dig alldeles purfärska!</p>
<div class="card-footer text-muted text-center">
<small>Skrevs 2017-12-23</small>
</div>
<img class="card-img-bottom img-fluid" src="img/frukostamerican-small-device.jpg" alt="American Pancakes">
</div>
</div>
</div>
</div>
<!-- end .col -->
</div>
<!-- end .row -->
</div>
<!-- end .container -->
</section>
<!-- FOOTER SECTION -->
<footer id="index-footer" class="footer-section">
<div class="container w-100 d-flex flex-row justify-content-between py-4 text-white">
<p class="align-self-center text-white">©2017 CT24</p>
<a href="index.html"><img src="img/logo-tintin-reduced.png" alt="En rund cirkel som logga för en plats som välkomnar dygnet runt, året runt, vad kan vara mer passande!" class="img-fluid"></a>
<p class="align-self-center"><a class="text-white" href="tel:+4631180770">031-180770</a><br><a class="text-white" href="mailto:info@tintin.coffee">info@tintin.coffee</a><br><a class="text-white" href="hitta.html">Engelbrektsgatan 22</a></p>
</div>
</footer>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>