Header with Colorful Background

Design Feature: Header with Colorful Background
What it looks like:

 

 

Welcome!

 

 

When to use it:
Use as the H2 level header when dividing pages into logical sections.

Design considerations:
Uses high-contrasting colors (very dark on very light, or vice-versa)

Course example:

 

How to create it:

Copy and paste the following HTML within a Canvas content page via the HTML editor in places where you would mark text as header level 2.

   <h2 style="background-color: #e8f4f8; height: 40px; padding-bottom: 2px; padding-left: 5px;">
        <span style="color: #000000;">Welcome!</span>
    </h2>

Replace the "Welcome!" text with your preferred text. You can also change the background-color (similar to previous design elements.) Find more hex colors. Links to an external site.