Add full bleed example.

This commit is contained in:
mrmrs 2014-09-12 19:51:09 -07:00
parent 560be7b263
commit fbedbb23b7

View File

@ -13,17 +13,17 @@
<link rel="stylesheet" href="css/i.css">
</head>
<body class="bg-red">
<section class="dt h-100 bg-yellow wi-100">
<section class="dt hi-100 bg-yellow wi-100">
<div class="dtc v-mid tc">
<p class="f5 f1-ns ttu">Full bleed background<br>&amp;<br>Centered text</p>
</div>
</section>
<section class="dt h-100 bg-orange wi-100">
<section class="dt hi-100 bg-orange wi-100">
<div class="dtc v-mid tc">
<p class="f4 f1-ns"><b class="f1 db">Panel #2.</b> Try resizing the browser and scrolling again.</p>
</div>
</section>
<section class="dt h-100 bg-aqua navy wi-100">
<section class="dt hi-100 bg-aqua navy wi-100">
<div class="dtc v-mid tc">
<p class="f4 f1-ns"><b class="f1 db">Panel #3.</b> This one has an image.</p>
<img src="http://placekitten.com/g/960/320">