TBS Content Style Guide
To view in mobile, right click anywhere on the page and select the option "Inspect" at the bottom of the menu. Once you are in the inspect view, toggle the mobile device view on by clicking on the screens icon directly to the left of "Elements" in the top right menu.
Typography
Headers: Domine Bold
Body text: Karla Regular
Site Colors
Base Colors
Base color options that can be used with anything on the site such as components, text, icons, charts, etc. Some components will show a light or dark version of each color.
Primary
#2672BD
Secondary
#C8431D
Tertiary
#457E76
Accent
#E0BE5A
Additional Colors
Additional color options for Callouts, Icons (alone and in Checklists, but not in Accordions), text, charts, and designed images. Not available to use for components like Accordions, Resource Lists, and Interlinks.
#806594
#74A644
#D48320
Additional Background Colors
Additonal background color options.
#F6F9FD
#F6FBFA
#FEFCF7
Components
Callout Boxes
Reference colors for all options. Below are the most common usages for callouts.
This is a basic white callout
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
This is a basic tertiary callout with a shadow
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
This callout is floating to the right
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
This callout is floating to the left
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Pullquotes
Tertiary Pullquote with source
—
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
–Source Name
Pullquote with no styling
—
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
Pullquote floated to the right
—
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Pullquote floated to the left
—
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Accordions
Accordions have a wide variety of styles and options. Any component can be added within the body of each accordion in theory, but they should mostly only be used with regular headers, text, lists, and tables. Note: the body text inside accordions is smaller than regular body text. This cannot be changed.
Example of every base color in accordions
The examples below show that you can add a class to default one or more accordion sections as open. Colors are different when the accordion is open or closed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Example of every base color in accordions with numbers.
The examples below show that you can add a class to default one or more accordion sections as open. Colors are different when the accordion is open or closed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Example of an accordion with icons
The example below show that you can add a class to default one or more accordion sections as open. Colors are different when the accordion is open or closed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Checklists
Checklists can have any icon and site color. Each item can be a different icon and color. Can be used without a title, but icon will center itself to the left of the content rather than align at the top of each item. Title size and color cannot be changed. Any HTML content can be inside a checklist item description, such as an unordered list or additional headers.
Regular Checklist with titles
Regular Checklist without titles
Checklist used with other icons
Icon options can be found here.
Checklist used as a header option
Icon options can be found here.
Section Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus.
Resource Lists
Line to the left can have any base color. General usage is for lists of professional organizations or certifications, but can be used for any list of resource links with descriptions that are not interlinks.
Icons
Icon options can be found here. Note that you can choose between outline and solid versions. Generally, icons are best used in other components. We have the ability to add it on its own as listed here, if there is a need for it. Any site color can be used.
Icon examples
X-large icon.
Large icon.
Medium icon.
Small icon.
Icon Percentages
This component can be used alone or in columns. Any base color can be applied. Icon options can be found here. Should be used with one to two word titles. Can show a percentage only up to 100%.
Example of Icon Percentages
Tables
Tables are basic HTML elements that are mobile responsive. The caption/title will always have a red background and the text size cannot be changed. Ability to style text within the table as a different site color.
Example of a table with career information.
Career | Median Salary (2020) | Projected Job Growth (2019-2029) |
---|---|---|
Counselors and Social Workers | $47, 500 | 14% |
Substance Abuse, Behavioral Disorder, and Mental Health Counselors | $47,660 | 25% |
Marriage and Family Therapists | $51,340 | 22% |
Clinical, Counseling, and School Psychologists | $79,820 | 3% |
Lists
Basic HTML unordered lists can be used, as well as a special "dashed" unordered list.
Basic unorderd, bulleted list
- Title
- Title
- Title
Basic ordered, numbered list
- Title
- Title
- Title
Dashed list
- Title
- Title
- Title
Interlinks
Used for internal linking. The primary color is preferred, but any base color can be applied. Can add a label and/or image if needed.
Two interlinks stacked
Interlink with label
Interlink with image
Note: the image does not show in mobile.
Biography
Used for page authors and reviewers as well as interview sections. Classes included are image, Name, Title (or occupation or pronoun preferences), Email, Twitter, and Facebook links, and description. Descriptions should be kept relatively short, as the longer they get, the smaller the image will center itself to the left in comparison. One paragraph is preferable. Any base site color can be used, but it will display as a light version of the color.
Example with white color, image, name, title, and link icons.

