Font styling
H1 Heading
H2 Heading
H3 Heading
H4 Heading
H5 Heading
H6 Styling
Big Title [class="title--big"]
Bigger Title [class="title--bigger"]
Biggest Title [class="title--biggest"]
Uppercase text [class="text--uppercase"]
Text align left [class="text--left"]
Text align center [class="text--center"]
Text align right [class="text--right"]
Text that's bigger than normal size (16px) [class="text--big"]
Text that's bigger than normal size (18px) [class="text--bigger"]
Text that's bigger than normal size (20px) [class="text--biggest"]
Text that's smaller than normal size (13px) [class="text--small"]
Text that's smaller than normal size (12px) [class="text--smaller"]
Text that's smaller than normal size (10px) [class="text--smallest"]
Regular weight heading text
Color classes
Dark text [class="color--dark"] (can be applied to any element)
White text [class="color--white"] (can be applied to any element)
Aqua text [class="color--aqua"] (can be applied to any element)
Navy text [class="color--navy"] (can be applied to any element)
Orange text [class="color--orange"] (can be applied to any element)
Background classes
White background [class="bg--white"] (can be applied to any element)
Light Grey background [class="bg--light-grey"] (can be applied to any element)
Grey background [class="bg--grey"] (can be applied to any element)
Dark background [class="bg--dark"] (can be applied to any element)
Aqua background [class="bg--aqua"] (can be applied to any element)
Navy background [class="bg--navy"] (can be applied to any element)
Orange background [class="bg--orange"] (can be applied to any element)
Gradient background [class="bg--gradient"] (can be applied to any element)
Link Styling
Primary Button [class="button button--primary"] or [class="button"]
Secondary Button [class="button button--secondary"]
Tertiary Button [class="button button--tertiary"]
Full Width Button [class="button button--primary button--full"]
Small Button [class="button button--small"]
Smaller Button [class="button button--smaller"]
Big Button [class="button button--big"]
Bigger Button [class="button button--bigger"]
Trump Classes (controlling margin and pading)
.push { margin: 20px!important; } .push--top { margin-top: 20px!important; } .push--right { margin-right: 20px!important; } .push--bottom { margin-bottom: 20px!important; } .push--left { margin-left: 20px!important; } .push--ends { margin-top: 20px!important; margin-bottom: 20px!important; } .push--sides { margin-right: 20px!important; margin-left: 20px!important; } .push-half { margin: 10px!important; } .push-half--top { margin-top: 10px!important; } .push-half--right { margin-right: 10px!important; } .push-half--bottom { margin-bottom: 10px!important; } .push-half--left { margin-left: 10px!important; } .push-half--ends { margin-top: 10px!important; margin-bottom: 10px!important; } .push-half--sides { margin-right: 10px!important; margin-left: 10px!important; } .push-double { margin: 40px!important; } .push-double--top { margin-top: 40px!important; } .push-double--right { margin-right: 40px!important; } .push-double--bottom { margin-bottom: 40px!important; } .push-double--left { margin-left: 40px!important; } .push-double--ends { margin-top: 40px!important; margin-bottom:40px!important; } .push-double--sides { margin-right: 40px!important; margin-left: 40px!important; } .flush { margin: 0!important; } .flush--top { margin-top: 0!important; } .flush--right { margin-right: 0!important; } .flush--bottom { margin-bottom: 0!important; } .flush--left { margin-left: 0!important; } .flush--ends { margin-top: 0!important; margin-bottom:0!important; } .flush--sides { margin-right: 0!important; margin-left: 0!important; } /** * Add/remove paddings */ .soft { padding: 20px!important; } .soft--top { padding-top: 20px!important; } .soft--right { padding-right: 20px!important; } .soft--bottom { padding-bottom: 20px!important; } .soft--left { padding-left: 20px!important; } .soft--ends { padding-top: 20px!important; padding-bottom: 20px!important; } .soft--sides { padding-right: 20px!important; padding-left: 20px!important; } .soft-half { padding: 10px!important; } .soft-half--top { padding-top: 10px!important; } .soft-half--right { padding-right: 10px!important; } .soft-half--bottom { padding-bottom: 10px!important; } .soft-half--left { padding-left: 10px!important; } .soft-half--ends { padding-top: 10px!important; padding-bottom: 10px!important; } .soft-half--sides { padding-right: 10px!important; padding-left: 10px!important; } .soft-double { padding: 40px!important; } .soft-double--top { padding-top: 40px!important; } .soft-double--right { padding-right: 40px!important; } .soft-double--bottom { padding-bottom: 40px!important; } .soft-double--left { padding-left: 40px!important; } .soft-double--ends { padding-top: 40px!important; padding-bottom: 40px!important; } .soft-double--sides { padding-right: 40px!important; padding-left: 40px!important; } .hard { padding: 0!important; } .hard--top { padding-top: 0!important; } .hard--right { padding-right: 0!important; } .hard--bottom { padding-bottom: 0!important; } .hard--left { padding-left: 0!important; } .hard--ends { padding-top: 0!important; padding-bottom:0!important; } .hard--sides { padding-right: 0!important; padding-left: 0!important; } .hard-half--right { padding-right: 5px!important; } .hard-half--left { padding-left: 5px!important; }
Table Styling
Audience | Facilitated Programs (virtual & face-to-face) | Online Learning Tools (self-directed) | Assessments & Surveys |
---|---|---|---|
Leader | |||
Teams |
- Managing Remotely
- Engaging Virtual Meetings
- Executive Coaching
- Executive Coaching
- Executive Coaching
- Executive Coaching
- Executive Coaching
- Executive Coaching
- Executive Coaching
- Executive Coaching
- Executive Coaching
- Executive Coaching
- Executive Coaching
- Global Leadership Development
- Senior Team Effectiveness
- Accelerated Development for High Potentials in
- Fast-Growth Markets
- Leading Change
- Inclusive Leadership
- Leading in Matrix
- Managing Remotely
- Engaging Virtual Meetings
- Executive Coaching
- Executive Coaching
- Executive Coaching
- Executive Coaching
- Executive Coaching
- Executive Coaching
- Executive Coaching
- Executive Coaching
- Executive Coaching
- Executive Coaching
- Executive Coaching
- Global Leadership Development
- Senior Team Effectiveness
- Accelerated Development for High Potentials in
- Fast-Growth Markets
- Leading Change
- Inclusive Leadership
- Leading in Matrix
- This is a title
- This is the definition
- This is a title
- This is the definition
- This is a title
- This is the definition
- This is a title
- This is the definition

