1<!DOCTYPE html> 2<html lang="en"><head> 3 <!-- meta information --> 4 <meta charset="utf-8" /> 5 <meta name="author" 6 content="View Creative" /> 7 <meta name="description" content="Setting the scene for a dining experience that is a little different to most. We create a series of dishes using the best locally sourced produce available to us on the day providing a unique culinary journey not found anywhere else. 8 "> 9 <meta name="keywords" content="sosban, old, butchers, restaurant, fine, dining, menai, bridge, north, wales"> 10<meta name="robots" 11 content="index,follow" /> 12 <meta name="revisit-after" 13 content="14 days" /> 14 <meta name="country" 15 content="UK" /> 16 <meta name="language" 17 content="en-GB" /> 18 19 <!-- RSS --> 20 <link rel="alternate" 21 type="application/rss+xml" 22 title="RSS" 23 href="/blog/rss.php" /> 24 25 <!-- Who worked on this? --> 26 <link rel="author" 27 type="text/plain" 28 href="/humans.txt" /> 29 30 31 <!-- Styling for all devices --> 32 33 34 <!-- Styling for progressively larger displays 35 NOTE: breakpoints are decided based on the design, not device 36 REFERENCE: http://mattwilcox.net/archive/entry/id/1075/ --> 37 <link rel="stylesheet" 38 media="only screen and (min-width: 480px)" 39 href="/assets/css/screen.480.css" /> 40 41 <!-- Deal with IE < 9 which can't do media queries. Given up on respond.js, it's too unreliable and causes crashes --> 42 <!--[if lt IE 9 & (!IEMobile)]> 43 <link rel="stylesheet" href="/assets/css/screen.480.css" /> 44 <![endif]--> 45
46 <!-- Favicon for Retina iThings --> 47 <link rel="apple-touch-icon-precomposed" 48 sizes="114x114" 49 href="/assets/images/apple-touch-icon.png" /> 50 <!-- Favicon for old iThings and Android --> 51 <link rel="apple-touch-icon-precomposed" 52 href="/assets/images/apple-touch-icon.png" /> 53 <!-- Favicon for Nokia --> 54 <link rel="shortcut icon" 55 href="/assets/images/apple-touch-icon.png" /> 56 <!-- Favicon for everything else --> 57 <link rel="shortcut icon" 58 href="/favicon.ico" 59 type="image/x-icon" /> 60 61 <!-- The Adaptive-Images JavaScript 62 NOTE: Used to automatically provide re-scaled images appropriate to the visitors device 63 REFERENCE: http://adaptive-images.com --> 64
64<script>document.cookie='resolution='+Math.max(screen.width,screen.height)+'; path=/';</script>
64 65 66 <!-- google analytics 67 NOTE: This goes in the head because it's the asynchronous loader, read more here: 68 REFERENCE: http://code.google.com/apis/analytics/docs/tracking/asyncTracking.html --> 69
69<script>
vendor: 354 bytes, lines 69-75
69 70 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 71 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 72 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 73 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 74 75 ga('create', '
75UA-39995711-9
vendor: 68 bytes, lines 75-78
75', 'sosbanandtheoldbutchers.com'); 76 ga('send', 'pageview'); 77 78
78</script>
78 79 80<style> 81body {background-color:#202020;margin:0 0 0 0;-webkit-font-smoothing: antialiased;background-image:url(assets/images/bottom-bg.jpg);} 82 83@font-face { 84 font-family: 'copperplate-regular'; 85 src: url('assets/fonts/Copperplate-Regular-webfont.eot'); 86 src: url('assets/fonts/Copperplate-Regular-webfont.eot?#iefix') format('embedded-opentype'), 87 url('assets/fonts/Copperplate-Regular-webfont.woff') format('woff'), 88 url('assets/fonts/Copperplate-Regular-webfont.ttf') format('truetype'), 89 url('assets/fonts/Copperplate-Regular-webfont.svg#copperplate_fsregular') format('svg'); 90 font-weight: normal; 91 font-style: normal; 92} 93 94@font-face { 95 font-family: 'copperplate-semibold'; 96 src: url('assets/fonts/Copperplate-Semibold-webfont.eot'); 97 src: url('assets/fonts/Copperplate-Semibold-webfont.eot?#iefix') format('embedded-opentype'), 98 url('assets/fonts/Copperplate-Semibold-webfont.woff') format('woff'), 99 url('assets/fonts/Copperplate-Semibold-webfont.ttf') format('truetype'), 100 url('assets/fonts/Copperplate-Semibold-webfont.svg#copperplate_fssemibold') format('svg'); 101 font-weight: normal; 102 font-style: normal; 103} 104 105@font-face { 106 font-family: 'copperplate-bold'; 107 src: url('assets/fonts/Copperplate-Bold-webfont.eot'); 108 src: url('assets/fonts/Copperplate-Bold-webfont.eot?#iefix') format('embedded-opentype'), 109 url('assets/fonts/Copperplate-Bold-webfont.woff') format('woff'), 110 url('assets/fonts/Copperplate-Bold-webfont.ttf') format('truetype'), 111 url('assets/fonts/Copperplate-Bold-webfont.svg#copperplate_fsbold') format('svg'); 112 font-weight: normal; 113 font-style: normal; 114} 115 116#container-top, #container-middle, #container-bottom {width:640px;margin:0 auto;} 117#container-top, #container-bottom {text-align:center;} 118#container-top {height:auto;width:830px;margin:0 auto;} 119#logo {margin:0 auto;} 120#container-top img {margin:0 auto;margin-top:50px; opacity:0; 121-moz-transition: opacity 6s; /* Firefox 4 */ 122-webkit-transition: opacity 6s; /* Safari and Chrome */ 123-o-transition: opacity 6s; 124transition: opacity 6s; 125} 126 127#tri-white {width:100px; height:47px;margin:0 auto; background-image: url(assets/images/tri-white.png);margin-top:0px;} 128#tri-black {width:96px; height:47px;margin:0 auto; background-image: url(assets/images/tri-black.png);margin-top:-44px;} 129 130#middle {background-image: url(assets/images/middle-bg.jpg); height:auto;padding-top:60px; padding-bottom:60px;} 131#container-middle h2 {margin-left:6px;font-size:18px;color:#333;text-align:center;background-image: url(assets/images/heading-divide-alt.png);width:633px;height:16px;letter-spacing:3px;margin-bottom:50px;} 132#container-middle p {text-align:center;} 133#container-middle span p {font-size:14px;color:#a0a0a0;} 134#middle p {color:#606060;line-height:24px;} 135p, label {font-family:Georgia;} 136p, h1, h2, h3, h4, label {color:#fff; font-weight:normal;} 137h1, h2, h3 {font-family:'copperplate-semibold';text-transform:uppercase;} 138#container-top h2 {font-size:20px;letter-spacing:6px;} 139h2.bottom-line {font-family:'copperplate-bold';margin-top:-14px;font-size:20px;letter-spacing:6px;} 140#logo {margin-top:100px;width:640px;height:94px; background-image: url(assets/images/sosban-butchers-logo.png);} 141#logo span {display:none;} 142#container-bottom {width:100%;margin:0 auto;background-image:url(assets/images/bottom-bg.jpg);} 143#bottom {margin:0 auto;padding-top:60px;padding-bottom:50px;} 144#bottom h2 {margin:0 auto;padding-top:2px;margin-bottom:50px;font-size:18px;color:#fff;text-align:center;background-image: url(assets/images/heading-divide-white.png);width:633px;height:14px;letter-spacing:3px;} 145#bottom h4 {text-transform:uppercase; color:#93c5ac; font-family:'copperplate-bold';letter-spacing:2px;font-size:10px;padding-top:-4px;} 146#bottom p {width:560px;margin:0 auto;color:#fff;line-height:24px;text-align:center;} 147#bottom span {text-transform:uppercase;font-size:10px;color:#484848;font-style:italic;} 148#bottom a {color:#666; text-decoration:none;} 149#bottom p.small {margin-top:-8px;font-size:12px;color:#666;line-height:28px;} 150 151form {margin:0 auto;margin-top:40px;margin-bottom:80px; width:640px;} 152.submit {margin-top:0px;margin-left:12px;font-size:14px;border:0px;width:144px;height:28px;text-transform:uppercase;font-family:'copperplate-bold';letter-spacing:2px;background-color:#8ebea6;background-image:url(assets/images/button-tex.jpg); 153 border-radius: 6px 6px 6px 6px; 154 -moz-border-radius: 6px 6px 6px 6px; 155 -webkit-border-radius: 6px 6px 6px 6px;} 156textarea {border:0px;font-family:Georgia;color:#666;font-style:italic;padding:5px;width:300px;height:150px;float:right; 157 border-radius: 6px 6px 6px 6px; 158 -moz-border-radius: 6px 6px 6px 6px; 159 -webkit-border-radius: 6px 6px 6px 6px;} 160input {border:0px;width:300px;height:22px;font-family:Georgia;font-style:italic;color:#666;font-size:16px;padding:5px;margin-bottom:31px;float:left; 161 border-radius: 6px 6px 6px 6px; 162 -moz-border-radius: 6px 6px 6px 6px; 163 -webkit-border-radius: 6px 6px 6px 6px;} 164input.submit {margin-left:252px;color:#333;font-style:normal;} 165#send {margin:0 auto;clear:both;width:640px;height:20px;background: url(assets/images/heading-divide-white.png) center center;} 166</style> 167 168 <!-- Modernizr also goes in the head, to allow the HTML5 shiv to work for IE, and prevent FOUC. 169 REFERENCE: http://www.modernizr.com/docs/#installing --> 170
170<script src="/assets/javascript/modernizr.custom.js"></script>
vendor: 1 bytes, line 170
170
171<script src="/assets/javascript/initiate.js"></script>
171 172<title>Sosban and The Old Butchers Restaurant</title> 173</head> 174<body> 175 176 <div id="container-top"> 177 <div id="logo"> 178 <span><h1>Sosban and The Old Butchers Restuarant</h1></span> 179 </div> <!-- end logo --> 180 <p>To book our unique dining experience please use our online booking facility.</p> 181<p>Please note that our booking system has some limitations. If we cannot meet your request via online booking, this probably means that the desired date is fully booked or there are no vacant tables for the desired number of guests. As an alternative, you can add yourself to our waiting list via the contact form below.</p> 182 <div class="booking-area" style="margin-top: 30px;color:white;"> 183 <!--
183<script src="https://bookwith.resdiary.com/widget.js" type="text/javascript"></script>
183 184 <iframe id="webbook_frame" 185 style="width: 100%; min-height: 485px; height: auto; border: 0; overflow: hidden;" 186 allowtransparency="true" 187 src="https://bookwith.resdiary.com/booking/,init,/standard/7607/online/1741124686" 188 frameborder="0" 189 scrolling="no"> 190 </iframe>-->
191<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
191
192<script type="text/javascript"> 193$(function() { 194var widgetFrame = $("#rd-widget-frame"); 195widgetFrame.load("https://7723fded-c4a4-4605-b717-6a890ecd2c71.resdiary.com/widget/Standard/SosbanTheOldButchersRestaurant/3467"); 196}) 197</script>
197 198 199<div id="rd-widget-frame" style="max-width: 600px; margin: auto;"></div> 200 201 </div> 202 </div><!-- end container-top --> 203 204 205 <div id="middle"> 206 207 <div id="container-middle"> 208 <h2>Terms & Conditions </h2> 209 210 <p><strong>Cancellation/Amendments to your booking:</strong><br/> 211 <p>Please be aware we require Credit Card details for all reservations and a non refundable deposit of £48.00 per person will be charged to your card upon booking.</p> 212 <p>We ask that 72hrs notice is given (via email, including your booking confirmation email) should you wish to cancel or reduce the number of guests in your party. No refund of your deposit will be given.</p> 213<p>For cancellations of your booking with less than 72 hours notice or 'no shows' your card will be charged the remainder of the set price menu £127 per person. </p> 214 215 <p><strong>Dietary Requirements</strong><br/> 216<p>Regrettably, due to the modest nature of our establishment, we're unable to cater for any dietary requirements, dislikes or allergies and cannot offer any substitutions.</p> 217 <!--<p>It is your responsibility to advise us of all dietary needs upon booking, prior to your visit, as there 218may be some requirements that we will not be able to accommodate.</p>!--> 219 220 <p>Thank you for choosing Sosban & The Old Butcher's Restaurant, the team look forward to welcoming you very soon.</p> 221 222 223 224 <div id="close-gap"> 225 </div><!-- end close gap --> 226 </div> <!-- end container-middle --> 227 </div><!-- end middle --> 228 <div id="tri-black"> 229 </div><!-- end tri black --> 230<div id="container-bottom"> 231 <div id="bottom"> 232 <h2>Get In Touch</h2> 233 <!-- Undefined content: Get In Touch --> 234 235 <div id="contact-form"> 236 237<form id="form1_contact" action="/booking.php" method="post"> 238 <div> 239 <label for="form1_Message"></label> 240 <textarea id="form1_message" name="message" cols="30" rows="5">Message</textarea> 241 </div> 242 <div> 243 <label for="form1_Name"></label> 244 <input id="form1_Name" name="Name" value="Name" type="text" required="required" /> 245 </div> 246 <div> 247 <label for="form1_Email"></label> 248 <input id="form1_Mail" name="Mail" value="Email" type="email" required="required" /> 249 250 251 252 253 </div> 254 <div> 255 <label for="form1_Phone"></label> 256 <input id="form1_Phone" name="Phone" value="Phone" type="text" required="required" /> 257 </div> 258 259 <div id="send"> 260 <input class="submit" value="Send" type="submit" /><input type="hidden" name="cms-form" value="Y29udGFjdDpwZXJjaF9mb3JtczovdGVtcGxhdGVzL2Zvcm1zL2NvbnRhY3QuaHRtbA==" /> 261 </div> 262 263 264 265 </form> 266 </div><!-- end contact form --> 267 268 <h4>Sosban & The Old Butcher's Restaurant</h4> 269 <p class="small">Trinity House, 1 High Street, Menai Bridge, Isle of Anglesey, LL59 5EE<br /> 270 <p class="small"><span>email:</span> <a href="mailto:[email protected]">[email protected]</a><span> // phone:</span> 01248 208 131</p> 271 272 </div><!-- end bottom --> 273 274 275 276</div><!-- end container-bottom --> 277 278</body 279</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.