JSFiddle - React, Tailwind, and code Playground

by mrigess

HTML

<script src="http://fonts.googleapis.com/css?family=Gorditas"></script>
<link href='http://fonts.googleapis.com/css?family=Simonetta' rel='stylesheet' type='text/css'>


<h2 id="header-page" class="section">
N/A
</h2>
<div id="content-main" class="content">
    N/A
</div>
<h2 class="section">
Road Map
</h2>
<div id="content-roadmap" class="content">
    <ul>
        <li>DOM</li>
        <li>CSS</li>
    </ul>
</div>

CSS

body{
    color: #666;
    font-family: Simonetta,Georgia;
}
.content{
    padding:0 0 0 5px;
}
.content ul{
    list-style: disc;
}

JavaScript

$('#header-page').html('Welcome');
$('#content-main').html('Please be seated properly and make sure that ear cotton buds are absent. thank you!');