JSFiddle - React, Tailwind, and code Playground

by Justin

HTML

<div class="form-container">
<p class="form-intro"><span style="color: #ec2428;">The MSB Report</span>
Every Friday to your inbox.</p>
We find the major news that impacts your money, cut out the clutter, and make sense of the important stuff so you can get on with your life.

<form class="af-form-wrapper" action="http://www.aweber.com/scripts/addlead.pl" method="post">
<div style="display: none;"><input name="meta_web_form_id" type="hidden" value="392362290" />
<input name="meta_split_id" type="hidden" value="" />
<input name="listname" type="hidden" value="makinsensebabe" />
<input id="redirect_e94168de4817206e1d18216593a77589" name="redirect" type="hidden" value="http://www.aweber.com/thankyou-coi.htm?m=text" />
<input name="meta_adtracking" type="hidden" value="Free_Updates" />
<input name="meta_message" type="hidden" value="1" />
<input name="meta_required" type="hidden" value="name,email,custom Age" />
<input name="meta_tooltip" type="hidden" value="" /></div>
<div id="af-form-392362290" class="af-form">
<div id="af-body-392362290" class="af-body af-standards">
<div class="af-element">
<div class="af-textWrap"><input id="awf_field-60123005" class="text" tabindex="500" name="name" type="text" value="" placeholder="Your name here." /></div>
<div class="af-clear"></div>
</div>
<div class="af-element">
<div class="af-textWrap"><input id="awf_field-60123006" class="text" tabindex="501" name="email" type="text" value="" placeholder="Your email address." /></div>
<div class="af-clear"></div>
</div>
<div class="choiceList choiceList-radio-stacked">
<div class="af-element-radio multiChoice"><input id="awf_field-601230070" class="radio" tabindex="502" name="custom Age" type="radio" value="Gen Y" />
<label class="choice" for="awf_field-601230070">Gen Y</label></div>
</div>
</div>
</div>
</form>
<div class="af-element-radio multiChoice"><input id="awf_field-601230071" class="radio" tabindex="503" name="custom Age" type="radio" value="Gen X" />
<label class="choice"...

CSS

.form-container {
    background-color: #000000;
    color: #ffffff;
    font-weight: 700;
    padding: 15px;
    border-radius: 5px;
}
.form-container input[type="text"] {
    width: 100%;
    margin: 10px 0px;
    padding: 2px;
}
.form-container input[type="submit"] {
    background-color: #ec2428;
    font-size: 1em;
    padding: 7px 20px;
    color: #ffffff;
    border-radius: 3px;
    border-color: #fff;
    width: 100%;
    margin: 10px 0px;
}
.form-intro {
    text-transform: uppercase;
}