Home page pods

This commit is contained in:
Ben Ramey
2014-04-07 18:02:41 -05:00
parent 6e3b87309d
commit 4da312566e
2 changed files with 33 additions and 10 deletions

View File

@@ -1,5 +1,26 @@
#welcome {
margin-top: 50px;
#home-page .pod {
margin-top: 5px;
padding: 20px;
background-color: rgba(0,0,0,0.6);
color: #eee;
h1 {
margin: 0;
}
&#logo {
margin-top: 50px;
text-shadow: 2px 2px 10px #333;
}
&#cta {
padding: 0;
}
.btn-block {
padding: 20px;
font-size: 3em;
color: #fff;
text-align: right;
.glyphicon {
vertical-align: text-bottom;
font-size: 1.2em;
}
}
}

View File

@@ -3,15 +3,17 @@ extends ../layout
block content
#home-page
.row
.col-xs-12.col-md-3.offset-md-2
#logo lunch run me
.col-xs-12.col-sm-6.offset-md-2
#logo.pod
h1 lunch run me
.row
.col-xs-12.col-md-3.offset-md-2
#welcome
.col-xs-12.col-sm-6.offset-md-2
#welcome.pod
| hello there
.row
.col-xs-12.col-md-3.offset-md-2
a.btn.btn-primary
| start a run!
span.glyphicon.glyphicon-arrow-right
.col-xs-12.col-sm-6.offset-md-2
#cta.pod
a.btn.btn-block
| start a run  
span.glyphicon.glyphicon-chevron-right