<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style type="text/css">
            html, body, #partner, iframe {
                height:100%;
                width:100%;
                margin:0;
                padding:0;
                border:0;
                outline:0;
                font-size:100%;
                vertical-align:baseline;
                background:#f8692c;
                color: #fff;
                font-family: Arial, "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
            }
            body {
            	overflow: hidden;
            }
            iframe {
            	margin: 0 auto 0;
            }
			a {
			    text-decoration: none;
			}
            .wrapper {
			    max-width: 1100px;
			    padding: 0 1em;
			    margin: 0 auto;
			    position: relative;
			}
            .wrapper .logo {
            	float: left;
			}
			.wrapper .logo img {
            	width: 50vw;
            	max-width: 240px;
            	margin: 1em 0;
			}
			.wrapper .nav {
				text-align: right;
				display: inline;
				float: right;
				margin: 1.6em 0;
			}
			.wrapper .nav a {
				display: inline-block;
				margin: .5em 0 0 .5em;
			}
			.wrapper .nav .phone {
			    color: #fff;
			    font-size: 1.3rem;
			    font-weight: 300;
			    height: auto;
			}
			.wrapper .nav .cpbutton {
			    color: #fff;
			    background: #ffffff00;
			    border-radius: 10px;
			    padding: .4em .8em .35em;
			    text-decoration: none;
			    font-size: 1.1rem;
			    font-family: Arial, "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
			    font-weight: 400;
			    border: .13em solid;
			    transition: background 150ms ease;
			}
			.wrapper .nav .cpbutton:hover {
				background: #ffffff22;
			}
            @media screen and (min-width: 500px) /* Desktop */ {
                .wrapper .nav {
                    width: calc(100% - 260px);
                }
            }
        </style>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
        <meta content="NOW" name="expires">
        <meta content="index, follow, all" name="GOOGLEBOT">
        <meta content="index, follow, all" name="robots">
        <!-- Following Meta-Tag fixes scaling-issues on mobile devices -->
        <meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" name="viewport">
    </head>
    <body>
    	<div class="wrapper">
	    	<div class="logo">
	    		<a href="https://www.easyspace.com/" target="_top"><img src="https://www.easyspace.com/assets/images/structure/easyspace-logo-main.svg"></a>
	    	</div>
	    	<div class="nav">
    			<a href="tel:03707555088" class="phone">
    				<i class="fa fa-phone"></i> 0370 755 5088
    			</a>
    			<a href="https://www.easyspace.com/" class="cpbutton">
    				<i class="fa fa-home"></i> easyspace.com
    			</a>
    			<a href="https://supportservices.easyspace.com/" class="cpbutton">
    				<i class="fa fa-life-ring"></i> Support
    			</a>
    			<a href="https://controlpanel.easyspace.com/" class="cpbutton">
    				<i class="fa fa-cog" aria-hidden="true"></i> Control Panel
    			</a>
	    	</div>
	    </div>
        <div id="partner"></div>
        <script type="text/javascript">
            document.write(
                    '<script type="text/javascript" language="JavaScript"'
                            + 'src="//sedoparking.com/frmpark/'
                            + window.location.host + '/'
                            + 'easyparkeddomains'
                            + '/park.js">'
                    + '<\/script>'
            );
        </script>
    </body>
</html>
