<svg viewBox="0 0 100 100" preserveAspectRatio="none" style="width:100%; height:4em">
<polygon fill="#002D72" points="100,0 0,100 0,0"/>
</svg>
<h1>SVG/Section/Dividers</h1>

<svg viewBox="0 0 100 100"  class="bottom-shape" preserveAspectRatio="none" style="width:100%; height:4em">
<polygon fill="#002D72" points="0,100 100,0 100,100"/>
</svg>
body {
  margin:0;
}

h1 {
  text-transform:uppercase;
  color:#ffc107;
  font-family:sans-serif;
  text-align:center;
  font-size:6rem;
}

.bottom-shape {
  position:absolute;
  left:0;
  bottom:0;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.