<?php
  if (isset($_GET['left']) && isset($_GET['top']) && isset($_GET['width']) && isset($_GET['height'])) {  
    $uw="";
    $postuw="";
    $uw1="";
    $postuw1="";
    $uw2="";
    $postuw2="";
    $uw3="";
    $postuw3="";
    if (isset($_GET['widthleft']) && isset($_GET['widthmiddle']) && isset($_GET['widthright']) && isset($_GET['heighttop']) && isset($_GET['heightmiddle']) && isset($_GET['heightbottom'])) {
      $uw=" usemap=#workmap";
      $uw1=" usemap=#workmap1";
      $uw2=" usemap=#workmap2";
      $uw3=" usemap=#workmap3";
      
      $postuw="<map name=workmap style=z-index:56;>";
      $postuw1="<map name=workmap1 style=z-index:56;>";
      $postuw2="<map name=workmap2 style=z-index:56;>";
      $postuw3="<map name=workmap3 style=z-index:56;>";

      $postuw.="<area shape=rect title=Ephemeral onmouseover=omoiset(1); onmouseout=omoiset(-2); coords=0,0," . explode('.',$_GET['widthleft'])[0] . "," . explode('.',$_GET['heighttop'])[0] . " alt=LeftTop onclick=ouralert(1); target=_blank href=//www.rjmprogramming.com.au/ephemeral />";
      $postuw.="<area shape=rect title=StreetArt onmouseover=omoiset(2); onmouseout=omoiset(-2); coords=" . explode('.',$_GET['widthleft'])[0] . ",0," . explode('.',($_GET['widthleft'] + $_GET['widthmiddle']))[0] . "," . explode('.',$_GET['heighttop'])[0] . " alt=CenterTop onclick=ouralert(2); target=_blank href=//www.rjmprogramming.com.au/streetart />";
      $postuw.="<area shape=rect title=TheCommute onmouseover=omoiset(3); onmouseout=omoiset(-2); coords=" . explode('.',($_GET['widthleft'] + $_GET['widthmiddle']))[0] . ",0," . explode('.',$_GET['width'])[0] . "," . explode('.',$_GET['heighttop'])[0] . " alt=RightTop onclick=ouralert(3);  target=_blank href=//www.rjmprogramming.com.au/thecommute />";

      $postuw1.="<area id=area4 title=? onmouseover=omoiset(4); onmouseout=omoiset(-1); shape=rect coords=0,0," . explode('.',$_GET['widthleft'])[0] . "," . explode('.',(0 + $_GET['heightmiddle']))[0] . " alt=LeftMiddle onclick=ouralert(4); target=_blank nohref />";
      $postuw2.="<area id=area6 title=? onmouseover=omoiset(6); onmouseout=omoiset(-1); shape=rect coords=0,0," . explode('.',$_GET['widthright'])[0] . "," . explode('.',(0 + $_GET['heightmiddle']))[0] . " alt=RightMiddle onclick=ouralert(6); target=_blank nohref />";

      $postuw3.="<area shape=rect title=InnerBurbs onmouseover=omoiset(7); onmouseout=omoiset(-2); coords=0,0," . explode('.',$_GET['widthleft'])[0] . "," . explode('.',$_GET['heightbottom'])[0] . " alt=LeftBottom onclick=ouralert(7);  target=_blank href=//www.rjmprogramming.com.au/pyrmontultimo />";
      $postuw3.="<area shape=rect title=Bygone onmouseover=omoiset(8); onmouseout=omoiset(-2); coords=" . explode('.',$_GET['widthleft'])[0] . ",0," . explode('.',($_GET['widthleft'] + $_GET['widthmiddle']))[0] . "," . explode('.',$_GET['heightbottom'])[0] . " alt=CenterBottom onclick=ouralert(8);  target=_blank href=//www.rjmprogramming.com.au/bygone />";
      $postuw3.="<area shape=rect title=West onmouseover=omoiset(9); onmouseout=omoiset(-2); coords=" . explode('.',($_GET['widthleft'] + $_GET['widthmiddle']))[0] . ",0," . explode('.',$_GET['width'])[0] . "," . explode('.',$_GET['heightbottom'])[0] . " alt=RightBottom onclick=ouralert(9);  target=_blank href=//www.rjmprogramming.com.au/thewest />";

      $postuw.="</map>";
      $postuw1.="</map>";
      $postuw2.="</map>";
      $postuw3.="</map>";
    }
  
    // Create a transparent image thanks to https://www.php.net/manual/en/function.imagecolortransparent.php
    $im = imagecreatetruecolor($_GET['width'], $_GET['height']);
    $red = imagecolorallocate($im, 255, 0, 0);
    $black = imagecolorallocate($im, 0, 0, 0);

    // Make the background transparent
    imagecolortransparent($im, $black);

    // Save the image
    $udirnameprebimg='/tmp/imagecolortransparent.png';
    imagepng($im, $udirnameprebimg);
    $duis='data:image/' . str_replace('jpg','jpeg',strtolower(explode('.',$udirnameprebimg)[-1 + sizeof(explode('.',$udirnameprebimg))])) . ';base64,' . base64_encode(file_get_contents($udirnameprebimg));
    imagedestroy($im);
    unlink($udirnameprebimg);
   
    echo "<html>
<body onload=\"parent.document.getElementById('divimif').innerHTML='<img id=myimg style=height:" . $_GET['heighttop'] . "px;z-index:56;position:absolute;top:" . $_GET['top'] . "px;left:" . $_GET['left'] . "px;width:" . $_GET['width'] . "px; src=" . $duis . "" . $uw . "></img>" . $postuw . "<img id=myimg1 style=height:" . $_GET['heightmiddle'] . "px;z-index:56;position:absolute;top:" . explode('.',($_GET['top'] + $_GET['heighttop']))[0] . "px;left:" . $_GET['left'] . "px;width:" . $_GET['widthleft'] . "px; src=" . $duis . "" . $uw1 . "></img>" . $postuw1 . "<img id=myimg2 style=height:" . $_GET['heightmiddle'] . "px;z-index:56;position:absolute;top:" . explode('.',($_GET['top'] + $_GET['heighttop']))[0] . "px;left:" . explode('.',($_GET['width'] - $_GET['widthright']))[0] . "px;width:" . $_GET['widthright'] . "px; src=" . $duis . "" . $uw2 . "></img>" . $postuw2 . "<img id=myimg3 style=height:" . explode('.',($_GET['height'] - $_GET['heighttop'] - $_GET['heightmiddle']))[0] . "px;z-index:56;position:absolute;top:" . explode('.',($_GET['top'] + $_GET['heighttop'] + $_GET['heightmiddle']))[0] . "px;left:" . $_GET['left'] . "px;width:" . $_GET['width'] . "px; src=" . $duis . "" . $uw3 . "></img>" . $postuw3 . "'; \"></body>
</html>";
    exit;
  }
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>RJM Programming - Software Need Not Be Hard!</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=0.9">
<link rel="stylesheet" href="//www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif}
.w3-bar,h1,button {font-family: "Montserrat", sans-serif}
.fa-anchor,.fa-coffee {font-size:200px}
    
