Bootstrap framework snippet 500 internal server error page

This bootstrap framework snippet "500 internal server error page" was designed to help people of all skill levels - designer or developer,
huge nerd or early beginner. copy and paste the code. Use it as a complete kit or use it to start something more complex.
tags: page,error 500

<div class="ex-page-content bootstrap snippets"> <div class="container"> <div class="row"> <div class="col-sm-6"> <svg class="svg-box" width="380px" height="500px" viewBox="0 0 837 1045" version="1.1" xmlns="" xmlns:xlink="" xmlns:sketch=""> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <path d="M353,9 L626.664028,170 L626.664028,487 L353,642 L79.3359724,487 L79.3359724,170 L353,9 Z" id="Polygon-1" stroke="#3bafda" stroke-width="6" sketch:type="MSShapeGroup"></path> <path d="M78.5,529 L147,569.186414 L147,648.311216 L78.5,687 L10,648.311216 L10,569.186414 L78.5,529 Z" id="Polygon-2" stroke="#7266ba" stroke-width="6" sketch:type="MSShapeGroup"></path> <path d="M773,186 L827,217.538705 L827,279.636651 L773,310 L719,279.636651 L719,217.538705 L773,186 Z" id="Polygon-3" stroke="#f76397" stroke-width="6" sketch:type="MSShapeGroup"></path> <path d="M639,529 L773,607.846761 L773,763.091627 L639,839 L505,763.091627 L505,607.846761 L639,529 Z" id="Polygon-4" stroke="#00b19d" stroke-width="6" sketch:type="MSShapeGroup"></path> <path d="M281,801 L383,861.025276 L383,979.21169 L281,1037 L179,979.21169 L179,861.025276 L281,801 Z" id="Polygon-5" stroke="#ffaa00" stroke-width="6" sketch:type="MSShapeGroup"></path> </g> </svg> </div> <div class="col-sm-6"> <div class="message-box"> <h1 class="m-b-0">500</h1> <p>Internal Server Error.</p> <div class="buttons-con"> <div class="action-link-wrap"> <a href="#" class="btn btn-custom btn-info waves-effect waves-light m-t-20">Go Back</a> <a href="#" class="btn btn-custom btn-info waves-effect waves-light m-t-20">Go to Home Page</a> </div> </div> </div> </div> </div> </div> </div>
body { background: #f5f5f5; font-family: 'Noto Sans', sans-serif; margin: 0; color: #4c5667; overflow-x: hidden !important; padding-top:40px; } .message-box h1 { color: #252932; font-size: 98px; font-weight: 700; line-height: 98px; text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px; }

Creator of this snippet

Dey Dey

Bootstrap version: 3.3.6

Created: Feb 2nd 2016, 20:26

Views: 4.0K