Intro Block
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed velit sem, porttitor ac eleifend at, rutrum a elit. Mauris quis malesuada nisi. Nam aliquam, turpis ut porttitor hendrerit, odio est lobortis lectus, at rutrum mauris lorem id sem. Pellentesque scelerisque bibendum nibh, eu placer.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at odio at mi sollicitudin pretium sit amet nec mi. Donec porta urna sit amet diam fermentum, convallis dictum elit convallis. Curabitur quis lectus nisl. Cras posuere ipsum ex, lacinia varius lacus malesuada id. In efficitur erat quis quam accumsan malesuada. Nunc dignissim lacus id tortor imperdiet feugiat. Maecenas viverra semper tincidunt. Donec convallis diam vel est bibendum, quis facilisis erat ullamcorper. Praesent posuere fermentum rutrum. Nulla at laoreet orci, vitae pulvinar leo. Cras rutrum turpis est, et scelerisque ex pretium nec. Etiam odio urna, dictum sit amet libero ut, ornare congue odio.
Pellentesque ut fermentum ligula, a sagittis ipsum. Fusce tincidunt sodales libero. Vestibulum varius tempus eros, non gravida elit scelerisque in. Aenean sed sollicitudin nulla. Vestibulum faucibus nibh quis enim laoreet cursus. Praesent vestibulum ultricies nunc nec dignissim. Maecenas neque urna, interdum sit amet neque eu, tempor ornare purus. Curabitur ac ullamcorper leo, sit amet pharetra ante. Proin sodales vestibulum lectus, vitae consequat tellus facilisis vel.