ResiLien
/
terraform
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update hero

This commit is contained in:
JT 2014-07-22 16:44:41 -07:00
parent 6050dcdfeb
commit 03c6f7c9ff
4 changed files with 32 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
website/source/images/hero-bg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 MiB

After

Width:  |  Height:  |  Size: 2.7 MiB

2
website/source/index.html.erb
View File

@ -53,7 +53,7 @@
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6">
<h2 class="feature-t">Clone comple environments easily</h2>
<h2 class="feature-t">Clone complete environments easily</h2>
</div>
<div class="col-lg-6 col-md-6">
<div class="clone-icon f-icon">

18
website/source/stylesheets/_home.less
View File

@ -8,7 +8,7 @@
.feature{
padding: 240px 0;
.lato-light();
.anti-alias();
//.anti-alias();
h2{
text-align: right;
@ -39,6 +39,7 @@
}
#feature-auto{
padding: 240px 0 300px;
margin-top: -36px;
background: #fff url(../images/white-wireframe.png) center top no-repeat;
background-size: cover;
@ -78,7 +79,7 @@
#feature-clone{
margin-top: -80px;
padding: 240px 0;
padding: 240px 0 300px;
color: white;
background-color: @purple;
.skewY(2deg);
@ -191,15 +192,20 @@
#demos{
padding: 30px 0 60px;
background-color: @light-purple;
background: @light-purple url('../images/sidebar-dots.jpg') left 62px no-repeat;
background-color: #000;
margin-top: -80px;
.skewY(-2deg);
>.container{
.skewY(2deg);
}
.explantion {
margin: 40px 0 40px 0;
h2 {
font-size: 22px;
color: lighten(@gray-light, 15%);
color: white;
text-transform: uppercase;
font-family: @font-family-lato;
font-weight: @font-weight-lato-xb;
@ -209,7 +215,7 @@
font-size: 16px;
letter-spacing: 1px;
line-height: 1.5em;
color: @consul-gray;
color: white;
font-family: @font-family-lato;
font-weight: @font-weight-lato-sb;
}

25
website/source/stylesheets/main.css
View File

@ -532,8 +532,6 @@ body.page-sub #header {
padding: 240px 0;
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 100;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
.feature h2 {
text-align: right;
@ -561,6 +559,7 @@ body.page-sub #header {
background-repeat: no-repeat;
}
#feature-auto {
padding: 240px 0 300px;
margin-top: -36px;
background: #ffffff url(../images/white-wireframe.png) center top no-repeat;
background-size: cover;
@ -610,7 +609,7 @@ body.page-sub #header {
}
#feature-clone {
margin-top: -80px;
padding: 240px 0;
padding: 240px 0 300px;
color: white;
background-color: #822ff7;
-webkit-transform: skewY(2deg);
@ -711,15 +710,27 @@ body.page-sub #header {
}
#demos {
padding: 30px 0 60px;
background-color: #f7f3f9;
background: #f7f3f9 url('../images/sidebar-dots.jpg') left 62px no-repeat;
background-color: #000;
margin-top: -80px;
-webkit-transform: skewY(-2deg);
-moz-transform: skewY(-2deg);
-ms-transform: skewY(-2deg);
-o-transform: skewY(-2deg);
transform: skewY(-2deg);
}
#demos > .container {
-webkit-transform: skewY(2deg);
-moz-transform: skewY(2deg);
-ms-transform: skewY(2deg);
-o-transform: skewY(2deg);
transform: skewY(2deg);
}
#demos .explantion {
margin: 40px 0 40px 0;
}
#demos .explantion h2 {
font-size: 22px;
color: #b9b9b9;
color: white;
text-transform: uppercase;
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 700;
@ -728,7 +739,7 @@ body.page-sub #header {
font-size: 16px;
letter-spacing: 1px;
line-height: 1.5em;
color: #909090;
color: white;
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
}