I've run into a bit of a roadblock. I managed to create the left div, but now I'm struggling with the second div on the right. Any suggestions?
Here is the HTML
<div class="shape">
CHOOSE YOUR STYLE
</div>
and here is the CSS
.shape{
text-align:center;
background-color:#8ed7c2;
width:50%;
height:178px;
line-height:178px;
color:#fef5ca;
float:left;
position:relative;
font-size:50px;
top:20px;
}
.shape:after{
content:"";
width:0px;
height:178px;
border-top:178px solid rgba(3,78,136,0.7);
border-right:60px solid transparent;
position:absolute;
left:100%;
}