JSFiddle - React, Tailwind, and code Playground

by Krzysztof Jedraszewski

HTML

<!DOCTYPE html>

<html>

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, width=device-width">
    <title>ITCOA</title>
    <script src="cordova.js" defer></script>
    <style>
      #bg {
        background: url('https://imgflip.com/s/meme/Cute-Cat.jpg') center center / cover no-repeat;
        width: 400px;
        height: 400px;
      }
      
      button {
        margin: 15px 0 15px 0;
        display: block;
      }

    </style>
  </head>

  <body>
    <div id="bg">
      <h1 style="text-align:center;margin-top:80px"> Welcome to IT Carlow Orientation App </h1>
      <div id="navcontainer" style="margin-left:150px;margin-top:100px;">
        <button type="button" id="findPathButton" onclick="parent.location='findPlace.html'">Find a place!</button>
        <button type="button" id="showMapsButton" onclick="parent.location='showMaps.html'">Show Maps!</button>
      </div>
    </div>
  </body>

</html>