mirror of
https://github.com/opentofu/opentofu.git
synced 2025-02-25 18:45:20 -06:00
nest styles in .page-home class
This commit is contained in:
parent
0fc6267112
commit
8973d3c11c
@ -1,9 +1,18 @@
|
|||||||
//
|
//
|
||||||
// Home
|
// Home
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
/*body.page-home{
|
|
||||||
background-color: #f8f8f8;
|
body.page-home {
|
||||||
}*/
|
|
||||||
|
#customer-logos {
|
||||||
|
background: $black;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.customer-list{
|
||||||
|
li {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.feature{
|
.feature{
|
||||||
padding: 240px 0;
|
padding: 240px 0;
|
||||||
@ -111,68 +120,21 @@
|
|||||||
// }
|
// }
|
||||||
}
|
}
|
||||||
|
|
||||||
#feature-clone{
|
#feature-create{
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-top: -80px;
|
margin-top: -80px;
|
||||||
padding: 240px 0 300px;
|
padding: 240px 0 300px;
|
||||||
color: white;
|
|
||||||
|
|
||||||
>.container{
|
>.container{
|
||||||
z-index: 21;
|
z-index: 21;
|
||||||
}
|
}
|
||||||
|
|
||||||
#feature-clone-bg{
|
#feature-create-bg{
|
||||||
background-color: $purple;
|
background-color: $purple;
|
||||||
@include skewY(3deg);
|
@include skewY(3deg);
|
||||||
z-index: 20;
|
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{
|
#demo-bg{
|
||||||
background-color: #000;
|
background-color: #E6E7E8;
|
||||||
@include skewY(-3deg);
|
@include skewY(-3deg);
|
||||||
z-index: 30;
|
z-index: 30;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h2{
|
||||||
|
margin-top: 0;
|
||||||
|
font-size: 28px;
|
||||||
|
text-align: center;
|
||||||
|
@include lato-light();
|
||||||
|
}
|
||||||
|
|
||||||
.explantion {
|
.explantion {
|
||||||
margin: 40px 0 60px 15px;
|
margin: 40px 0 60px 15px;
|
||||||
border-left: 8px solid #1e1e1e;
|
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{
|
.terminals{
|
||||||
@ -305,6 +259,7 @@
|
|||||||
|
|
||||||
.terminal{
|
.terminal{
|
||||||
border: 2px solid #1e1e1e;
|
border: 2px solid #1e1e1e;
|
||||||
|
background: $black;
|
||||||
//border-radius: 4px;
|
//border-radius: 4px;
|
||||||
|
|
||||||
header{
|
header{
|
||||||
@ -714,3 +669,4 @@
|
|||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
@ -3,10 +3,30 @@
|
|||||||
<div id="jumbotron">
|
<div id="jumbotron">
|
||||||
<div class="jumbotron-content" id="jumbotron-content">
|
<div class="jumbotron-content" id="jumbotron-content">
|
||||||
<h2 class="tag-line" id="tag-line" style="visibility: hidden;">Write, plan, and create infrastructure</h2>
|
<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>
|
||||||
</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="feature" id="feature-overview">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@ -118,18 +138,18 @@
|
|||||||
<div class="feature-skew" id="feature-auto-bg"></div>
|
<div class="feature-skew" id="feature-auto-bg"></div>
|
||||||
</div> <!-- /feature -->
|
</div> <!-- /feature -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="skew-item" id="demos">
|
<div class="skew-item" id="demos">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="terminals row">
|
<div class="terminals row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<h2>Examples</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="col-xs-12 col-lg-12 explantion">
|
<div class="col-xs-12 col-lg-12 explantion">
|
||||||
<h2>Layering Resources</h2>
|
<h3>Layering Resources</h3>
|
||||||
<p>
|
<p>Use attributes from other resources to create a layered
|
||||||
Use attributes from other resources to create
|
infrastructure. Terraform handles ordering resource creation
|
||||||
a layered infrastructure. Terraform handles ordering
|
automatically.
|
||||||
resource creation automatically.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -161,7 +181,7 @@
|
|||||||
</div> <!-- /.terminal-item -->
|
</div> <!-- /.terminal-item -->
|
||||||
|
|
||||||
<div class="col-xs-12 col-lg-12 explantion">
|
<div class="col-xs-12 col-lg-12 explantion">
|
||||||
<h2>Fast, Simplified Interaction</h2>
|
<h3>Fast, Simplified Interaction</h3>
|
||||||
<p>
|
<p>
|
||||||
Simple and intuitive configuration makes even the most complicated services approachable:
|
Simple and intuitive configuration makes even the most complicated services approachable:
|
||||||
no more web consoles, loading bars, or confusing CLI clients.
|
no more web consoles, loading bars, or confusing CLI clients.
|
||||||
|
Loading…
Reference in New Issue
Block a user