.logo {
   background-color: yellow;
   background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)),URL('Welcome_files/logo.jpg');
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center center;
}


.xwelcome:hover {
   background: URL('Welcome_files/byline.jpg');
   background-size: contain;
   background-repeat: no-repeat;
}

.xabout:hover {
   background: URL("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='106' height='48' viewport='0 0 100 100' style='border-radius:15px;background-color:rgba(255,255,255,0.3);fill:black;font-family:Verdana;font-size:16px;'><text x='2%' y='40%'>\1f464</text></svg>");
}

.xcontact:hover {
   background: URL("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='126' height='48' viewport='0 0 100 100' style='border-radius:15px;background-color:rgba(255,255,255,0.3);fill:black;font-family:Verdana;font-size:16px;'><text x='2%' y='40%'>\0260e</text></svg>");
}

.xservices:hover {
   background: URL("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='48' viewport='0 0 100 100' style='border-radius:15px;background-color:rgba(255,255,255,0.3);fill:black;font-family:Verdana;font-size:16px;'><text x='2%' y='40%'>\1f481</text></svg>");
}

.xnews:hover {
   background: URL("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='74' height='48' viewport='0 0 100 100' style='border-radius:15px;background-color:rgba(255,255,255,0.3);fill:black;font-family:Verdana;font-size:16px;'><text x='2%' y='40%'>\1f4f0</text></svg>");
}

