nest styles in .page-home class
This commit is contained in:
parent
0fc6267112
commit
8973d3c11c
|
@ -1,9 +1,18 @@
|
|||
//
|
||||
// Home
|
||||
// --------------------------------------------------
|
||||
/*body.page-home{
|
||||
background-color: #f8f8f8;
|
||||
}*/
|
||||
|
||||
body.page-home {
|
||||
|
||||
#customer-logos {
|
||||
background: $black;
|
||||
}
|
||||
|
||||
ul.customer-list{
|
||||
li {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
.feature{
|
||||
padding: 240px 0;
|
||||
|
@ -111,68 +120,21 @@
|
|||
// }
|
||||
}
|
||||
|
||||
#feature-clone{
|
||||
#feature-create{
|
||||
position: relative;
|
||||
margin-top: -80px;
|
||||
padding: 240px 0 300px;
|
||||
color: white;
|
||||
|
||||
>.container{
|
||||
z-index: 21;
|
||||
}
|
||||
|
||||
#feature-clone-bg{
|
||||
#feature-create-bg{
|
||||
background-color: $purple;
|
||||
@include skewY(3deg);
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
h2{
|
||||
color: white;
|
||||
font-size: 37px;
|
||||
}
|
||||
|
||||
p{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.clone-icon{
|
||||
padding-left: 80px;
|
||||
}
|
||||
|
||||
.c-group{
|
||||
display: inline-block;
|
||||
margin-right: 20px;
|
||||
|
||||
&.cg2{
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
&.cg3{
|
||||
opacity: .6;
|
||||
}
|
||||
|
||||
.c-col{
|
||||
display: inline-block;
|
||||
float: left;
|
||||
|
||||
&.c1{
|
||||
padding-top: 16px;
|
||||
}
|
||||
|
||||
&.c3{
|
||||
padding-top: 55px;
|
||||
}
|
||||
|
||||
.c-block{
|
||||
background-color: white;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
@include skewY(30deg);
|
||||
margin: 5px 5px 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
@ -244,30 +206,22 @@
|
|||
}
|
||||
|
||||
#demo-bg{
|
||||
background-color: #000;
|
||||
background-color: #E6E7E8;
|
||||
@include skewY(-3deg);
|
||||
z-index: 30;
|
||||
}
|
||||
|
||||
h2{
|
||||
margin-top: 0;
|
||||
font-size: 28px;
|
||||
text-align: center;
|
||||
@include lato-light();
|
||||
}
|
||||
|
||||
.explantion {
|
||||
margin: 40px 0 60px 15px;
|
||||
border-left: 8px solid #1e1e1e;
|
||||
|
||||
h2 {
|
||||
margin-top: 0;
|
||||
font-size: 28px;
|
||||
color: lighten($purple, 8%);
|
||||
@include lato-light();
|
||||
}
|
||||
|
||||
p{
|
||||
margin-bottom: 0;
|
||||
font-size: 16px;
|
||||
letter-spacing: 1px;
|
||||
line-height: 1.5em;
|
||||
color: $gray-light;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
.terminals{
|
||||
|
@ -305,6 +259,7 @@
|
|||
|
||||
.terminal{
|
||||
border: 2px solid #1e1e1e;
|
||||
background: $black;
|
||||
//border-radius: 4px;
|
||||
|
||||
header{
|
||||
|
@ -714,3 +669,4 @@
|
|||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -3,10 +3,30 @@
|
|||
<div id="jumbotron">
|
||||
<div class="jumbotron-content" id="jumbotron-content">
|
||||
<h2 class="tag-line" id="tag-line" style="visibility: hidden;">Write, plan, and create infrastructure</h2>
|
||||
<p class="lead">Terraform is an open source tool that allows you to codify APIs into
|
||||
declarative configuration files that can be shared amongst team members,
|
||||
treated as code, edited, reviewed, and versioned. Terraform allows you
|
||||
safely and predictably create, change, and improve production
|
||||
infrastructure.</p>
|
||||
<p>
|
||||
<button class="btn">Get Started ></button>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-12">
|
||||
<p>Trusted in production by:</p>
|
||||
<ul class="customer-list">
|
||||
<li>Nike</li>
|
||||
<li>HBO</li>
|
||||
<li>Capital One</li>
|
||||
<li>Target</li>
|
||||
<li>Hotels.com</li>
|
||||
<li>Home Depot</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="feature" id="feature-overview">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
@ -118,18 +138,18 @@
|
|||
<div class="feature-skew" id="feature-auto-bg"></div>
|
||||
</div> <!-- /feature -->
|
||||
|
||||
|
||||
|
||||
<div class="skew-item" id="demos">
|
||||
<div class="container">
|
||||
<div class="terminals row">
|
||||
<div class="col-sm-12">
|
||||
<h2>Examples</h2>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-lg-12 explantion">
|
||||
<h2>Layering Resources</h2>
|
||||
<p>
|
||||
Use attributes from other resources to create
|
||||
a layered infrastructure. Terraform handles ordering
|
||||
resource creation automatically.
|
||||
<h3>Layering Resources</h3>
|
||||
<p>Use attributes from other resources to create a layered
|
||||
infrastructure. Terraform handles ordering resource creation
|
||||
automatically.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
@ -161,7 +181,7 @@
|
|||
</div> <!-- /.terminal-item -->
|
||||
|
||||
<div class="col-xs-12 col-lg-12 explantion">
|
||||
<h2>Fast, Simplified Interaction</h2>
|
||||
<h3>Fast, Simplified Interaction</h3>
|
||||
<p>
|
||||
Simple and intuitive configuration makes even the most complicated services approachable:
|
||||
no more web consoles, loading bars, or confusing CLI clients.
|
||||
|
|
Loading…
Reference in New Issue