some emmet

emmets

//just some emmet lines to test it

//ul sample
ul>li{Item $}*4

//page header sample
#page>div.logo+ul#navigation>li*5>a{Item $}

//navbar sample
.navbar>ul>li*4>a[href=#]{link $}

//another sample
header>h1>a[href=index.html]{This is a landing page}^p.lead{This is a description of this page}

//carousel sample
.carousel.slide#carousel-example>(ol.carousel-indicators>li[data-target=#carousel-example data-slide-to=$]*3)(.carousel-inner>.item*3>img[src=http://lorempixel.com/1170/300 alt=Image]+.carousel-caption{This is a caption $})(a[href=carousel-example data-slide=prev].left.carousel-control>span.icon-prev^a[href=carousel-example data-slide=next].right.carousel-control>span.icon-next)

//features sample
section#features>h3{Product Features}+p{Here's why you should really buy this product.}+hr+(.row>.col-lg-4>.media>a[href=#].pull-left>img[src=http://lorempixel.com/64/64 alt=Image]^.media-body>h4.media-heading{Feature name}+p>lorem10)*4

//panel testimonials
section#testimonials>.panel>.panel-heading{A few words from our customers.}+.row>(.col-lg-6>blockquote>lorem10+small{John from}>cite{Source})*2

//jumbotron
div.jumbotron.text-center>h1+p+a#go-button.btn.btn-danger

//two columns info
div.row.text-center>(div.col-sm-4>div.info-box>span.glyphicon.glyphicon-fire+h2{Lions}+p)+(div.col-sm-8>div.info-box>span.glyphicon.glyphicon-send+h2{Emmet}+p)