Story
The Story component is made up of the several blocks of text. It uses the Offset two-column layout and uses the following components:
Donec sed odio dui. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Etiam porta sem malesuada magna mollis euismod.
Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas faucibus mollis interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Maecenas sed diam eget risus varius blandit sit amet non magna. Etiam porta sem malesuada magna mollis euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
Nullam id dolor id nibh ultricies vehicula ut id elit. Donec id elit non mi porta gravida at eget metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue. Nulla vitae elit libero, a pharetra augue. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
- Sed posuere consectetur est at lobortis.
- Sed posuere consectetur est at lobortis.
- Sed posuere consectetur est at lobortis.
Nullam quis risus eget urna mollis ornare vel eu leo. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
- Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
- Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
- Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
The people recognize themselves in their commodities; they find their soul in their automobile, hi-fi set, split-level home, kitchen equipment.— Herbert Marcuse
Donec ullamcorper nulla non metus auctor fringilla. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
{{ attach_library('h4h_theme/story') }}
<div class="story l-offset-2">
<div class="l-offset-2__left-column">
<div class="story__byline l-offset-2__inner">
{{ byline }}
</div>
<div class="story__lede l-offset-2__inner">
{{ lede }}
</div>
<div class="story__main-body l-offset-2__inner">
{{ main_body_1 }}
</div>
<div class="l-offset-2__inner--left">
{%
include "@h4h_theme/media-item/media-item.twig" with {
img: img,
caption: caption
} only
%}
</div>
<div class="story__main-body l-offset-2__inner">
{{ main_body_2 }}
</div>
<div class="l-offset-2__inner--left">
{%
include "@h4h_theme/blockquote/blockquote.twig" with {
quote: quote,
credit: credit
} only
%}
</div>
<div class="story__main-body l-offset-2__inner">
{{ main_body_3 }}
</div>
</div>
<div class="l-offset-2__right-column">
{%
include "@h4h_theme/article-meta/article-meta.twig" with {
share: {
title: share_this.title,
items: share_this.items
},
more_stories: more_stories,
learn_more: learn_more
} only
%}
</div>
</div>