JSFiddle - React, Tailwind, and code Playground

by Mubasshir Pawle

HTML

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />        <title>
        </title>
            </head>
    <body>
        <div id="container">
            <div id="header">

            </div>
            <div id="content">
                <style>

    /*
HTML 5 Template Name: 
File: 404 - 20 CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
    */

    #fof{display:block; position:relative; width:100%; margin:150px 0; text-align:center;}
    #fof .positioned{display:block; width:85%; margin:0 auto; padding:20px; border:1px solid #CCCCCC;}
    #fof .positioned h1{margin:0 0 0 20px; padding:0; display:inline; font-size:60px; text-transform:uppercase;}
    #fof .positioned p{margin:25px 0 0 0; padding:0; font-size:16px;}
    #fof a.go-back, #fof a.go-home{display:block; position:absolute; top:30px; width:100px; padding:20px 0; font-size:20px; text-transform:uppercase; color:#FFFFFF; background-color:#FF6600;}
    #fof a.go-back{left:0;}
    #fof a.go-home{right:0;}

    /* CSS3 Elements Only Work In Latest Browsers */

    #fof .positioned, #fof a.go-back, #fof a.go-home{
        /* Rounded Corners */
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        -khtml-border-radius:10px;
        border-radius:10px;
    }
</style>
<div class="wrapper row2">
    <div id="container" class="clear">
        <section id="fof" class="clear">
            <div class="positioned" style="color: #DA331D;">
                <h2>The request cannot be fulfilled.</h2>
                <h3 style="color: #CC6460;"><strong> Error : Database Error </strong></h3>
                <p>Page not found.</p>
            </div>
        </section>
    </div>
</div>
<h3>Stack Trace</h3>
<ul class="cake-stack-trace">
	<li><a href="#" onclick="traceToggle(event,...