{% component 'semantic~layout' %}
    <div class="row">
        <div class="three wide column">              
            {{ left_content }}
        </div>            
        <div class="ten wide column">
            {{ content }}
        </div>
        <div class="three wide column"> 
            {{ right_content }}                          
        </div>       
    </div>
{% endcomponent %}