JSFiddle - React, Tailwind, and code Playground

by akang2

HTML

<html>
<body>
    <div id="container">
    <h1>Small Business Innovation</h1>
    </div>
    <h2 class="h2">Generate Grant</h2>
    <hr />
</body>
</html>

CSS

body {
    font-family: helvetica;
}

h1 {
    font: helvetica;
    font-size: 32px;
    text-align: center;
    margin: 0px auto;
    line-height: 140px;
    height: 140px;
}

#container {
    background: url("http://subtlepatterns.subtlepatterns.netdna-cdn.com/patterns/light_noise_diagonal.png");
}

h2 {
    padding: 10px 0px;
}

.h2 {
    color: #76ebe1;
    font-size: 26px;
}

hr {
    height: 10px;
    background-color: #76ebe1;
    color: transparent;
}

JavaScript

//montagable preview page header