.xguestbook:hover {
   background: URL("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='122' height='48' viewport='0 0 100 100' style='border-radius:15px;background-color:rgba(255,255,255,0.3);fill:black;font-family:Verdana;font-size:16px;'><text x='2%' y='40%'>\0270d</text></svg>");
}

.xlinks:hover {
   background: URL("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='72' height='48' viewport='0 0 100 100' style='border-radius:15px;background-color:rgba(255,255,255,0.3);fill:black;font-family:Verdana;font-size:16px;'><text x='2%' y='40%'>\1f517</text></svg>");
}

#iblog {
  font-size: 172px !important;
  cursor: pointer;
}

.zero {
  width: 80%;
  text-align: center; 
  height: 140px;
  z-index: 87;
  background-color: lightgreen;
  /* display: inline-block; */
}

.dtc {
  width: 80%;
  text-align: center;
  height: 140px;
  z-index: 87;
}

.aus {
  background-color: olive;
  width: 108%;
  text-align: center;
  height: 1050px;
  z-index: 87;
}

#ifdtc {
  background-color: #f0f0f0;
  height: 286px;
}
</style>
<script type='text/javascript'>
  var lastlen=0;
  var mylho=null;
  var urls=['', '', '', ' ', '', ' ', '', '', ''];
  var omoi=-1;
  var isrelp=false;
  
  function postomoiset() {
    if (isrelp) {
    isrelp=false;
    if (omoi == 4 || omoi == 6) {
      var wasomoi=omoi;
      omoi=-1;
      ouralert(wasomoi);
    }
    }
  }
  
  function omoiset(jnnum) {
    if (eval('' + jnnum) == -1) {
    omoi=jnnum;
    //document.title='omoi=' + omoi; 
    isrelp=false;
    //setTimeout(postomoiset, 8000);
    } else if (eval('' + jnnum) == -2) {
    if (omoi != 4 && omoi != 6) {
     omoi=jnnum;
     //document.title='omoi=' + omoi; 
     isrelp=false;
     //setTimeout(postomoiset, 8000);
    }
    } else {
    omoi=jnnum;
    //document.title='omoi=' + omoi; 
    if (omoi != 4 && omoi != 6) {
    isrelp=false;
    } else {
    isrelp=true;
    //document.title='omoi=' + omoi + '|'; 
    setTimeout(postomoiset, 8000);
    }
    }
  }
  
  function omo() {
    var alist=document.getElementsByTagName('a');
    for (var ia=0; ia<alist.length; ia++) {
      alist[ia].title=alist[ia].innerHTML + ' ... long hover of 8 seconds or more shows content in iframe below';
      alist[ia].onmouseover = function(evt) { mylho=evt.target; lastlen=0;  }
      alist[ia].onmouseout = function(evt) { mylho=null; lastlen=0;  }
      alist[ia].ontouchstart = function(evt) { mylho=evt.target; lastlen=0;  }
      alist[ia].ontouchend = function(evt) { mylho=null; lastlen=0;  }
    }
    document.getElementById('dblog').innerHTML='<i id="iblog" onclick="window.open(' + "'//www.rjmprogramming.com.au/ITblog','_blank'" + ')" class="fa fa-wordpress w3-padding-64 w3-text-red"></i>';
  }
  
  function ouralert(innum) {
    var ans='';
    switch ('' + innum) {
      case '1':
       if (urls[eval(-1 + eval('' + innum))] != '') {
          ans=prompt('Want to go anywhere? (To save for future append a blank.)', urls[eval(-1 + eval('' + innum))].trim());
       }
       break;
      case '2':
       if (urls[eval(-1 + eval('' + innum))] != '') {
          ans=prompt('Want to go anywhere? (To save for future append a blank.)', urls[eval(-1 + eval('' + innum))].trim());
       }
       break;
      case '3':
       if (urls[eval(-1 + eval('' + innum))] != '') {
          ans=prompt('Want to go anywhere? (To save for future append a blank.)', urls[eval(-1 + eval('' + innum))].trim());
       }
       break;
      case '4':
       if (urls[eval(-1 + eval('' + innum))] != '') {
          ans=prompt('Want to go anywhere? (To save for future append a blank.)  Eg. https://www.rjmprogramming.com.au/slideshow.html', urls[eval(-1 + eval('' + innum))].trim());
       }
       break;
      case '5':
       if (urls[eval(-1 + eval('' + innum))] != '') {
          ans=prompt('Want to go anywhere? (To save for future append a blank.)', urls[eval(-1 + eval('' + innum))].trim());
       }
       break;
      case '6':
       if (urls[eval(-1 + eval('' + innum))] != '') {
          ans=prompt('Want to go anywhere? (To save for future append a blank.)  Eg. https://www.rjmprogramming.com.au/plus/', urls[eval(-1 + eval('' + innum))].trim());
       }
       break;
      case '7':
       if (urls[eval(-1 + eval('' + innum))] != '') {
          ans=prompt('Want to go anywhere? (To save for future append a blank.)', urls[eval(-1 + eval('' + innum))].trim());
       }
       break;
      case '8':
       if (urls[eval(-1 + eval('' + innum))] != '') {
          ans=prompt('Want to go anywhere? (To save for future append a blank.)', '');
       }
       break;
      case '9':
       if (urls[eval(-1 + eval('' + innum))] != '') {
          ans=prompt('Want to go anywhere? (To save for future append a blank.)', '');
       }
       break;
      default:
       break;
    }
    if (!ans) { ans=''; }
    if (ans != '') { 
      window.open(ans.trim(), '_blank'); 
      if (ans != ans.trim()) {
        window.localStorage.setItem('area' + innum + 'url', encodeURIComponent(ans.trim()));
      } 
    }
  }
  
  function onl() {
    if (eval('' + screen.width) <= 420) {
       //alert(screen.width);
       document.getElementById('topspan').innerHTML=document.getElementById('topspan').innerHTML.replace('RJM Programming', 'RJM</h1><h1>Programming').replace(/\<\/hJUNK1/g, '</h2');
    } //else if (eval('' + screen.width) <= 480) {
       //alert('0' + screen.width);
    //}
    var myiz=document.getElementById('ifzero').getBoundingClientRect();
    var myhr=document.getElementById('myheader').getBoundingClientRect();
    var myh=eval('' + myhr.height);
    var myt=eval('' + myhr.top);
    var widthleft=eval(eval('' + myiz.left) - eval('' + myhr.left));
    var widthmiddle=eval('' + myiz.width);
    var widthright=eval(eval('' + myhr.width) - eval('' + myiz.width) - eval('' + myiz.left));
    if (document.getElementById('navTop')) {
      var myalthr=document.getElementById('navTop').getBoundingClientRect();
      myh-=eval('' + myalthr.height);
      myt=eval('' + myalthr.height);
    }
    var heighttop=eval(eval('' + myiz.top) - eval('' + myt));
    var heightmiddle=eval('' + myiz.height);
    var heightbottom=eval(eval('' + myh) - eval('' + myiz.height)); // - eval('' + myiz.top));
    if (window.parent != window) {
    myh=myh;
    } else if (('' + window.opener).replace(/^undefined/g,'').replace(/^null/g,'')) {
    myh=myh;
    } else if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPaJUNKd|iPod|Opera Mini|IEMobile/i)) {
    myh=myh;
    } else {
    document.getElementById('myimif').src=document.URL.split('?')[0].split('#')[0] + '?left=' + myhr.left + '&top=' + myt + '&width=' + myhr.width + '&height=' + myh + '&ifleft=' + myiz.left + '&iftop=' + myiz.top + '&ifwidth=' + myiz.width + '&ifheight=' + myiz.height + '&widthleft=' + widthleft + '&widthmiddle=' + widthmiddle + '&widthright=' + widthright + '&heighttop=' + heighttop + '&heightmiddle=' + heightmiddle + '&heightbottom=' + heightbottom;
    setTimeout(imbit, 5000);
    }
  }
  
  function imbit() {
    //if (document.getElementById('myimg')) {
    //  document.getElementById('myimg').style.border='5px dashed purple';
    //}
    if (('' + window.localStorage.getItem('area4url')).replace(/^undefined/g,'').replace(/^null/g,'') != '') {
      urls[3]=decodeURIComponent('' + window.localStorage.getItem('area4url'));
      document.getElementById('area4').title=decodeURIComponent('' + window.localStorage.getItem('area4url')) + '# ... long hover of at least 8 seconds for chance to change';
      document.getElementById('area4').href=decodeURIComponent('' + window.localStorage.getItem('area4url'));
      document.getElementById('area4').onclick=function(){ omoiset=-1; urls[3]=urls[3]; }
      //document.getElementById('area4').ondblclick=function(){ ouralert(4); }
    } 
    if (('' + window.localStorage.getItem('area6url')).replace(/^undefined/g,'').replace(/^null/g,'') != '') {
      urls[5]=decodeURIComponent('' + window.localStorage.getItem('area6url'));
      document.getElementById('area6').title=decodeURIComponent('' + window.localStorage.getItem('area6url')) + '# ... long hover of at least 8 seconds for chance to change';
      document.getElementById('area6').href=decodeURIComponent('' + window.localStorage.getItem('area6url'));
      document.getElementById('area6').onclick=function(){ omoiset=-1;  urls[5]=urls[5]; }
      //document.getElementById('area6').ondblclick=function(){ ouralert(6); }
    }
  }
  
  function lhover() {
    if (mylho) {
      lastlen++;
      if (lastlen >= 8) { document.getElementById('ibelow').src=mylho.href;  document.getElementById('abovebelow').scrollIntoView(); mylho=null; lastlen=0; }
    }
  }


 function check_if(iois) {
  if (iois != null) {
    var aconto = (iois.contentWindow || iois.contentDocument);
    if (aconto != null) {
       if (aconto.document) { aconto = aconto.document; }
       if (aconto.body != null) {
          var igs=aconto.getElementsByTagName('img');
          for (var jigs=0; jigs<igs.length; jigs++) {
            if (igs[jigs].src.indexOf('?rand') != -1) { igs[jigs].src+='' + Math.floor(Math.random() * 456) + '&x=x';  }
          }
       }
    } 
  }
 }

  setTimeout(omo, 2000);
  setInterval(lhover, 1000);

