MSD Component Snippets

Content Sections

Table of Contents

Default

Any content must be wrapped by a content section.

Every second content section must explicitly have set a background-color with the value #f1f0e9.

Placeholder Content Section 1
Placeholder Content Section 2
Placeholder Content Section 3
Placeholder Content Section 4
Placeholder Content Section 5
Code 
<section class="py-6">
  <div class="container">
    Placeholder Content Section 1
  </div>
</section>

<section
  class="py-6"
  style="background-color: #f1f0e9;"
>
  <div class="container">
    Placeholder Content Section 2
  </div>
</section>

<section class="py-6">
  <div class="container">
    Placeholder Content Section 3
  </div>
</section>

<section
  class="py-6"
  style="background-color: #f1f0e9;"
>
  <div class="container">
    Placeholder Content Section 4
  </div>
</section>

<section class="py-6">
  <div class="container">
    Placeholder Content Section 5
  </div>
</section>