Bootstrap framework snippet error 500 page

This bootstrap framework snippet "error 500 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.

<link href="" rel="stylesheet"> <div class="error-header"> </div> <div class="container "> <section class="error-container text-center"> <h1>500</h1> <div class="error-divider"> <h2>ooops!!</h2> <p class="description">SOMETHING WENT WRONG.</p> </div> <a href="#index.html" class="return-btn"><i class="fa fa-home"></i>Home</a> </section> </div>
body{ background-color: #39bbdb; color: #fff; padding-bottom: 0; min-height: 100%; font-family: 'Open Sans','Segoe UI'; font-size: 13px; } .error-header { background: #fff; height: 180px; } .error-container { background: rgba(0,0,0,.05); text-align: center; } .error-container h1 { color: #39bbdb; } .error-container h1 { font-size: 110px; font-weight: 300; margin: -103px 0 0 0; text-align: center; } .error-divider { margin-top: -27px; padding: 30px 0; } .error-container h2 { font-size: 58px; font-weight: 300; margin: 0; text-transform: uppercase; } .error-container p.description { color: #e5e5e5; font-size: 40px; margin: 0; } .return-btn, .return-btn:hover { border: 1px solid rgba(255,255,255,.3); padding: 10px 15px; margin-top: 100px; margin-bottom: 30px; display: inline-block; -webkit-border-radius: 5px; -webkit-background-clip: padding-box; -moz-border-radius: 5px; -moz-background-clip: padding; border-radius: 5px; background-clip: padding-box; color: #fff; font-size: 16px; font-weight: 300; } a:hover{ text-decoration:none; }

Creator of this snippet

Dey Dey

Bootstrap version: 3.3.4

Created: Jun 30th 2015, 23:52

Views: 2.2K