nuke old CTA and styles
This commit is contained in:
parent
81a9655a1b
commit
e241eba249
|
@ -157,65 +157,6 @@ body.page-home {
|
|||
|
||||
}
|
||||
|
||||
|
||||
#cta {
|
||||
position: relative;
|
||||
padding: 180px 0 220px;
|
||||
|
||||
>.container{
|
||||
z-index: 21;
|
||||
}
|
||||
|
||||
#cta-bg{
|
||||
background-color: $purple;
|
||||
@include skewY(-3deg);
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
.intro {
|
||||
.left {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.right {
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
p{
|
||||
padding-top: 4px;
|
||||
color: white;
|
||||
font-size: 14px;
|
||||
letter-spacing: 1px;
|
||||
line-height: 1.5esm;
|
||||
font-family: $font-family-lato;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.outline-btn {
|
||||
padding: 16px 40px;
|
||||
display: inline-block;
|
||||
&:focus {
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
font-size: 24px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 3px;
|
||||
color: white;
|
||||
@include lato-light();
|
||||
font-weight: 500;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#demos{
|
||||
position: relative;
|
||||
padding: 180px 0 60px;
|
||||
|
|
|
@ -210,20 +210,3 @@
|
|||
</div>
|
||||
<div class="feature-skew" id="demo-bg"></div>
|
||||
</div><!-- /#demos -->
|
||||
|
||||
<div class="skew-item" id="cta">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="intro">
|
||||
<div class="left col-xs-12 col-sm-4 col-sm-offset-1 col-md-offset-2 col-md-4">
|
||||
<p>The intro contains a walkthrough guide, introductory literature
|
||||
and a range of examples to experiment with Terraform.</p>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6 col-md-4 right">
|
||||
<a class="outline-btn" href="/intro/index.html">Try Terraform »</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-skew" id="cta-bg"></div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue