add announcement section
still need to fix a wonky container alignment issue and add background
This commit is contained in:
parent
e241eba249
commit
af306087d7
|
@ -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{
|
||||
|
|
|
@ -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> We’ve 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>
|
||||
|
|
Loading…
Reference in New Issue