</script>
</head>
<body onload='onl();'>

<!-- Navbar -->
<div id="navTop" class="w3-top">
  <div class="w3-bar w3-pink w3-card w3-left-align w3-large">
    <a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-green" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
    <a href="./Welcome.html" class="w3-bar-item w3-button w3-padding-large w3-white logo">Home</a>
    <a href="./Welcome.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white xwelcome">Welcome</a>
    <a href="./About_Us.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white xabout">About Us</a>
    <a href="./Contact_Us.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white xcontact">Contact Us</a>
    <a href="./Services.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white xservices">Services</a>
    <a href="./News.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white xnews">News</a>
    <a href="./Guestbook.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white xguestbook">Guestbook</a>
    <a href="./Link.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white xlinks">Links</a>
  </div>

  <!-- Navbar on small screens -->
  <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium w3-large">
    <a href="./Welcome.html" class="w3-bar-item w3-button w3-padding-large xwelcome">Welcome</a>
    <a href="./About_Us.html" class="w3-bar-item w3-button w3-padding-large xabout">About Us</a>
    <a href="./Contact_Us.html" class="w3-bar-item w3-button w3-padding-large xcontact">Contact Us</a>
    <a href="./Services.html" class="w3-bar-item w3-button w3-padding-large xservices">Services</a>
    <a href="./News.html" class="w3-bar-item w3-button w3-padding-large xnews">News</a>
    <a href="./Guestbook.html" class="w3-bar-item w3-button w3-padding-large xguestbook">Guestbook</a>
    <a href="./Link.html" class="w3-bar-item w3-button w3-padding-large xlinks">Links</a>
  </div>
