clone/it
This commit is contained in:
parent
7ce6e881bf
commit
f08b2fee01
|
@ -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 -->
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue