JSFiddle - React, Tailwind, and code Playground

by niklasro

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

<body name="body">
 <div id="message1" class="alert alert-warning alert-dismissable flyover flyover-centered">
  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">Ă—</button>
  <strong></strong> The message was sent
</div>


<div class="topbar">
    <div class="topbar-inner nohistory">

        
        <div class="topbar-left">
            <a class="first" href="/customer_service.htm"><!--
                <i class="sprite_common_customer_service"></i>-->
                <span>Customer Service</span>
            </a>
            
        </div>
        <div class="topbar-right">

            <a class="topbar-create first" href="/create/" title="Create your account" rel="nofollow">
                <i class="sprite_common_topbar_logged-in topbar-float_left"></i>
<!--
                CREATE ACCOUNT-->
            </a>

            <a class="topbar-login last" href="/login/" title="Login to your account" rel="nofollow">
                <i class="sprite_common_topbar_log-in topbar-float_left"></i>

                LOG IN

            </a>


        </div>

        
    </div>
</div>
   <div class="container">
<div id="wrapper">
  <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- v2 -->
    <ins class="adsbygoogle"
         style="display:inline-block;width:728px;height:15px"
         data-ad-client="ca-pub-7211665888260307"
         data-ad-slot="9119838994"></ins>
    <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
   <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- view ad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7211665888260307"
     data-ad-slot="6575346998"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

  <script...

CSS

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: 'avantgardemd', sans-serif;
    vertical-align: baseline;

}

.has_errors {
    border: 1px solid #ff0000 !important;
}

.errors {
    color: #ff0000;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}
input[type=text], input[type=password], input[type=email], input[type=tel] {
    height: 28px !important;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.sprite_common_in_in_insert_ad_left {
    width: 25px;
    height: 52px;
}

.sprite_common_in_in_insert_ad_right {
    width: 25px;
    height: 52px;
}

html {
    height: 100%;
    overflow-y: scroll;
}

body {
    background: #FFFFFF;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    height: 100%;
    text-align: center;
}

.body_ai_fb {
    background: #FFFFFF;
    height: auto;
}

a {
    cursor: hand;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
}

a:hover, a span:hover {
    text-decoration: underline;
}

a:link {
    color: #000000;
}

a:visited {
    color: #000000;
}

strong {
    font-weight: bold;
}

p {
    margin: 12px 0;
}

p.first {
    margin-top: 0px;
}

p.last {
   ...

JavaScript

$(function() {
            
        $('#message1').toggleClass('in');
            

});