JSFiddle - React, Tailwind, and code Playground

by falldeaf

HTML

<!DOCTYPE html>
<html>

  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Info windows</title>
    <style>
      html,
      body {
        font-family: arial;
        height: 100%;
        margin: 0;
        padding: 0;
      }

      #map {
        height: 100%;
        /* float:right;
        width: 70%; */
      }

      .control_icons {
        height: 32px;
        width: 32px;
      }

      .control_icon_locate {
        height: 32px;
        width: 32px;
      }

      #controls {
        background-color: #383838;
        float: left;
        width: 256px;
        height: 100%;
        border-right: 4px black solid;
      }

      #content {
        background-color: #CCC;
        border-radius: 5px;
        padding: 15px;
        width: 500px
      }

      .bdate {
        font-size: 12px;
        color: #b27600;
        font-weight: bolder;
      }

      .event_button {
        cursor: pointer;
        border-radius: 5px;
        margin: 10px 15px;
        padding: 5px;
        width: 212px;
        background-color: #585858;
        box-shadow: 2px 2px #000000;
        color: #cecece;
      }

      .bspacel {
        margin-left: 5px;
        float: left;
      }

      .bspacer {
        float: right;
      }

      .bclear {
        clear: both;
      }

      #topper {
        clear: both;
        height: 148px;
        background-color: #000;
        border-bottom: 1px #994a4d solid;
      }

      #pano-canvas {
        width: 100%;
        height: 300px;
      }

      #site-logo {
        float: left;
        width: 300px;
      }

      #intro {
        float: right;
        color: #CCC;
        width: 500px;
        padding: 5px;
      }

      #intro a {
        color: #FFA500;
      }

      #next {
        display: none;
        background-color: black;
        color: #CCC;
        border-bottom: 1px #994a4d solid;
        height: 51px;
      }

      #next a {
     ...