<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>St James Theatre</title> <style type="text/css"> html { min-height: 100%; } body, html { margin: 0; background-color: #231f20; height: 100%; } img { display: block; margin: 0 auto; position: relative; max-width: 100%; } .table { display: table; width: 100%; min-height: 100%; } .table-cell { display: table-cell; vertical-align: middle; } .hidden-xs { display: none; } .visible-xs { display: block; } @media (min-width: 768px) { .hidden-xs { display: block; } .visible-xs { display: none; } } </style> </head> <body> <div class="table"> <a href="http://www.theotherpalace.co.uk" class="table-cell"> <img src="/1.jpg" alt="St James Theatre" class="hidden-xs" /> <img src="/2.jpg" alt="St James Theatre" class="visible-xs" /> </a> </div> <script type="text/javascript"> //Redirect setTimeout(function() { window.location.href='http://www.theotherpalace.co.uk' }, 10000); //GA var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-33742391-1']); _gaq.push(['_setDomainName', '.stjamestheatre.co.uk']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </body> </html>