JSFiddle - React, Tailwind, and code Playground

by qwweee7467

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<body>
    <section id="license-form">
        
                <div class="alert important-warning5" role="alert" style="margin: 20px;"> <strong>IMPORTANT NOTICE:</strong>By using the Trend Micro License Entitlement Portal, you represent and warrant that you are an authorized Trend Micro reseller/distributor and acknowledge and agree that your use of the portal is subject to these <a target="_blank" href="/TermsOfUse/">Terms of Use.</a>

        </div>
        
        <br/><br/><br/><br/><br/><br/><br/><br/>
        
        <h1>Old reference</h1>        
        
        
        <div class="alert alert-warning important-warning" role="alert" style="margin: 10px 0;"> <strong>IMPORTANT NOTICE:</strong>By using the Trend Micro License Entitlement Portal, you represent and warrant that you are an authorized Trend Micro reseller/distributor and acknowledge and agree that your use of the portal is subject to these <a target="_blank" href="/TermsOfUse/">Terms of Use.</a>

        </div>
        <hr/>
        <div class="alert alert-warning important-warning2" role="alert" style="margin: 10px 0;"> <strong>IMPORTANT NOTICE:</strong>By using the Trend Micro License Entitlement Portal, you represent and warrant that you are an authorized Trend Micro reseller/distributor and acknowledge and agree that your use of the portal is subject to these <a target="_blank" href="/TermsOfUse/">Terms of Use.</a>

        </div>
        <hr/>
        <div class="alert alert-info" role="alert" style="margin: 20px;"> <strong>IMPORTANT NOTICE:</strong>By using the Trend Micro License Entitlement Portal, you represent and warrant that you are an authorized Trend Micro reseller/distributor and acknowledge and agree that your use of the portal is subject to these <a target="_blank" href="/TermsOfUse/">Terms of...

CSS

html, body {
    height: 100%;
}
body {
    background-color:white;
}
body {
    font-family:"InterstateLight", "Helvetica Neue", Helvetica, Arial, cursive;
    font-size: 15px;
    padding: 0;
}
/* Wrapper for page content to push down footer */
 #wrap {
    min-height: 100%;
    height: 100%;
    /* Negative indent footer by its height */
    /*margin: 0 auto -100px;*/
    /* Pad bottom by footer height */
    /*padding: 0 0 100px;*/
}
a {
    color: #e56600;
}
a:hover, a:focus, a:active, a.active {
    outline: 0;
    /*text-decoration: none;*/
    color: #f12e2e;
    text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    font-family:"InterstateLight", "Helvetica Neue", Helvetica, Arial, cursive;
    font-weight: 700;
}
.section-heading {
    font-size: 1.6em;
    position: relative;
    padding-bottom: 15px;
    /*margin-bottom: 30px;*/
    margin-top: 10px;
    font-weight: 300;
}
.section-heading .underline {
    position: absolute;
    background: #f12e2e;
    height: 3px;
    width: 60px;
    bottom: 0;
    left: 0;
}
.section-heading .under-redline {
    border-bottom: 3px solid red;
    padding-bottom: 6px;
}
.sec-heading {
    font-size: 1.1em;
    border-bottom: #CCC 1px solid;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
/* Nav */
 h1.logo {
    font-size: 1em;
    float: left;
    margin: 0;
    /*min-width: 500px;*/
    white-space: nowrap;
}
/* Portrait tablet to landscape and desktop */
 @media (min-width: 768px) and (max-width: 979px) {
    h1.logo {
        font-size: 0.8em;
    }
}
.navbar-default.min_nav {
    padding: 10px 0;
}
.navbar-default.min_nav .navbar-brand {
    font-size: 1.2em;
    height: 38px;
    line-height: 38px;
}
.navbar-default.min_nav .navbar-brand .icon {
    background: url(/img/trend-logo-small.png) no-repeat;
    width: 103px;
    height: 38px;
}
.navbar-default {
    -webkit-transition: padding .3s;
    -moz-transition: padding .3s;
    -o-transition: padding .3s;
   ...

JavaScript

/* LICENSE ENTITLEMENT PORTAL Important Notice Style */