1<!DOCTYPE html> 2<!--[if IE 8]> <html class="ie ie8"> <![endif]--> 3<!--[if IE 9]> <html class="ie ie9"> <![endif]--> 4<!--[if gt IE 9]><!--> <html> <!--<![endif]--> 5 <head> 6 <meta charset="utf-8" /> 7 <title>Serota Bespoke Furniture | Contact Information</title> 8 <meta name="keywords" content="" /> 9 <meta name="description" content="" /> 10 <meta name="Author" content="Serota Limited" /> 11 12 <!-- mobile settings --> 13 <meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0" /> 14 <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]--> 15 16 <!-- WEB FONTS : use %7C instead of | (pipe) --> 17 <!--<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400%7CRaleway:300,400,500,600,700%7CLato:300,400,400italic,600,700" rel="stylesheet" type="text/css" />--> 18 <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700%7CLato:300,400,400italic,600,700" rel="stylesheet" type="text/css" /> 19 20 <!-- CORE CSS --> 21 <link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 22 23 <!-- THEME CSS --> 24 <link href="assets/css/essentials.css" rel="stylesheet" type="text/css" /> 25 <link href="assets/css/layout.css" rel="stylesheet" type="text/css" /> 26 27 <!-- PAGE LEVEL SCRIPTS --> 28 <link href="assets/css/header-1.css" rel="stylesheet" type="text/css" /> 29 <link href="assets/css/color_scheme/green.css" rel="stylesheet" type="text/css" id="color_scheme" /> 30 31 <!-- COOKIE LAW --> 32 <link href="assets/plugins/cookie-law/css/jquery-eu-cookie-law-popup.css" rel="stylesheet" type="text/css" /> 33 34 <!-- ICO --> 35 <link href="assets/ico/apple-touch-icon-144-precomposed.png" rel="apple-touch-icon-precomposed" sizes="144x144" /> 36 <link href="assets/ico/apple-touch-icon-114-precomposed.png" rel="apple-touch-icon-precomposed" sizes="114x114" /> 37 <link href="assets/ico/apple-touch-icon-72-precomposed.png" rel="apple-touch-icon-precomposed" sizes="72x72" /> 38 <link href="assets/ico/apple-touch-icon-57-precomposed.png" rel="apple-touch-icon-precomposed" sizes="57x57" /> 39 <link href="assets/ico/favicon.ico" rel="shortcut icon" /> 40 </head> 41 42 <body class="smoothscroll enable-animation"> 43 44 <!-- SLIDE TOP --> 45 <div id="slidetop"> 46 47 <div class="container"> 48 49 <div class="row"> 50 51 <div class="col-md-6"> 52 <h6>OVERVIEW</h6> 53 <h3>Serota has gained a reputation for fulfilling even the most challenging of library design briefs. With over 100 years' experience of manufacturing and fitting, the company is noted for creating fine furniture that is in keeping with its surroundings, from refurbishment projects in listed buildings through to the most contemporary of designs.</h3> 54 </div> 55 56 <div class="col-md-2"><!--Space--></div> 57 58 <div class="col-md-4"> 59 <h6>CONTACT INFO</h6> 60 <ul class="list-unstyled"> 61 <li><i class="fa fa-map-marker"></i> 92 Hilliard Road, Northwood, Middlesex HA6 1SW</li> 62 <li><i class="fa fa-envelope-o"></i> <a href="mailto:[email protected]">[email protected]</a></li> 63 </ul> 64 </div> 65 66 </div> 67 68 </div> 69 70 <a class="slidetop-toggle" href="#"><!-- toggle button --></a> 71 72 </div> 73 <!-- /SLIDE TOP --> 74 75 76 <!-- wrapper --> 77 <div id="wrapper"> 78 79 <div id="header" class="sticky clearfix"> 80 81 <!-- TOP NAV --> 82 <header id="topNav"> 83 <div class="container"> 84 85 <!-- Mobile Menu Button --> 86 <button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse"> 87 <i class="fa fa-bars"></i> 88 </button> 89 90 <!-- BUTTONS --> 91 <ul class="pull-right nav nav-pills nav-second-main"> 92 93 </ul> 94 <!-- /BUTTONS --> 95 96 <!-- Logo --> 97 <a class="logo pull-left" href="index.html"> 98 <img src="assets/images/logo_serota.png" alt="Serota Bespoke Furniture" /> 99 </a> 100 101 <!--
102 Top Nav 103 104 AVAILABLE CLASSES: 105 submenu-dark = dark sub menu 106 --> 107 <div class="navbar-collapse pull-right nav-main-collapse collapse submenu-dark"> 108 <nav class="nav-main"> 109 110 <ul id="topMain" class="nav nav-pills nav-main"> 111 <li> 112 <a href="index.html">HOME</a> 113 </li> 114 115 <li> 116 <a href="about.html">ABOUT</a> 117 </li> 118 119 <li class="dropdown"><!-- KEY SECTORS --> 120 <a class="dropdown-toggle" href="#"> 121 KEY SECTORS 122 </a> 123 <ul class="dropdown-menu"> 124 <li><a class="dropdown-toggle" href="sector-academia.html">ACADEMIA</a></li> 125 <li><a class="dropdown-toggle" href="sector-ecclesiastical.html">ECCLESIASTICAL</a></li> 126 <li><a class="dropdown-toggle" href="sector-commerce-law.html">COMMERCE & LAW</a></li> 127 </ul> 128 </li> 129 130 <li class="dropdown"><!-- PORTFOLIO --> 131 <a class="dropdown-toggle" href="#"> 132 PORTFOLIO 133 </a> 134 <ul class="dropdown-menu"> 135 <li><a class="dropdown-toggle" href="portfolio.html">OVERVIEW</a></li> 136 <li><a class="dropdown-toggle" href="case-study-kennedys.html">KENNEDYS</a></li> 137 <li><a class="dropdown-toggle" href="case-study-camlis.html">CAMLIS</a></li> 138 <li><a class="dropdown-toggle" href="case-study-kingsfund.html">THE KING'S FUND</a></li> 139 <li><a class="dropdown-toggle" href="case-study-rhs.html">RHS LINDLEY LIBRARY</a></li> 140 <li><a class="dropdown-toggle" href="case-study-shsk.html">ST HELEN & ST KATHARINE</a></li> 141 <li><a class="dropdown-toggle" href="case-study-stjames.html">ST JAMES</a></li> 142 <li><a class="dropdown-toggle" href="case-study-stjohns.html">ST JOHN'S</a></li> 143 <li><a class="dropdown-toggle" href="case-study-rsm.html">THE ROYAL SOCIETY OF MEDICINE</a></li> 144 <li><a class="dropdown-toggle" href="case-study-tiffin.html">TIFFIN SCHOOL ACADEMY</a></li> 145 </ul> 146 </li> 147 148 <li class="active"> 149 <a href="contact.html">CONTACT</a> 150 </li> 151 152 </ul> 153 154 </nav> 155 </div> 156 157 </div> 158 </header> 159 <!-- /Top Nav --> 160 161 </div> 162 163 164 165 <section class="page-header parallax parallax-3" style="background-image:url('assets/images/headers/contact.jpg')"> 166 <div class="overlay dark-5"><!-- dark overlay [1 to 9 opacity] --></div> 167 168 <div class="container"> 169 170 <h1>CONTACT</h1> 171 172 <!-- breadcrumbs --> 173 <ol class="breadcrumb"> 174 <li><a href="index.html">Home</a></li> 175 <li class="active">Contact</li> 176 </ol><!-- /breadcrumbs --> 177 178 </div> 179</section> 180 <!-- /PAGE HEADER --> 181 182 183 184 185 <!-- --> 186 <section> 187 <div class="container"> 188 189 <div class="row"> 190 191 <!-- FORM --> 192 <div class="col-md-8 col-sm-8"> 193 194 <h3>Drop us a line</h3> 195 196 <form class="validate" action="php/contact2.php" method="post" data-success="Thank you! We will get back to you shortly" data-toastr-position="bottom-right"> 197 <fieldset> 198 <input type="hidden" name="action" value="contact_send" /> 199 200 <div class="row"> 201 <div class="form-group"> 202 <div class="col-md-4"> 203 <label for="contact_name">Full Name *</label> 204 <input type="text" id="contact_name" name="contact_name" class="form-control required"> 205 <!--<input required type="text" value="" class="form-control required" id="contact_name" name="contact_name">--> 206 </div> 207 <div class="col-md-4"> 208 <label for="contact_email">E-mail Address *</label> 209 <input type="email" id="contact_email" name="contact_email" class="form-control required"> 210 <!--<input required type="email" value="" class="form-control required" id="contact_email" name="contact_email[required]">--> 211 </div> 212 <div class="col-md-4"> 213 <label for="contact_phone">Contact Telephone *</label> 214 <input type="text" id="contact_phone" name="contact_phone" class="form-control required"> 215 <!--<input type="text" value="" class="form-control required" name="contact_phone" id="contact_phone[required]">--> 216 </div> 217 </div> 218 </div> 219 <div class="row"> 220 <div class="form-group"> 221 <div class="col-md-12"> 222 <label for="contact_subject">Subject *</label> 223 <input type="text" id="contact_subject" name="contact_subject" class="form-control required"> 224 <!--<input required type="text" value="" class="form-control required" name="contact_subject" id="contact_subject[required]">--> 225 </div> 226 </div> 227 </div> 228 <div class="row"> 229 <div class="form-group"> 230 <div class="col-md-12"> 231 <label for="contact_message">Message *</label> 232 <textarea required maxlength="10000" rows="8" id="contact_message" name="contact_message" class="form-control required"></textarea> 233 <!--<textarea required maxlength="10000" rows="8" class="form-control required" name="contact_message" id="contact_message[required]"></textarea>--> 234 </div> 235 </div> 236 </div> 237 238 </fieldset> 239 240 <div class="row"> 241 <div class="col-md-12"> 242 <input type="hidden" name ="action" id ="action" value ="contact_send"> 243 <button class="btn btn-primary" type="submit">SUBMIT MESSAGE</button> 244 </div> 245 </div> 246 </form> 247 248 249 </div> 250 251 <!-- /FORM --> 252 253 254 <!-- INFO --> 255 <div class="col-md-4 col-sm-4"> 256 257 <h2>Contact Information</h2> 258 259 <hr /> 260 261 <p> 262 <span class="block"><em>Postal Address:</em> <br> 263 92 Hilliard Road, Northwood, Middlesex HA6 1SW</span></p> 264 265 <p><span class="block"><em>Email:</em> <br> 266 <a href="mailto:[email protected]">[email protected]</a></span> 267 </p> 268 269 </div>
270 <!-- /INFO --> 271 272 </div> 273 274 </div> 275 </section> 276 <!-- / --> 277 278 279 <!-- BANNER --> 280 281 <section class="theme-color"> 282 <div class="container text-center"> 283 <span class="font-lato size-30"> 284 To find out how we can help you with your next project: email us at <span class="weight-700"><a href="mailto:[email protected]">[email protected]</a></span> 285 </span> 286 287 </div> 288 </section> 289 290 <!-- /BANNER --> 291 292 293 294 <!-- FOOTER --> 295 <footer id="footer"> 296 <div class="container"> 297 298 <div class="row"> 299 300 <!-- col #1 --> 301 302 <div class="col-md-6"> 303 <!-- Footer Logo --> 304 <img class="footer-logo" src="assets/images/logo-footer.png" alt="Serota Bespoke Furniture" /> 305 306 <!-- Small Description --> 307 <p><em>Turning innovative environments into exceptional workplaces</em></p> 308 309 <!-- Contact Address --> 310 <address> 311 <ul class="list-unstyled"> 312 <li class="footer-sprite address"> 313 92 Hilliard Road<br> 314 Northwood<br> 315 Middlesex HA6 1SW<br> 316 </li> 317 318 <li class="footer-sprite email"> 319 <span class="email"><a href="mailto:[email protected]?subject=Enquiry from www.serota.co.uk">[email protected]</a></span> 320 </li> 321 </ul> 322 </address> 323 <!-- /Contact Address --> 324 325 </div> 326 327 <!-- /col #1 --> 328 329 <!-- col #2 --> 330 <div class="col-md-6"> 331 332 333 334 <div class="divider"><!-- divider --></div> 335 336 <!-- Social Icons --> 337 <div class="margin-top-0 text-right"> 338 339 <a href="https://plus.google.com/117362053502809579526" class="social-icon social-icon-border social-gplus pull-right" data-toggle="tooltip" data-placement="top" title="Google plus"> 340 <i class="icon-gplus"></i> 341 <i class="icon-gplus"></i> 342 </a> 343 344 <a href="https://www.linkedin.com/in/michaelserota" class="social-icon social-icon-border social-linkedin pull-right" data-toggle="tooltip" data-placement="top" title="Linkedin"> 345 <i class="icon-linkedin"></i> 346 <i class="icon-linkedin"></i> 347 </a> 348 349 </div> 350 <!-- /Social Icons --> 351 352 </div> 353 <!-- col #2 --> 354 355 </div> 356 357 </div> 358 359 <div class="copyright"> 360 <div class="container"> 361 <ul class="pull-right nomargin list-inline mobile-block"> 362 <li><a href="disclaimer.html">Disclaimer</a></li> 363 <!--<li>•</li>--> 364 <li>|</li> 365 <li><a href="privacy.html">Privacy</a></li> 366 </ul> 367 <span class="theme-color">©
367<script language="javascript" src="assets/js/copyright.js" type="text/javascript"></script>
367. Copyright Serota Limited</span> | Registered Office: 18 Holly Road, Farnborough, Hants GU14 0EA. Company Regn No. 4818232 368 </div> 369 </div> 370 </footer> 371 <!-- /FOOTER --> 372 373 </div> 374 <!-- /wrapper --> 375 376 377 <!-- SCROLL TO TOP --> 378 <a href="#" id="toTop"></a> 379 380 381 <!-- PRELOADER --> 382 <div id="preloader"> 383 <div class="inner"> 384 <span class="loader"></span> 385 </div> 386 </div><!-- /PRELOADER --> 387 388 <!-- COOKIE LAW POPUP --> 389 <div class="eupopup eupopup-bottom eupopup-style-compact"></div> 390 391 392 <!-- JAVASCRIPT FILES --> 393
393<script type="text/javascript">var plugin_path = 'assets/plugins/';</script>
393 394
394<script type="text/javascript" src="assets/plugins/jquery/jquery-2.1.4.min.js"></script>
394 395 396
396<script type="text/javascript" src="assets/js/scripts.js"></script>
396 397 <!-- /JAVASCRIPT FILES --> 398 399 <!-- COOKIE ALERT --> 400
400<script type="text/javascript" src="assets/plugins/cookie-law/js/jquery-eu-cookie-law-popup.js"></script>
400 401 402 <!-- GOOGLE ANALYTICS --> 403 <!-- Global site tag (gtag.js) -->
vendor: 65 bytes, lines 403-404
403 404<script async src="https://www.googletagmanager.com/gtag/js?id=
404UA-90757668-1
vendor: 13 bytes, line 404
404"></script>
405<script> 406
vendor: 138 bytes, lines 406-410
406window.dataLayer = window.dataLayer || []; 407 function gtag(){dataLayer.push(arguments);} 408 gtag('js', new Date()); 409 410 gtag('config', '
410UA-90757668-1
vendor: 5 bytes, line 410
410');
411</script>
411 412 <!-- /GOOGLE ANALYTICS --> 413 414 415 </body> 416</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.