@ -23,6 +23,15 @@
< / style >
< / head >
< body >
< header class = "header" >
< div class = "container" >
< div class = "grid" >
< div class = "col-12" >
Crispy Boilerplate - pure CSS
< / div >
< / div >
< / div >
< / header >
< div class = "container" >
< div class = "grid" >
< div class = "col-2" >
@ -31,7 +40,9 @@
< / nav >
< / div >
< div class = "col-10" >
< h2 > Heading< / h2 >
< h1 > < / h1 >
< h2 id = "typography" > Typography< / h2 >
< div class = "panel" >
< h1 > Heading h1< / h1 >
< h2 > Heading h1< / h2 >
@ -40,6 +51,26 @@
< h5 > Heading h1< / h5 >
< h6 > Heading h1< / h6 >
< / div >
< div class = "panel" >
< strong > Strong< / strong > < span class = "background-warning" > < strong> < / span >
< code > < / code >
< blockquote >
Hoodie kickstarter four loko, pinterest hashtag chambray glossier. Pug before they sold out etsy listicle. Deep v bespoke tacos polaroid, squid flexitarian crucifix messenger bag.
< / blockquote >
< / div >
< div class = "panel" >
< ul >
< li > item 1< / li >
< li > item 2< / li >
< / ul >
< ol >
< li > item 1< / li >
< li > item 2< / li >
< / ol >
< dl >
< dt > defined title 1< / dt > < dd > defined item 1< / dd >
< / dl >
< / div >
< h2 id = "buttons" class = "margin-top-1x" > Buttons< / h2 >
< div class = "panel" >