-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·246 lines (241 loc) · 14.1 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<title>Pane & Olio - Toscaans Delicatessen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="stylesheet" href="styles/layout.css" type="text/css" />
<script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="scripts/jquery.slidepanel.setup.js"></script>
<script type="text/javascript" src="scripts/jquery.cycle.min.js"></script>
<script type="text/javascript" src="scripts/jquery.cycle.setup.js"></script>
<script type="text/javascript" src="scripts/site.search.js"></script>
<script type="text/javascript" src="scripts/jquery.carousel.min.js"></script>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<!-- Get Satisfaction wodget -->
<script type="text/javascript" charset="utf-8">
var is_ssl = ("https:" == document.location.protocol);
var asset_host = is_ssl ? "https://s3.amazonaws.com/getsatisfaction.com/" : "http://s3.amazonaws.com/getsatisfaction.com/";
document.write(unescape("%3Cscript src='" + asset_host + "javascripts/feedback-v2.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript" charset="utf-8">
var feedback_widget_options = {};
feedback_widget_options.display = "overlay";
feedback_widget_options.company = "paneolio";
feedback_widget_options.placement = "left";
feedback_widget_options.color = "#222";
feedback_widget_options.style = "idea";
var feedback_widget = new GSFN.feedback_widget(feedback_widget_options);
</script>
<!-- Very rudimentary multi-language support -->
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('h2,p').each(
function(intIndex) {
var currentLang = "nl";
if (this.className.indexOf("i18n") != -1 && this.className.indexOf(currentLang) == -1) {
this.style.visibility="hidden";
this.style.display = 'none';
}
}
);
});
</script>
</head>
<body id="top">
<a href="http://github.com/paneolio"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://d3nwyuy0nl342s.cloudfront.net/img/e6bef7a091f5f3138b8cd40bc3e114258dd68ddf/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub"></a>
<div class="wrapper col0">
<div id="topline">
<ul>
<li><a href="https://www.facebook.com/home.php?sk=group_159143107457287">Facebook</a></li>
<li><a href="http://goo.gl/maps/taTv">Google</a></li>
<li class="last"><a href="https://foursquare.com/venue/18306623">4 Square</a></li>
</ul>
<div id="search">
<form action="http://www.google.com/search" method="get" onSubmit="Gsitesearch(this)">
<fieldset>
<legend>Site Search</legend>
<input name="q" type="hidden" />
<input name="qfront" type="text" style="width: 180px" />
<input type="submit" name="go" id="go" value="Search" />
</fieldset>
</form>
</div>
<br class="clear" />
</div>
</div>
<!-- ####################################################################################################### -->
<div class="wrapper col1">
<div id="header">
<div id="topnav">
<!-- <ul>
<li class="last"><a href="#">Link text</a><span>Test Text Here</span></li>
<li><a href="#">DropDown</a><span>Test Text Here</span>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li><a href="full-width.html">Full Width</a><span>Test Text Here</span></li>
<li><a href="style-demo.html">Style Demo</a><span>Test Text Here</span></li>
<li class="active"><a href="index.html">Homepage</a><span>Test Text Here</span></li>
</ul> -->
</div>
<div id="logo">
<h1><a href="#">Pane <strong>&</strong> Olio</a></h1>
<h2 class="i18n nl">Toscaanse Delicatessen <strong>||</strong> Catering <strong>||</strong> Traiteur</h2>
<h2 class="i18n en">Tuscan Restaurant <strong>||</strong> Catering <strong>||</strong> Traiteur</h2>
<h2 class="i18n it">Delicatezze Toscane <strong>||</strong> Catering <strong>||</strong> Trattoria</h2>
<p>A proposal of typical Tuscan dishes prepared by following the ancient popular recipes</p>
</div>
<br class="clear" />
</div>
</div>
<!-- ####################################################################################################### -->
<div class="wrapper col2">
<div id="featured_slide">
<div class="featured_box">
<div class="floater">
<h3>Lasagna alla Bolognese</h3>
<p>We follow the long-established classic Lasagna recipe, preparing the layers with italian flour, using selected mixes of beef and pork meat and imported italian cheese.</p>
</div>
<!-- <p class="readmore"><a href="#">Continue Reading »</a></p> -->
<img src="pictures/lasagna-bolognese.jpg" alt="Lasagna alla Bolognese" /> </div>
<div class="featured_box">
<div class="floater">
<h3>Lasagna agli Asparagi</h3>
<p>Fresh asparagus cooked following the traditional procedure - combined with red zafran and selected italian cheeses make this recipe very tasty and peculiar.</p>
</div>
<!-- <p class="readmore"><a href="#">Continue Reading »</a></p> -->
<img src="pictures/lasagna-asparagi.jpg" alt="Lasagna agli Asparagi" /> </div>
<div class="featured_box">
<div class="floater">
<h3>Rustico</h3>
<p>A fast and easy warm snack which wraps the wild taste of southern italian fresh tomato, oregano and capers.</p>
</div>
<!-- <p class="readmore"><a href="#">Continue Reading »</a></p> -->
<img src="pictures/rustico.jpg" alt="Timballo di Pasta" /> </div>
<div class="featured_box">
<div class="floater">
<h3>Timballo di Pasta</h3>
<p>A mix of pasta, cheese and meat cooked in the oven, a very widespread italian main course</p>
</div>
<!-- <p class="readmore"><a href="#">Continue Reading »</a></p> -->
<img src="pictures/timballo-pasta.jpg" alt="Rustico" /> </div>
<div class="featured_box">
<div class="floater">
<h3>Cornetti al Cioccolato</h3>
<p>The original homemade Cornetti al Cioccolato, the flag of the italian breakfast; around 10 a.m. we normally serve them straight from the oven!</p>
</div>
<!-- <p class="readmore"><a href="#">Continue Reading »</a></p> -->
<img src="pictures/cornetto.jpg" alt="Cornetto" /> </div>
</div>
</div>
<!-- ####################################################################################################### -->
<div class="wrapper col3">
<div class="container">
<div class="content">
<div id="topstory">
<h2>Other Recipes</h2>
<ul>
<li><img src="pictures/focaccine.jpg" width="190" height="130" alt="Focaccine" />
<p>Focaccine</p>
<p>A rich selection of homemade focaccia, filled with fine italian delicacies, such as provolone, mozzarella, dry tomato, rucola and different Tuscan hams, always dressed with Tuscan olive oil and fresh southern oregano</p>
<!-- <p class="readmore"><a href="#">Continue Reading »</a></p> -->
</li>
<li><img src="pictures/pizza.jpg" width="190" height="130" alt="Pizza" />
<p>Pizza</p>
<p>Sliced pizza from homemade dough using organic flour and fresh ingredients, mostly imported directly from Italy; the slice is a very practical format if you want to have a quick and cheap meal and enjoy the most original pizza recipe</p>
<!-- <p class="readmore"><a href="#">Continue Reading »</a></p> -->
</li>
<li class="last"><img src="pictures/peperoni-ripieni.jpg" width="190" height="130" alt="Peperoni Ripieni" />
<p>Peperoni Ripieni</p>
<p>Paprika stuffed with provolone cheese, mozzarella, basil and onions; real authentic dish from the south of Italy</p>
<!-- <p class="readmore"><a href="#">Continue Reading »</a></p> -->
</li>
</ul>
<br class="clear" />
</div>
<div id="latestnews">
<h2>The Team</h2>
<ul>
<li>
<div class="imgholder"><img width="125" height="125" src="pictures/fabio.jpg" alt="Fabio" /></div>
<div class="latestnews">
<h2>Pane (aka Fabio)</h2>
<p>My name is Fabio and I welcome you in our small and humble place, where we try to preserve the good italian food traditions and share it in a welcoming place like the center of Amsterdam is. In my family there's a long trail of chiefs, all sharing the same love for simple, healthy and tasty food, mixing different origins and cultures. Pane & Olio is also the result of this journey, mixed with the flavor of the Tuscan products that we directly import from there, working with friends and relatives that keep this project alive.</p>
<!-- <p class="readmore"><a href="#">Continue Reading »</a></p> -->
</div>
<br class="clear" />
</li>
<li class="last">
<div class="imgholder"><img width="125" height="125" src="pictures/paolo.jpg" alt="Paolo" /></div>
<div class="latestnews">
<h2>Olio (aka Paolo)</h2>
<p>Hey there, welcome to our website! My name is Paolo and I'm normally hidden behind the kitchen, preparing the dough, cooking the pasta and dressing the dishes of the picture! I'm a passionate chief coming from the farest tip of Puglia, a region full of excellent products and simple recipes, yet extremely tasty. My daily satisfaction is to share my experience with people who enjoy our food and our mission.</p>
<!-- <p class="readmore"><a href="#">Continue Reading »</a></p> -->
</div>
<br class="clear" />
</li>
</ul>
</div>
</div>
<div class="column">
<div class="sponsors">
<h2>Friends</h2>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/pages/Pane-Olio/225185744165180" width="300" show_faces="true" stream="true" header="true"></fb:like-box>
</div>
</div>
<br class="clear" />
</div>
</div>
<!-- ####################################################################################################### -->
<div class="wrapper col4">
<div id="footer">
<div class="box1">
<h2>A Little Company Information</h2>
<img class="imgl" src="pictures/foto-volantino.jpg" width="125" height="125" alt="Flier Pane & Olio" />
<p>Pane & Olio has opened in July 2010, always based on the effort of these two brave guys, Fabio and Paolo; the main objective of this place is to be a nice, quiet and relaxing place for visitors and local where they can enjoy some real and traditional italian food, the way our grandmas taught us. It is also an attempt to create a welcoming environment for everyone and enjoy the company of people around a table, the way our fathers taught us. The location of Pane & Olio is indeed not a coincidence; we're located in the heart of one the most beautiful, liberal and welcoming city in the world; thanks to the warmth collaboration of friends, colleagues, mates and even customers we feel already part of it and we work everyday to make our customers feel special.</p>
</div>
<div class="box contactdetails">
<h2>Our Contact Details</h2>
<ul>
<li>Pane & Olio</li>
<li>Oude Leliestraat 6
<li>1015 AW Amsterdam, Netherlands
<li>Tel. +31 6 25211473</li>
<li><a href="mailto:info@paneolio.nl">info@paneolio.nl</a></li>
<li><a href="https://foursquare.com/venue/18306623">4 Square</a></li>
<li><a href="http://goo.gl/maps/taTv">Google</a></li>
<li class="last"><a href="https://www.facebook.com/home.php?sk=group_159143107457287">Facebook</a></li>
</ul>
</div>
<div class="box flickrbox">
<h2>Location</h2>
<div class="wrap">
<div class="fix"></div>
<div class="flickr_badge_image" id="flickr_badge_image2"><a target="_blank" href="http://goo.gl/maps/Ywym"><img class="imgl" width="250" src="pictures/map.jpg" alt="Map of Pane & Olio" /></a></div>
<!-- <div class="flickr_badge_image" id="flickr_badge_image1"><a href="#"><img width="80" height="80" src="thumbs/tavolini.jpg" alt="Tavolini" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image2"><a href="#"><img width="80" height="80" src="thumbs/tavola-imbandita.jpg" alt="" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image3"><a href="#"><img width="80" height="80" src="thumbs/vespa.jpg" alt="" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image4"><a href="#"><img width="80" height="80" src="thumbs/vetrina.jpg" alt="" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image5"><a href="#"><img width="80" height="80" src="thumbs/interno.jpg" alt="" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image6"><a href="#"><img width="80" height="80" src="thumbs/interno2.jpg" alt="" /></a></div> -->
<div class="fix"></div>
</div>
</div>
<br class="clear" />
</div>
</div>
<!-- ####################################################################################################### -->
<div class="wrapper col5">
<div id="copyright">
<p class="fl_left">Copyright © 2010 - All Rights Reserved - <a href="#">Pane & Olio</a></p>
<p class="fl_right">Template by <a href="http://www.os-templates.com/" title="Open Source Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html>