6.1 #permalink .teaser

Toggle example guides Toggle HTML markup

A teaser is a element which always contains a teaser_head area to display various media elements as well as a teaser_body area for the text content. The text content can be composed of various text elements which serve the purpose. The example code renders the teaser aligned on the x-axis. If you need a teaser which is aligned along the y-axis, remove the col--XXX-X modifiers.

Example
Content goes into here
Markup 
<div class="teaser">
    <div class="teaser_head cols--1000-6">
        <img src="https://unsplash.it/g/800/450" alt="">
    </div>
    <div class="teaser_body cols--1000-6">
        Content goes into here
    </div>
</div>
Source: teaser/css/teaser.css, line 11