Usage

    
<div class="fullpage-table" id="banner-one">
<div class="table-row">
<div class="header-cell bright">
<div class="corset center_text">
<h1 class="loud">Fullpage Table</h1>
</div>
</div>
</div>
<div class="table-row">
<div class="content-cell fill">
<div class="corset responsive-hero center_text">

<p class="loud ">This is a fullpage-table, it allways uses fullpage-height<br/>(if content fits in).</p>
<div class="well">
surounding element (i.e. body) needs the following <em>css</em>:
<br/>
<code>width: 100%; height: 100%;</code>
</div>

</div>
</div>
</div>
<div class="table-row">
<div class="footer-cell bright">
<div class="corset center_text">

<div class="row">
<div class="col-sm-4 col-sm-offset-4">
<!--<a href="#" class="btn btn-success btn-block btn-lg">Sign up now</a>-->
<button class="btn btn-success btn-block help_arrow fakeClick" data-text="Go click me!">
Click Me
</button>
</div>
</div>

</div>
</div>
</div>
</div>

Sizes:

For .header-cell, .content-cell and .footer-cell within the fullpage-table.
Class Padding-Top Padding-Bottom
20px 20px
.xs
.flat
0 0
.sm 10px 10px
.lg 30px 30px
.xl 40px 40px
.dark Dark Background ($fullpageDarkBG)
.bright Bright Background ($fullpageBrightBG)