Divisões ricas são elementos que criam o efeito de divisão não-horizontal entre duas seções
Divisão inclinada
Como usar
A divisão inclinada altera o formato do background subposto usando o pseudo elemento :before. Para usar-la acrescente uma div exta entre a <section> e o .container com a classe de configuração .bg-angle e a classe que define a cor do background .bg-angle-$cor
Dica: para acertar os espaçamentos entre as duas seções use .bg-angle-adjust na <section>.
Classes disponíveis
.bg-angle-white
Background branco
.bg-angle-shallow
Background cinza claro
.bg-angle-medium
Background cinza médio
.bg-angle-deep
Background cinza escuro
.bg-angle-dark
Background escuro
.bg-angle-degrade-dark
Background degrade escuro
.bg-angle-degrade-light
Background degrade light
<section id="clientes" class="bg-angle-adjust">
<div class="bg-angle-white bg-angle">
<div class="container">
<div class="col text-center">
<span class="h2">Título da seção 1</span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
</section>
<section id="contato" class="bg-medium bg-angle-adjust pt-0">
<div class="bg-angle-degrade-dark bg-angle">
<div class="container">
<div class="row">
<div class="col text-center ">
<span class="h2 text-white">Título da seção 2</span>
<p class="text-white">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
</div>
</section>