Example with tertiary color and no image.
Genevieve Carlton
Genevieve Carlton holds a Ph.D. in history from Northwestern University. After earning her doctorate in early modern European history, Carlton worked as an assistant professor of history at the University of Louisville, where she developed new courses on the history of science, Renaissance Italy, and the witch trials. Carlton has published five peer-reviewed articles in top presses and a monograph with the University of Chicago Press. She also earned tenure with a unanimous vote before relocating to Seattle. Learn more about Carlton's work at genevievecarlton.com.
Components Styled for Specific Uses
The following is how common content is styled across the site.
Careers Descriptions with Salary and Job Growth Info
Note: Median Salary figures that populate in the heading of each accordion will drop down into the blue box showing the Projected Job Growth figures in mobile.
General and operations managers work with employees and other management leaders to ensure that businesses function efficiently. These leaders often control budgets, develop strategies for improvement, and reinforce organizational policies. Other responsibilities include hiring new employees and creating effective training procedures.
Candidates must have at least a bachelor's degree and leadership experience. However, employers value applicants with advanced degrees, especially for upper-level management positions. The best applicants understand resource allocation, human resource modeling, and production methods. Relevant skills include active listening, coordination, social perceptiveness, and public speaking.
Urban and regional planners create proposals to establish communities, provide avenues for land or structure revitalization, and accommodate population growth. These professionals often collaborate with developers, public officials, and other stakeholders regarding land use and planning. Other duties include gathering and analyzing data, reviewing site plans, assessing feasibility of plans, and maintaining compliance with zoning.
The best candidates hold a master's degree from an accredited school. Employers favor candidates with professional experience in leadership or relevant industries. Currently, New Jersey is the only state that requires a license for this role.
Citizens elect legislators to develop laws and serve as members of legislative bodies. Duties include identifying national and local implications of legislation, processing bills that can become state law if approved, debating bills and amendments on the legislative floor, and conferring with colleagues on committee assignments.
The best legislators are aware of new developments in their areas of expertise, offer professional development support, and keep the public informed of policy changes. While no guidelines exist for educational requirements, candidates typically have extensive educational and professional experience.
Certifications
Common Courses/Curriculum Lists
- Microeconomics: This course helps students understand how markets affect global relationships and how professionals can respond to various economic conditions. Topics include economic theory, market structure, and government regulation.
- Policy-making: This course examines government at the national, state, and local levels. Students also learn strategies for balancing policy objectives and organizational politics to foster change. Other course objectives include describing the role of policy analysis in the decision-making process and identifying areas for improvement.
- Public Management: This course explores the bureaucracy of political processes, issues in public management, and strategies for managing organizations. Course objectives include analyzing the impact of ethical practices in public administration and assessing theories and techniques related to public organizational management.
Concentrations
Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et.
Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus.
Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Professional Organizations
Frequently Asked Questions
Full-time students can earn a degree in two years. Some programs may offer accelerated options, which allow students to earn their degrees in a shorter time frame.
A master's in public administration can lead to many different careers working in management or administration. Students should begin their career searches by identifying industries that spark their interests.
Salaries for advanced roles in public administration vary significantly. Learners should research data for specific job titles, geographic locations, and industries to determine accurate projections.
Public administration is the management and organization of public programs, especially those designed to create positive change in communities. Succeeding in this field requires policy and decision-making skills.
The best MPA programs emphasize systematic investigation of organizational management and operations. This degree prepares graduates for management roles in both public and private industries.
Both an MBA and a MPA prepare graduates for administrative roles. However, an MPA focuses on public affairs, while an MBA covers business management.
Scholarships
Scholarships are accordion components with a white theme and tables inside. Expand all or at least a top selection on the page. Should be placed on the base site background color.
Note: Award figures that populate in the heading of each accordion will drop down into a blue box at the bottom of each accordion section in mobile.
Deadline | January 13 |
---|---|
About | In 1988, the National Collegiate Athletic Association established the Walter Byers Scholarship as a means of recognizing the contributions of the former executive director through encouraging excellence in academic performance by student-athletes. Annually, one male and one female student-athlete are awarded a $24,000 Walter Byers scholarship in recognition of outstanding academic achievement and potential for success in graduate study. |
Deadline | January 13 |
---|---|
About | In 2008, the National Collegiate Athletic Association established the Jim McKay Scholarship to recognize the immense contributions and legacy of pioneer sports journalist Jim McKay. Annually, one male and one female student-athlete are awarded a one-time $10,000 Jim McKay scholarship in recognition of outstanding academic achievement and their potential to make a major contribution to the sports communication industry or public relations. McKay scholars will be recognized as having a unique aptitude and commitment to the communications field while displaying the highest level of professional integrity, including the principles of truthfulness, accuracy, objectivity, impartiality, fairness and public accountability, with the element of compassion that so infused McKay's long and storied career. While McKay scholars not need a major in communications or journalism, they should demonstrate achievement in sport communication, public relations or at least show an interest in making a contribution to the field. |
Deadline | February 15 |
---|---|
About | The Ethnic Minority and Women's Enhancement Graduate Scholarship were developed by the NCAA Committee on Women's Athletics and the NCAA Minority Opportunities and Interests Committee. The goal of the enhancement programs is to increase the pool of and opportunities for qualified minority and female candidates in intercollegiate athletics through graduate scholarships. |
Deadline | Rolling |
---|---|
Award | *Cost of tuition, fees, and textbooks. |
About | The NCAA Division I Degree-Completion Award Program was established in 1989 to assist student-athletes who could not complete their education during their five-year eligibility period. To be eligible to apply for the program, a student-athlete must have competed at an NCAA Division I institution, have received athletics-related financial aid, and be within thirty semester hours (forty-five quarter hours) of completion of his or her degree. To date, the program has awarded over thirty million dollars to over 2,900 deserving student-athletes and ninety percent of the award recipients have successfully completed their undergraduate degrees. |
Deadline | Rolling |
---|---|
About | The NCAA established the Division II Degree Completion Award Program in 2001 to provide deserving student-athletes financial assistance for them to complete their first baccalaureate degree. Candidates will be students who have exhausted their athletics eligibility and have received athletics financial aid. The selection process for the national award emphasizes the academic performance of the student-athlete. Other factors considered are financial circumstances, athletic achievement and involvement in campus and community activities. |
Deadline | Renews each semester (Fall, Winter, Spring) |
---|---|
About | The NCAA awards up to 174 postgraduate scholarships annually. The scholarships are awarded to student-athletes who excel academically and athletically and who are at least in their final year of intercollegiate athletics competition. The one-time non-renewable scholarships of $7,500 are awarded three times a year corresponding to each sport season (fall, winter and spring). Each sports season there are twenty-nine scholarships available for men and twenty-nine scholarships available for women for use in an accredited graduate program. |
Interviews
Interviews are placed on a white background when possible, in their own section. The biography component is used with an accent/yellow theme. Questions are in H3 format and answers are in paragraphs.
Interview with an Expert

