JSFiddle - React, Tailwind, and code Playground

by Press H

HTML

<div class="panel panel-default" id="pnlSubmission">
    <div class="panel-heading">
         <h4 class="panel-title" style="text-align:center;">
                   <a data-toggle="collapse" data-target="#collapseFour" href="#Submission" class="collapsed"><h3>Submission<span style="color:#FFCC33">.</span></h3></a>
               </h4>

    </div>
    <div id="collapseFour" class="panel-collapse collapse">
        <!-- <div class="panel-heading"></div> -->
        <div class="panel-body">
            <div id="my-tab-content" class="tab-content">
                <div class="tab-pane active" id="tab1default">
                    <div class="container-fluid">
                        <div id="rootwizard">
                            <ul class="nav nav-tabs" role="tablist" style="margin-bottom:10px;">
                                <li><a href="#step1" role="tab" data-toggle="tab">Step One</a>
                                </li>
                                <li><a href="#step2" role="tab" data-toggle="tab">Step Two</a>
                                </li>
                                <li><a href="#step3" role="tab" data-toggle="tab">Step Three</a>
                                </li>
                            </ul>
                            <!-- 3. Create a matching tab pane for each tab. Content goes within these panes -->
                            <div class="tab-content">
                                <div class="tab-pane active" role="tab" id="step1">
                                    <div id="rootwizard2">
                                         <h4 style="color:#268AA8;margin-top:2em;">1. Select source:</h4>	
                                        <ul>
                                            <li class="active"><a href="#YoutubeTab" data-toggle="tab"><img src="Content/youtube.png" style="width:3em;height:3em;"/></a>
                                            </li>
                                            <li><a href="#VimeoTab"...

CSS

.panel-heading a:after {
    position: absolute;
    top: 35px;
    right: 10px;
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: grey;
}
.panel-heading a.collapsed:after {
    position: absolute;
    top: 35px;
    right: 10px;
    content:"\e080";
}