-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
229 lines (203 loc) · 8.73 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
<!DOCTYPE HTML>
<!--
Big Picture by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-110184203-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-110184203-1');
</script>
<!-- SEO -->
<meta charset="utf-8" />
<title>Croquetas Bar</title>
<meta name="description" content="Barcelona Street Food">
<meta name="author" content="Croquetas Bar">
<meta name="web_author" content="Croquetas Bar">
<meta name="keywords" content="Croquetas, Bar, Food, Spain, Tasty, Market, Perth, Australia, Yummy">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="canonical" href="https://croquetasbar.com.au/" hreflang="en">
<link rel="alternate" href="https://www.croquetasbar.com.au/" hreflang="en">
<!--Open graph properties-->
<meta property="og:title" content="Croquetas Bar">
<meta property="og:site_name" content="Croquetas Bar">
<meta property="og:description" content="Real Spanish experience for perfect occasions.">
<meta property="og:url" content="https://croquetasbar.com.au/">
<meta property="og:image" content="images/og.png">
<meta property="og:image:secure_url" content="images/og.png">
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Lora:400,700" rel="stylesheet">-->
<link href="https://fonts.googleapis.com/css?family=Kameron|Lobster+Two:400,700|Raleway:600" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
</head>
<body>
<!-- Header -->
<header id="header">
<h1>The Croquetas Bar</h1>
<nav>
<ul>
<li><a href="#home">HOME</a></li>
<li><a href="#catering">CATERING</a></li>
<li><a href="#about-us">ABOUT US</a></li>
<!--<li><a href="#events">EVENTS</a></li>-->
<li><a href="#gallery">GALLERY</a></li>
<li><a href="#contact">CONTACT US</a></li>
</ul>
</nav>
</header>
<!-- Home -->
<section id="home" class="main style1 dark fullscreen">
<div class="content">
<header>
<img class="logo" src="images/white-logo.png"/>
</header>
<p class="title">Bringing the authentic Spanish cuisine to your table</p>
<p class="subtitle">Enjoy our traditional tapas, paellas and croquetas.</p>
<a class="button special" href="#contact">Get a quote</a>
</div>
</section>
<!-- Catering -->
<section id="catering" class="main style3 primary fullscreen">
<div class="content">
<header>
<h2>Catering</h2>
<p>Upcoming birthday, wedding or engagement party? We offer a wide range of options that will
perfectly suit all your event needs. Our tapas, paellas and croquetas are cooked and plated
in live by our experienced chef from Barcelona. We always use fresh and gourmet ingredients
from local and Spanish suppliers.<br>
<br>In our culture food means getting together. So, let us make your event exceptional by
bringing the Spanish flavours to your table.<br>
<br>Click below for a full description.
</p>
</header>
<!-- Gallery -->
<div class="gallery">
<article class="from-left">
<a href="menu-croquetas.html" target="_blank" class="image fit">
<p>Croquetas</p>
<img src="images/thumbs/03.jpg" title="Croquetas" alt="" />
</a>
</article>
<article class="from-right">
<a href="menu-paellas.html" target="_blank" class="image fit">
<p>Paellas</p>
<img src="images/thumbs/02.jpg" title="Paellas" alt="" />
</a>
</article>
<article class="from-left">
<a href="menu-tapas-pinchos.html" target="_blank" class="image fit">
<p>Tapas</p>
<img src="images/thumbs/04.jpg" title="Tapas y pinchos" alt="" />
</a>
</article>
<article class="from-right">
<a href="menu-set-menus.html" target="_blank" class="image fit">
<p>Set menus</p>
<img src="images/thumbs/01.jpg" title="Set menus" alt=""/>
</a>
</article>
</div>
</div>
</section>
<!-- About us -->
<section id="about-us" class="main style2 dark fullscreen">
<div class="content box style2">
<header>
<h2>About us</h2>
</header>
<p>Originally from Barcelona, Spain, The Croquetas Bar team is passionate for food and delighted to
share our cuisine and culture with you. Javier, our experienced head-chef, has worked in Spanish
tapas restaurants for many years and follows the traditional recipes to get the authentic flavour.<br>
<br>We cater for every function you may have, from weddings, birthdays to afterworks. We can help you
make your event a remarkable experience with our authentic mobile Spanish tapas bar.
</p>
</div>
</section>
<!-- Events -->
<!--
<section id="events" class="main style3 primary fullscreen">
<div class="content">
<header>
<h2>Events</h2>
<p>The Croquetas Bar trades at many food markets, events and festivals. If you’d like to follow us,
we have grouped all our events into a single page so you can find us easily! You can also add
our calendar to your Google account for automated updates on GCalendar. See you around :)</p>
</header>
<a class="button special" href="http://events.croquetasbar.com.au" target="_blank">
More information
</a>
</div>
</section>
-->
<!-- Gallery -->
<section id="gallery" class="main style3 primary fullscreen">
<div class="content">
<header>
<h2>Gallery</h2>
<p>A picture speaks a thousand words. We'd like to keep you tuned with our social media pictures.
Food street markets, festivals and private functions. Follow us on Facebook and Instagram.
See you around Croqueta Lovers ♥</p>
</header>
<div id="instafeed"></div>
</div>
</section>
<!-- Contact -->
<section id="contact" class="main style3 secondary fullscreen">
<div class="content">
<header>
<h2>Contact us</h2>
<p>Please feel free to contact our team for a quote or further questions you may have. We will get
back to you as soon as possible. </p>
</header>
<div class="box">
<form method="POST" action="https://formspree.io/[email protected]">
<div class="field half first"><input type="text" name="name" placeholder="Name" /></div>
<div class="field half"><input type="email" name="email" placeholder="Email" /></div>
<div class="field"><textarea name="message" placeholder="Message" rows="6"></textarea></div>
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</form>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<!-- Icons -->
<ul class="actions">
<li><a href="https://www.instagram.com/thecroquetasbar/" target="_blank" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://www.facebook.com/thecroquetasbar/" target="_blank" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="https://www.linkedin.com/company/11350565/" target="_blank" class="icon fa-linkedin"><span class="label">Linkedin</span></a></li>
<li><a href="mailto:[email protected]" target="_blank" class="icon fa-envelope-o"><span class="label">E-mail</span></a></li>
</ul>
<!-- Menu -->
<ul class="menu">
<li>© Croquetas Bar</li><li>Design: <a href="https://asuarez.dev">Albert Suarez</a></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/skel.min.js"></script>
<script type="text/javascript" src="assets/js/instafeed.min.js"></script>
<script type="text/javascript" src="assets/js/res.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>