Home page pods
This commit is contained in:
@@ -1,5 +1,26 @@
|
|||||||
#welcome {
|
#home-page .pod {
|
||||||
margin-top: 50px;
|
margin-top: 5px;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
background-color: rgba(0,0,0,0.6);
|
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
|
block content
|
||||||
#home-page
|
#home-page
|
||||||
.row
|
.row
|
||||||
.col-xs-12.col-md-3.offset-md-2
|
.col-xs-12.col-sm-6.offset-md-2
|
||||||
#logo lunch run me
|
#logo.pod
|
||||||
|
h1 lunch run me
|
||||||
.row
|
.row
|
||||||
.col-xs-12.col-md-3.offset-md-2
|
.col-xs-12.col-sm-6.offset-md-2
|
||||||
#welcome
|
#welcome.pod
|
||||||
| hello there
|
| hello there
|
||||||
.row
|
.row
|
||||||
.col-xs-12.col-md-3.offset-md-2
|
.col-xs-12.col-sm-6.offset-md-2
|
||||||
a.btn.btn-primary
|
#cta.pod
|
||||||
| start a run!
|
a.btn.btn-block
|
||||||
span.glyphicon.glyphicon-arrow-right
|
| start a run
|
||||||
|
span.glyphicon.glyphicon-chevron-right
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user