NMA Style Guide

NMA Website Design System

On this page you will find a sampling of design patterns for use on this website.

Type Blocks:

NMA Running Head

Inline Text Heading Level 2

Inline paragraph body text. Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Buttons:

Standalone buttons + inline (for button groups).

 

Hero Sections:

NMA Running Head

Hero Section: Simple Blue

A simple, small-ish hero section with a solid blue background.

NMA Running Head

Hero Section Video

Lorem ipsum Heading section paragraph

Tabs

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Alert Boxes

Divi name: Call to Action [module]

Default Information Box

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Number Counters

%

Circular Progress Counter

%

Numbers Only Counter

Media Objects

Commonly paired combinations/stacks of image + text (e.g. icon + heading + text for product features)

Divi name: Blurb [module]

Image + Text

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Image + Text

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Image + Text + Button

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Icon + Text

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Icon + Text

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Icon + Text

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Icon (hanging left) + Text (on right)

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Icon (hanging left) + Text (on right)

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Testimonials

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Name Goes Here
Title Goes Here, Company Goes here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Name Goes Here
Job Title, Company

Pricing Tables

Icons

Z
w

Apply Online

Fill out the form below to enroll in a NMA class today!

Tell Us About Yourself

What are your Goals?
What do you want to study?

13 + 8 =

Other

Need to add more

  • Common Layouts
  • Accordions
  • Logo grid (eg animated)

NMA Running Head

Inline Text Heading Level 2

Inline paragraph body text. Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

NMA Running Head

Inline Text Heading Level 2

Inline paragraph body text. Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Vel magna blandit sed maecenas sit enim nibh eget adipiscing. Eu egestas elementum, sed molestie blandit sed nunc. Viverra ac enim feugiat orci quam amet posuere cursus. At aenean pretium viverra in vulputate. Lectus vulputate venenatis dignissim diam adipiscing nunc amet suspendisse. Non in nibh vel pellentesque sit neque est placerat.

Planning

Luctus lectus non quisque turpis bibendum posuere. Morbi tortor nibh, fringilla sed pretium sit amet.

Planning

Luctus lectus non quisque turpis bibendum posuere. Morbi tortor nibh, fringilla sed pretium sit amet.

Planning

Luctus lectus non quisque turpis bibendum posuere. Morbi tortor nibh, fringilla sed pretium sit amet.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.