JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="view-source:expotools.dyndns.org:8282/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="view-source:expotools.dyndns.org:8282/bootstrap/css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="view-source:http://expotools.dyndns.org:8282/css/blue.css">

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>HTH Warehouse Manager</title>
    
        <!-- Bootstrap framework -->
            <link rel="stylesheet" href="http://expotools.dyndns.org:8282/bootstrap/css/bootstrap.min.css" />
            <link rel="stylesheet" href="http://expotools.dyndns.org:8282/bootstrap/css/bootstrap-responsive.min.css" />
        <!-- gebo blue theme-->
            <link rel="stylesheet" href="http://expotools.dyndns.org:8282/css/blue.css" id="link_theme" />
        <!-- breadcrumbs-->
            <link rel="stylesheet" href="http://expotools.dyndns.org:8282/lib/jBreadcrumbs/css/BreadCrumb.css" />
        <!-- tooltips-->
            <link rel="stylesheet" href="http://expotools.dyndns.org:8282/lib/qtip2/jquery.qtip.min.css" />
        <!-- colorbox -->
            <link rel="stylesheet" href="http://expotools.dyndns.org:8282/lib/colorbox/colorbox.css" />    
        <!-- code prettify -->
            <link rel="stylesheet" href="http://expotools.dyndns.org:8282/lib/google-code-prettify/prettify.css" />    
        <!-- notifications -->
            <link rel="stylesheet" href="http://expotools.dyndns.org:8282/lib/sticky/sticky.css" />    
        <!-- splashy icons -->
            <link rel="stylesheet" href="http://expotools.dyndns.org:8282/img/splashy/splashy.css" />
        <!-- flags -->
            <link rel="stylesheet" href="http://expotools.dyndns.org:8282/img/flags/flags.css" />    
        <!-- calendar -->
            <link rel="stylesheet"...