JSFiddle - React, Tailwind, and code Playground
by kapantzak
HTML
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<div class = "row">
<div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h2 id = "center">PLUS HUNDREDS OF PRIZES INCLUDING<br/><a href="http://www.shop.canada.nhl.com/home/index.jsp">Shop.Canada.NHL.com</a> GIFT CARDS AND MONDELEZ SNACKS.</h2>
<h3 id = "center-cap">share how you get game ready by photo,<br/> video or written description to be entered daily.</h3>
</div>
</div>
<div class="row" id="left-col">
<div class = "col-lg6 col-md-6 col-sm-6 col-xs-6">
<h4 id="text-cap">submit for a chance to win:</h4>
<!--Tabs-->
<div class="tabbable">
<ul class="nav nav-tabs" id="myTab">
<li class="active"><a href="#tab1" data-toggle="tab"><span class="glyphicon glyphicon-picture" id="glyph-align"></span><br/>IMAGE</a></li>
<li><a href="#tab2" data-toggle="tab"><span class="glyphicon glyphicon-link" id="glyph-align"></span><br/>SOCIAL</a></li>
<li><a href="#tab3" data-toggle="tab"><span class="glyphicon glyphicon-align-left" id="glyph-align"></span><br/>TEXT</a></li>
</ul>
<div class="tab-content">
<!---IMAGE tab -->
<div class="tab-pane active" id="tab1">
<h4 id="center-cap-grey">browse from your desktop.</h4>
<!-- File Upload Button-->
<div class="fileupload fileupload-new" data-provides="fileupload">
<span class="btn btn-primary btn-file">
<input type="file" ></span>
<span class="fileupload-preview"></span>
</div>
<div id="comment-box">
<h4 id="text-cap-grey">share your story<br/> for an entry:</h4>
<textarea rows="3" cols="38" maxlength="200" placeholder="(MAXIMUM OF 200 WORDS)" id="comments"></textarea>
</div>
</div><!-- .tab-pane tab1 -->
<!--SOCIAL LINK tab-->
<div class="tab-pane" id="tab2">
<h4 id="text-cap-grey2">paste your social...