JSFiddle - React, Tailwind, and code Playground
by Vishal Kinjavdekar
HTML
<div id="groupModal" class="modal fade">
<div class="modal-footer">
<a href="#interestedBtn"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </a>
<h4 id="groupName"></h4>
</div>
<div class="modal-body">
<div class="container-fluid">
<div class="row-fluid">
</div>
<div id="interestedDiv" class="collapse">
<form id="interestedForm">
<fieldset>
<legend>Interested Form</legend>
<input id="firstNameField" class="interestedField" type="text" placeholder="First Name" required>
<input id="lastNameField" class="interestedField" type="text" placeholder="Last Name" required>
<input id="emailField" class="interestedField" type="email" placeholder="Email" required>
<input id="phoneField" class="interestedField" type="tel" placeholder="Phone Number">
<button style="margin-bottom: 10px !important;" id="interestedSubmitButton" type="submit" class="btn btn-custom" disabled="true">Submit</button>
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
</fieldset>
</form>
</div>
</div>
</div>
<div class="modal-footer">
<div class="pull-left">
<a id="interestedBtn" href="#groupModal" data-toggle="collapse" ><i id="chevron" class="icon-chevron-right"></i> I'm Interested!</a>
</div>
<!-- <a href="#" data-dismiss="modal" class="btn...