Header
FullPage-Tables always use full page size!
<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>
This is a fullpage-table, it allways uses fullpage-height
(if content fits in).
width: 100%; height: 100%;
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 ) |