<div  style="margin-left:50px; margin-right:50px; text-align:center">
    <div class="row">
        <p class="pull-right">
            <a class="btn btn-info"
               id="helper"
               data-toggle="collapse"
               href="#helperCol"
               aria-expanded="false"
               aria-controls="helperCol"
               style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                            text-shadow:2px 2px black;">
                <i class="fa fa-info-circle"></i> Help
            </a>

        </p>
    </div>
    <div class="collapse row" 
         id="helperCol"
         style="background-color:#5bc0de;color:black; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                            ">
        <h3>Types</h3>
        <p>Colors are used to show the different types: <span class="label label-danger">Experiment</span> <span class="label label-warning">Batch run</span>
        <span class="label label-primary">Algorithm</span>. Clicking the buttons will expand them and show more information.</p> 
        <h3>Parameters</h3>
        <p>All parameter changes happen in real time as soon as you change them. A log on the right menu will keep you updated.</p>
        <h3>Hive</h3>
        <p>This screen acts as a staging area. When you have changed all the data to your wishes you can go to the bottom of the screen to
        upload the job and all its tasks to Hive OR you can save the job to a file again.</p>
    </div>
</div>