</div>

<!-- Header -->
<header id="myheader" title="Recent post image links in light green area" class="w3-container w3-green w3-center" style="padding:128px 16px">
  <span id="topspan"><h1 id="toph1" class="w3-margin w3-jumbo">RJM Programming</h1></span>
  <p class="w3-xlarge">Software Need Not Be Hard!</p>
  <!--button class="w3-button w3-black w3-padding-large w3-large w3-margin-top">Get Started</button-->
  <iframe title="Recent posts" onload="check_if(this);" src="PHP/zero.html?totalwidth=y" class="zero" id="ifzero" style="z-index:57;"></iframe>
</header>

<!-- First Grid -->
<div class="w3-row-padding w3-padding-64 w3-container">
  <div class="w3-content">
    <div class="w3-twothird">
      <h1>Our Information Technology Blog</h1>
      <h5 class="w3-padding-32">It's mainly software, but all matters I.T. that get our interest running an Apache/PHP/MySql Linux web server website.</h5>

      <iframe id="ifdtc" class="dtc" src="PHP/divtagcloud.html"></iframe>

      <!--p class="w3-text-grey">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint
        occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
        laboris nisi ut aliquip ex ea commodo consequat.</p-->
    </div>

    <div id="dblog" class="w3-third w3-center">
      <i id="iblog" class="fa fa-anchor w3-padding-64 w3-text-red"></i>
    </div>
  </div>
