{{ header }}
<div class="container">
  <ul class="breadcrumb">
    {% for breadcrumb in breadcrumbs %}
    <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
    {% endfor %}
  </ul>
  <div class="row">{{ column_left }}
    {% if column_left and column_right %}
    {% set class = 'col-sm-6' %}
    {% elseif column_left or column_right %}
    {% set class = 'col-sm-9' %}
    {% else %}
    {% set class = 'col-sm-12' %}
    {% endif %}

    <div id="content" class="bg-page-404 {{ class }} ">
        {{ content_top }}
        <div class="col-sm-7 text-center">
                <div style="margin: 30px 0 50px"><img src="image/catalog/404/404-img-text.png" alt=""></div>
                <h1>{{ heading_title }}</h1>
                <p>{{ text_error }}</p>
                <a href="{{ continue }}" class="btn btn-primary" title="{{ button_continue }}">{{ button_continue }}</a>
            </div>
        
            <div class="col-sm-5">
                 <img src="image/catalog/404/404-image.png" alt="">
            </div>
        <?php echo $content_bottom; ?> 
    </div>

    {{ column_right }}</div>
</div>
{{ footer }}