Dr. Noam Wasserman
Dr. Noam Wasserman is dean of the Sy Syms School of Business at Yeshiva University in New York City. He was a professor of entrepreneurship for 13 years at Harvard Business School and the founder of an entrepreneurship center at the University of Southern California. He won the top teaching awards at each school.
Where did you get your MBA?
Harvard Business School.
What do you do for your career now?
In 2019 I became the dean of the Sy Syms School of Business at Yeshiva University. In this role, I get to exercise all of the muscles I built both outside academia and inside it: crafting strategy for the business school, developing curricula, mentoring new faculty, inspiring high-impact research, collaborating with the president and other deans on joint efforts to strengthen the university, working with donors to power new initiatives, tapping student leaders to help us further strengthen the school, and lots of other fun activities.
This fall, we will debut a completely new MBA program, designed for the post-COVID era and focused on developing high-demand marketplace skills, like business analytics and entrepreneurship/innovation. We are also introducing highly sophisticated online MS programs in real estate and accounting to complement our longtime in-person MS in taxation program.
What advice do you have for someone considering pursuing an MBA?
Start with a sense of your direction, but be open to discovering the unexpected. I entered Harvard planning five potential pursuits once I earned my MBA. The first semester knocked two off the list and added one that I'd never heard of before: venture capital. The next semester added yet another that I'd never thought about doing before: academia.
Visualization Opportunities
Examples of using our resources and components to make unique visualization.Charts
Charts can be done through Everviz. These include pie, bar, column, and line charts. Also have the ability to do a few special types of charts showing poll results, etc. These are mobile responsive, but do not always serve the user in that view as the charts can become quite small. Below are a few examples already on the site:
FICO© Credit Score
700-750
Good
The "Boom" of Distance Education
Percent of students taking distance education classes
Displaying Facts, Figures, and Data Points
Note: if columns or float classes are added to these elements for desktop view, they will stack vertically in mobile.
Individual callout boxes for facts used in columns
50%
of students love pizza
25%
of students hate pizza
25%
of students have no opinion on pizza
One callout box with multiple facts in columns
Social Worker Salaries in 2020
<$33,020
Lowest 10%
$51,760
Median Salary
>$85,820
Highest 10%
Source: Bureau of Labor Statistics
One fact in a callout box used floating to the right of text
1 out of 5
students hate studying when there are better things to do.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
One fact in a pullquote-style callout
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus.
—
The number of available internships on the market is down by 39% percent since 2019.
Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
One fact in a pullquote-style callout floating to the right of text
—
The number of available internships on the market is down by 39% percent since 2019.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
One fact in a resource list style callout floating to the right of text
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris a diam maecenas sed enim ut sem viverra. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Ut sem nulla pharetra diam sit amet nisl. In mollis nunc sed id semper risus. Aenean pharetra magna ac placerat vestibulum lectus. Viverra vitae congue eu consequat ac felis donec et odio. Ac auctor augue mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor. Diam sollicitudin tempor id eu nisl nunc mi. Sagittis orci a scelerisque purus. Dictum sit amet justo donec. Malesuada fames ac turpis egestas integer eget. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
List of data points/facts
List of data points/facts, a light yellow/tertiary calout, red/secondary text, and heading-jumbo text class.
63% of Americans
aren't sure what a 401k is
92% of Americans
don't understand investing
<50% of Americans
could handle a $1,000 emergency
63% of young adults
are anxious just talking about finances
List of data points/facts, a teal/tertiary calout, white text, and heading-1 text class.
63% of Americans
aren't sure what a 401k is
92% of Americans
don't understand investing
<50% of Americans
could handle a $1,000 emergency
63% of young adults
are anxious just talking about finances
"Pros/Cons" List
Ideas to display positive/negative items or lists with the checklist component.
Pros/Cons list in callout boxes, "title" class, and no columns
Pros
Cons
Example with no titles, in columns, with callout boxes that have drop shadows.
Pros
Cons
Example with titles, but not used with the "title" class in the component, in columns, with a border around callout boxes.
Pros
Cons
Definitions/Side-by-side comparisons
Example with a main callout with a light yellow/accent theme, red/secondary text, and two interior callout boxes in columns with yellow/accent border.
The Two Types of Motivation
1. Extrinsic
Extrinsic refers to behaviors driven by external rewards or punishments, like grades, awards, titles, degrees, prizes, and praise.
While we often rely on extrinsic motivation to do things that don't interest us, external rewards can actually have a negative impact on motivation over time.
2. Intrinsic
Intrinsic refers to doing things because we find them inherently interesting or satisfying. Imagine a songwriter writing songs, or someone researching a topic they are independently curious about.
Studies show that intrinsic motivation leads to greater persistence and better performance over time.
Example with a two callout boxes in columns with light yellow/accent color, red/secondary text, and dashed list items.
Soft Skills Taught in MBA Programs
- Clear communication
- Leadership
- Creative problem-solving
- Integrity
- Critical thinking
Hard Skills Taught in MBA Programs
- Business development
- Accounting
- Hiring
- Budgeting
Popular with our students.
Highly informative resources to keep your education journey on track.
Take the next step toward your future with online learning.
Discover schools with the programs and courses you’re interested in, and start learning today.
