add announcement section

still need to fix a wonky container alignment issue and add background
This commit is contained in:
Jason Costello 2016-10-04 19:12:05 -07:00
parent e241eba249
commit af306087d7
2 changed files with 31 additions and 0 deletions

View File

@ -310,6 +310,23 @@ body.page-home {
}
}
#announcement{
position: relative;
padding: 180px 220px;
color: $white;
text-align: center;
>.container {
z-index: 21;
}
}
#announcement-bg{
background-color: $purple;
@include skewY(3deg);
z-index: 20;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
#demos{

View File

@ -210,3 +210,17 @@
</div>
<div class="feature-skew" id="demo-bg"></div>
</div><!-- /#demos -->
<div class="skew-item" id="announcement">
<div class="container">
<div class="row">
<div class="col-sm-12">
<p class="lead"><strong>Latest:</strong> Weve released Terraform 0.7!</p>
<p>
<a class="outline-btn" href="#">Read more</a>
</p>
</div>
</div>
</div>
<div class="feature-skew" id="announcement-bg"></div>
</div>