JSFiddle - React, Tailwind, and code Playground

by AshThakur

HTML

<div class='sub-box'> 
<div class='followlinks'>
<h1>Get Free Email Upadtes</h1>
<ul> 
<li class='otrss'><a target='_blank' href='http://feeds.feedburner.com/lordhtml'>RSS</a></li> 
<li class='otgoogleplus'><a target='_blank' href='http://plus.google.com/113143762085765715608'>Google+</a></li> 
<li class='ottwitter'><a target='_blank' href='http://twitter.com/lordhtml'>Twitter</a></li> 
<li class='otfacebook'><a target='_blank' href='https://www.facebook.com/lordhtml'>Facebook</a></li> 
</ul> 
</div> 
<br /> 
<div style="text-align: left; display: inline-block;"> 
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=lordhtml', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="emailform"> 
 
<input type="hidden" value="lordhtml" name="uri" /> 
<input type="hidden" name="loc" value="en_US" /> 
<input type="text" onblur="if (this.value == "") {this.value = "enter your email...";}" onfocus="if (this.value == "enter your email...") {this.value = ""}" value="Enter your email..." name="email" class="emailtext" /> 
<input type="submit" class="sub-button" value="SignUp" title='' alt='' /> 
</form> 
</div>
</div>

<style>
.sub-box{
background: #fff;
width: 270px;
padding: 2px 5px 7px 7px;
border: 2px solid #000;
border-radius: 15px;
}
.sub-box:hover{
border-style:dashed; 2px solid: #389af2; 
}
.followlinks h1{
font-family:Cabin Condensed;
font-weight: bold;
color: #000;
padding: 0px 0px 2px 40px;;
font-size:17px;
}
.followlinks ul{
font-family:Cabin Condensed;
font-weight: bold;
}
.followlinks ul li{
float:left;
width:90px;
padding-left:40px;
margin:0 0 0 5px !important;
line-height:35px !important;
}
.followlinks ul li a{
font-size:20px !important;
text-decoration:none;
font-weight:normal;
color:#0068b5;
}
.followlinks ul li a:hover{
color:#000;
}
.followlinks ul...