UCI

Content error 

<section class="splitter  splitter_bg-color_white          splitter_padding_bottom_large splitter_header-before ">
    <div class="container">
        <div class="splitter__wrapper">
            <div class="row">
                <div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
                    <div class="content-error">
                        <div class="content-error__number">
                            <div class="
                    number-xl
                    
                "><span>500</span></div>
                        </div>
                        <div class="content-error__description">
                            <div id="" class="
                    bodycopy-l
                    
                    
                    
                ">Internal Server Error</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
 
{{#extend '@splitter' splitter }}
    {{#content 'content-first-column'}}
        <div class="content-error" {{#if hasID}}id="{{idComponent}}"{{/if}}>
            <div class="content-error__number">
                {{> @number-xl number }}
            </div>
            <div class="content-error__description">
                {{> @bodycopy-l description }}
            </div>
        </div>
    {{/content}}
{{/extend}}
 
{
  "hasID": false,
  "splitter": {
    "oneColumn": true,
    "isHeaderBefore": true,
    "paddingBottomLarge": true,
    "bgColorWhite": true
  },
  "number": {
    "number": "500"
  },
  "description": {
    "text": "Internal Server Error"
  }
}
  • Content: 
    .content-error {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 500px;
    text-align: center;
}
  • URL: /components/raw/content-error/content-error.css
  • Filesystem Path: src/03-organisms/content-error/content-error.css
  • Size: 142 Bytes

No notes defined.