Bootstrap framework snippet Maintenance page

This bootstrap framework snippet "Maintenance 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: maintenance,page

<div class="full-size layout-column layout-align-center-vertical bootstrap snippets"> <div class="size-7 horizontal-align"> <div class="panel panel-default"> <div class="panel-body text-center"> <div class="logo-box logo-box-primary padding-top-4"> <div class="logo"> <b>B</b> </div> </div> <h2>Under Maintenance</h2> <p>We will be down for a short time.<br>Please check back later.</p> </div> </div> </div> </div>
body { overflow: hidden; background: transparent url("") left 40%; background-size: cover; font-size: 15px; margin: 0; padding: 0; } .layout-align-center-vertical { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; max-height: 100%; } .horizontal-align { position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .width-7, .size-7 { width: 392px !important; margin-top:100px; } .height-7, .size-7 { height: 392px !important; } .logo-box-primary .logo { color: #fff; background-color: #009688 !important; } .logo-box, .logo-box .logo { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; } .logo-box .logo { width: 96px; height: 96px; font-size: 72px; font-weight: 500; color: #fff; background-color: #777e7d; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; align-content: center; }

Creator of this snippet

Dey Dey

Bootstrap version: 3.3.6

Created: Feb 1st 2016, 21:24

Views: 301