Component Library

Secondary Boxes 

<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-12">
            <article class="box">
                <div class="box__inner">
                    <div class="box__image">
                        <img data-src="../../dist/images/greg-rakozy-129733.jpg" alt="Image" class="image lazyload   ">
                    </div>
                    <div class="box__content">
                        <h2 class="heading heading--column ">Column header</h2>

                        <p>Box content.</p>

                        <a href="url" title="Link title" target="" class="link   " property="url">A link specified on the molecule</a>

                    </div>
                </div>
            </article>
        </div>
        <div class="col-xs-12 col-sm-12">
            <article class="box">
                <div class="box__inner">
                    <div class="box__image">
                        <img data-src="../../dist/images/greg-rakozy-129733.jpg" alt="Image" class="image lazyload   ">
                    </div>
                    <div class="box__content">
                        <h2 class="heading heading--column ">Column header</h2>

                        <p>Box content.</p>

                        <a href="url" title="Link title" target="" class="link   " property="url">A link specified on the molecule</a>

                    </div>
                </div>
            </article>
        </div>
        <div class="col-xs-12 col-sm-12">
            <article class="box">
                <div class="box__inner">
                    <div class="box__image">
                        <img data-src="../../dist/images/greg-rakozy-129733.jpg" alt="Image" class="image lazyload   ">
                    </div>
                    <div class="box__content">
                        <h2 class="heading heading--column ">Column header</h2>

                        <p>Box content.</p>

                        <a href="url" title="Link title" target="" class="link   " property="url">A link specified on the molecule</a>

                    </div>
                </div>
            </article>
        </div>
    </div>
</div>
 
<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-12">
            {{ render '@box' }}
        </div>
        <div class="col-xs-12 col-sm-12">
            {{ render '@box' }}
        </div>
        <div class="col-xs-12 col-sm-12">
            {{ render '@box' }}
        </div>
    </div>
</div>
 
/* No context defined for this component. */
  • Handle: @secondary-boxes
  • Preview:
  • Filesystem Path: src/03-organisms/boxes/secondary-boxes/secondary-boxes.hbs
  • References (1): @box

There are no notes for this item.