Home page pods
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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
|
||||
|
||||
|
||||
Reference in New Issue
Block a user