
<!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('./images/MPH_3144.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>