This commit is contained in:
JT 2014-07-23 02:36:35 -07:00
parent 7ce6e881bf
commit f08b2fee01
3 changed files with 52 additions and 10 deletions

View File

@ -21,10 +21,11 @@
<div class="feature" id="feature-auto">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="col-lg-7 col-md-7">
<h2 class="feature-t">Automatically build infrastructure from code</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vestibulum nibh vitae quam dapibus, nec sodales dolor sodales. Class aptent taciti sociosqu ad litora.</p>
</div>
<div class="col-lg-6 col-md-6">
<div class="col-lg-5 col-md-5">
<h3 class="terminal-text">$ terraform apply</h3>
</div>
</div>
@ -44,6 +45,7 @@
</div>
<div class="col-lg-7 col-md-7">
<h2 class="feature-t">Iterate on infrastructure safely</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vestibulum nibh vitae quam dapibus, nec sodales dolor sodales. Class aptent taciti sociosqu ad litora.</p>
</div>
</div>
</div> <!-- /container -->

View File

@ -13,8 +13,9 @@
h2{
text-align: right;
font-size: 44px;
line-height: 54px;
line-height: 44px;
letter-spacing: 2px;
text-transform: uppercase;
color: @purple;
.lato-light();
}
@ -38,7 +39,7 @@
}
#feature-auto{
padding: 240px 0 300px;
padding: 200px 0 300px;
margin-top: -36px;
background: #fff url(../images/white-wireframe.png) center top no-repeat;
background-size: cover;
@ -48,10 +49,21 @@
.skewY(2deg);
}
h2{
font-size: 41px
}
p{
text-align: right;
padding-left: 100px;
}
.terminal-text{
color: black;
background: black;
color: white;
line-height: 88px;
text-align: center;
margin: 60px 20px 0;
font-size: 35px;
font-family: "Courier New", Monaco, Menlo, Consolas, monospace;
}
@ -59,7 +71,7 @@
#feature-iterate{
margin-top: -80px;
padding: 280px 0;
padding: 280px 0 360px;
color: white;
background: #fff url(../images/feature-iterate-bg.png) center top no-repeat;
border-top: 2px solid white;
@ -71,6 +83,16 @@
.skewY(-2deg);
}
p{
text-align: right;
padding-left: 120px;
font-weight: 100;
}
.it-icon{
margin-top: 40px;
}
.t-block{
background-color: rgb(255, 255, 255);
width: 80px;

View File

@ -597,8 +597,9 @@ body.page-sub #header .main-links.navbar-nav li + li::before {
.feature h2 {
text-align: right;
font-size: 44px;
line-height: 54px;
line-height: 44px;
letter-spacing: 2px;
text-transform: uppercase;
color: #822ff7;
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 100;
@ -619,7 +620,7 @@ body.page-sub #header .main-links.navbar-nav li + li::before {
background-repeat: no-repeat;
}
#feature-auto {
padding: 240px 0 300px;
padding: 200px 0 300px;
margin-top: -36px;
background: #ffffff url(../images/white-wireframe.png) center top no-repeat;
background-size: cover;
@ -636,16 +637,25 @@ body.page-sub #header .main-links.navbar-nav li + li::before {
-o-transform: skewY(2deg);
transform: skewY(2deg);
}
#feature-auto h2 {
font-size: 41px;
}
#feature-auto p {
text-align: right;
padding-left: 100px;
}
#feature-auto .terminal-text {
color: black;
background: black;
color: white;
line-height: 88px;
text-align: center;
margin: 60px 20px 0;
font-size: 35px;
font-family: "Courier New", Monaco, Menlo, Consolas, monospace;
}
#feature-iterate {
margin-top: -80px;
padding: 280px 0;
padding: 280px 0 360px;
color: white;
background: #ffffff url(../images/feature-iterate-bg.png) center top no-repeat;
border-top: 2px solid white;
@ -664,6 +674,14 @@ body.page-sub #header .main-links.navbar-nav li + li::before {
-o-transform: skewY(-2deg);
transform: skewY(-2deg);
}
#feature-iterate p {
text-align: right;
padding-left: 120px;
font-weight: 100;
}
#feature-iterate .it-icon {
margin-top: 40px;
}
#feature-iterate .t-block {
background-color: #ffffff;
width: 80px;