Prototyping Demo

Primary Boxes 

<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-4">
            <article class="box-image">
                <div class="box-image__inner" style="background-image: url(https://images.unsplash.com/photo-1492970471430-bc6bd7eb2b13?ixlib&#x3D;rb-0.3.5&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;s&#x3D;9893bc89e46e2b77a5d8c091fbba04e9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1955&amp;q&#x3D;80);">
                    <div class="box-image__content">
                        <h2 class="box-image__heading">Box Image header</h2>
                        <p>Box Image content.</p>
                    </div>
                </div>
            </article>

        </div>
        <div class="col-xs-12 col-sm-4">
            <article class="box-image">
                <div class="box-image__inner" style="background-image: url(https://images.unsplash.com/photo-1492970471430-bc6bd7eb2b13?ixlib&#x3D;rb-0.3.5&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;s&#x3D;9893bc89e46e2b77a5d8c091fbba04e9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1955&amp;q&#x3D;80);">
                    <div class="box-image__content">
                        <h2 class="box-image__heading">Box Image header</h2>
                        <p>Box Image content.</p>
                    </div>
                </div>
            </article>

        </div>
        <div class="col-xs-12 col-sm-4">
            <article class="box-image">
                <div class="box-image__inner" style="background-image: url(https://images.unsplash.com/photo-1492970471430-bc6bd7eb2b13?ixlib&#x3D;rb-0.3.5&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;s&#x3D;9893bc89e46e2b77a5d8c091fbba04e9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1955&amp;q&#x3D;80);">
                    <div class="box-image__content">
                        <h2 class="box-image__heading">Box Image header</h2>
                        <p>Box Image content.</p>
                    </div>
                </div>
            </article>

        </div>
    </div>
</div>
 
<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-4">
            {{ render '@box-image' }}
        </div>
        <div class="col-xs-12 col-sm-4">
            {{ render '@box-image'  }}
        </div>
        <div class="col-xs-12 col-sm-4">
            {{ render '@box-image' }}
        </div>
    </div>
</div>
 
/* No context defined for this component. */