</div>

<!-- Second Grid -->
<div class="w3-row-padding w3-light-grey w3-padding-64 w3-container">
  <div class="w3-content">
    <div class="w3-third w3-center">
      <i class="fa fa-coffee w3-padding-64 w3-text-red w3-margin-right"></i>
    </div>

    <div class="w3-twothird">
      <h1>Read On</h1>
      <h5 id="abovebelow" class="w3-padding-32">&nbsp;&nbsp;&nbsp;We love programming!</h5>

      <iframe name="below" id="ibelow" class="aus"" src="./About_Us.html"></iframe>

      <!--p class="w3-text-grey">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint
        occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
        laboris nisi ut aliquip ex ea commodo consequat.</p-->
    </div>
  </div>
</div>

<div class="w3-container w3-black w3-center w3-opacity w3-padding-64">
    <h1 class="w3-margin w3-xlarge">Software Need Not Be Hard!</h1>
</div>

<!-- Footer -->
<footer class="w3-container w3-padding-64 w3-center w3-opacity">  
  <div class="w3-xlarge w3-padding-32">
    <!--i class="fa fa-facebook-official w3-hover-opacity"></i>
    <i class="fa fa-instagram w3-hover-opacity"></i>
    <i class="fa fa-snapchat w3-hover-opacity"></i>
    <i class="fa fa-pinterest-p w3-hover-opacity"></i>
    <i class="fa fa-twitter w3-hover-opacity"></i-->
    <i class="fa fa-linkedin w3-hover-opacity" onclick="window.open('//www.linkedin.com/in/robert-metcalfe-88622626?originalSubdomain=au','_blank');"></i>
 </div>
 <p>Powered by <a href="//www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p>
</footer>

<script>
// Used to toggle the menu on small screens when clicking on the menu button
function myFunction() {
  var x = document.getElementById("navDemo");
  if (x.className.indexOf("w3-show") == -1) {
    x.className += " w3-show";
  } else { 
    x.className = x.className.replace(" w3-show", "");
  }
}
</script>
<div id=divimif></div>
<iframe style='display:none;' id=myimif src=></iframe>
</body>
</html>
