<!DOCTYPE html> <html> <head> <meta name="keywords" content="Aoraki, Mount Cook, Mt Cook, Aorangi, Fairlie, Aorak1"> <meta name="description" content="Aoraki.com Home"> <meta name="author" content="Aorak1"> <!-- <link href='http://fonts.googleapis.com/css?family=Sofadi+One' rel='stylesheet' type='text/css'> --> <style> h1 { font-family: "Arial Black", Gadget, sans-serif; text-align: left; color: #FFFF00; border-top-width: 0px; margin-top: 0px; padding-top: 1px ; padding-left: 5% ; text-shadow: 3px 3px 6px purple; /*#fff; */ } h2 { font-family: "Arial Black", Gadget, sans-serif; text-align: center; color: lime; border-top-width: 0px; margin-top: 0px; padding-top: 1px ; padding-left: 0% ; text-shadow: 3px 3px 6px purple; /*#fff; */ } /* got this from http://tutorialzine.com/2012/06/quick-tip-fullscreen-backgrounds/ */ html{ background: DimGray; /* This image will be displayed fullscreen */ background:url('https://c2.staticflickr.com/2/1572/25217260851_571b7a1eee_o.jpg') no-repeat center center; /* Ensure the html element always takes up the full height of the browser window */ min-height:100%; /* The Magic */ background-size:cover; } body{ /* Workaround for some mobile browsers */ min-height:100%; } .content { min-height: 100%; } .footer { position: absolute; clear: both; bottom: 0; width: 90%; } #d {position:relative;} </style> <title>Aoraki.com</title> <!-- font scaling from http://stackoverflow.com/questions/8465299/dynamically-scale-font-size-to-height --> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" charset="utf-8"> $( document ).ready( function() { var $body = $('body'); //Cache this for performance var setBodyScale = function() { var scaleFactor = 0.25, scaleSourceHeight = $(window).height(), scaleSourceWidth = $(window).width(), maxScale = 500, minScale = 1; var scaleSource; var fontSize; /* if (scaleSourceHeight > scaleSourceWidth) scaleSource = scaleSourceWidth; else scaleSource = scaleSourceHeight */ scaleSource = Math.sqrt($(window).width() * $(window).width() + $(window).height() * $(window).height()); fontSize = scaleSource * scaleFactor; //Multiply the width or height of the body by the scaling factor: if (fontSize > maxScale) fontSize = maxScale; if (fontSize < minScale) fontSize = minScale; //Enforce the minimum and maximums $('body').css('font-size', fontSize + '%'); } $(window).resize(function(){ setBodyScale(); }); //Fire it when the page first loads: setBodyScale(); }); </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-68564894-1', 'auto'); ga('send', 'pageview'); </script> </head> <body> <div class="content"> <h1>aoraki.com</h1> </div> <div class="footer"> <table style="width:100%"> <tr> <td style="width:50%; text-align:center;"> <h2 onclick="window.location.href='Contact.html';" style="cursor:pointer;"> 0 223 796 811 </h2> </td> </tr> </table> </div> </body> </html>