[[If:toPlaceholder=`header_title`?
    &subject=`[[getRawTVValue? &tv=`header_title`]]`
    &operator=`EQ`
    &operand=`@INHERIT`
    &then=`[[[[#[[*parent]].header_inheritance:contains=`inherit_titles`:then=`*header_title`]]]]`
    &else=`[[*header_title]]`
]]

[[If:toPlaceholder=`header_subtitle`?
    &subject=`[[getRawTVValue? &tv=`header_subtitle`]]`
    &operator=`EQ`
    &operand=`@INHERIT`
    &then=`[[[[#[[*parent]].header_inheritance:contains=`inherit_titles`:then=`*header_subtitle`]]]]`
    &else=`[[*header_subtitle]]`
]]

[[If:toPlaceholder=`header_background`?
    &subject=`[[getRawTVValue? &tv=`header_background`]]`
    &operator=`EQ`
    &operand=`@INHERIT`
    &then=`[[[[#[[*parent]].header_inheritance:contains=`inherit_background`:then=`*header_background`:else=``]]]]`
    &else=`[[*header_background]]`
]]

[[If:toPlaceholder=`header_background_class`?
    &subject=`[[*header_background_img]]`
    &operator=`notempty`
    &then=`[[*alias]] background`
    &else=`[[+header_background:empty=`[[++header_background_default]]`]]`
]]

<div id="hero" class="ui vertical stripe segment [[+header_background_class]]">
    [[[[[[If?
        &subject=`[[getRawTVValue? &tv=`header_cta`]]`
        &operator=`EQ`
        &operand=`@INHERIT`
        &then=`#[[*parent]].header_inheritance:contains=`inherit_cta`:then=`$ctaHeader`:else=`$heroTitles``
        &else=`
        If?
            &subject=`[[getRawTVValue? &tv=`header_cta`]]`
            &operator=`isnot`
            &operand=`@INHERIT`
            &then=`$ctaHeader`
            &else=`$heroTitles`
        `
    ]]]]]]
</div>
Source

<div class="ui grid container">
    <div class="sixteen wide mobile twelve wide tablet ten wide computer column">
        <div class="ui large inverted header">[[+header_title]]</div>
        <p>[[+header_subtitle]]</p>
    </div>
</div>
Source

<figure class="ui [[+classes]] image">
    <img src="[[pthumb? &input=`[[+url]]` &options=`w=[[++max_thumb_width]]&zc=1`]]" alt="[[+title]]">
</figure>
Source

<div class="item">
    <div class="ui stackable mobile reversed grid container">
        <div class="eight wide column">
            [[+content]]
            [[+link]]
        </div>
        <div class="eight wide column">
            [[+image]]
        </div>
    </div>
</div>
Source

[[+lightbox:eq=`1`:then=`
<a class="ui column image" href="[[pthumb? &input=`[[+url]]` &options=`w=[[++max_thumb_width:mpy=`1.5`]]&zc=1`]]">
    <img src="[[pthumb? &input=`[[+url]]` &options=`w=[[++max_thumb_width]]&zc=1`]]" alt="[[+title]]">
</a>
`:else=`
<figure class="ui column image">
    <img src="[[pthumb? &input=`[[+url]]` &options=`w=[[++max_thumb_width]]&zc=1`]]" alt="[[+title]]">
</figure>
`]]
Source

<div class="title">
    <i class="dropdown icon"></i>
    [[+heading]]
</div>
<div class="content">
    [[+content]]
</div>
Source

[[+tab_type:is=`basic`:then=`basic vertical`:else=`bottom attached`:toPlaceholder=`segment_type`]]

<div class="ui [[+segment_type]] [[+padding]] [[+idx:eq=`1`:then=`active`]] tab segment"
     data-tab="segment-[[+unique_idx]]-[[+idx]]"
     data-heading="[[+heading]]"
     role="tabpanel"
     aria-hidden="false">
    [[+content]]
</div>
Source