Loading

Landing page — Dark header

Posted On: Thursday, June 5, 2014 at 8:42 AM
Last updated: Thursday, June 5, 2014 at 9:27 AM

Dark header

Bootstraptor

Joined on
Contributed 43 Snips

Get Social and Share

Tags

PREVIEW SNIPP

BUILD RESPONSIVE PROTOTYPES IN MINUTES


REGISTER NOW - IT'S FREE WATCH THE VIDEO
OK!
section
.container
.row
.section-header{ background: #323a45 url('http://www.invisionapp.com/assets/img/wallpapers/airbnb.jpg') !important; background-size:100% auto; padding: 30px 0; overflow: hidden; border-bottom: solid 1px #d0d5d8; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 497px; } .section-header h1{ margin-top: 220px; font-size: 60px; line-height: 1.1em; color:#fff; } .btn-danger.btn-custom{ padding: 20px 40px; background: #f36; } .btn-default.btn-video{ padding: 20px 40px; border:2px solid #fff; background: rgba(255,255,255,0.1); } .btn-default.btn-video:hover{ background: rgba(255,255,255,0.3); } null