Style Guide
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere eros ipsum, in suscipit sem lobortis sed. Nullam felis odio, ullamcorper pharetra diam in, suscipit accumsan lorem. Proin sed nisi diam. Maecenas porttitor a metus non rutrum. Pellentesque sed ultricies justo.
h2 Lorem Ipsum Dolor Sit Amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ut felis et enim efficitur sagittis eget ac quam. Morbi viverra pulvinar auctor. Vestibulum venenatis, lacus a sodales euismod, neque turpis dapibus leo, vitae consequat tellus lectus nec odio.
h3 Lorem Ipsum Dolor Sit Amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ut felis et enim efficitur sagittis eget ac quam. Morbi viverra pulvinar auctor. Vestibulum venenatis, lacus a sodales euismod, neque turpis dapibus leo, vitae consequat tellus lectus nec odio.
h4 Lorem Ipsum Dolor Sit Amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ut felis et enim efficitur sagittis eget ac quam. Morbi viverra pulvinar auctor. Vestibulum venenatis, lacus a sodales euismod, neque turpis dapibus leo, vitae consequat tellus lectus nec odio.
01a. Rich Text Block with Sidebar
Rich text block demonstrating the use of bold or strong text, oblique or italicized text along with links to the home page. You can use additional styling options such as strike-through text, superscript text, subscript text, highlighting and more.
- Unordered list example
- Donec aliquam, nisi non mollis ornare, ex erat feugiat diam, eu viverra tortor erat a mauris. Curabitur vestibulum, sem in ultrices finibus, velit augue porttitor libero.
- Vivamus justo magna molestie nibh.
Below are the available options for buttons, which can be inserted via the “Button Shortcode.”
Primary Button Alternative Button Inverse ButtonInverse Alt Button
Lorem Ipsum Dolor sit Amet
Cras et nisi et diam blandit porta ac vel lorem. Proin tempus hendrerit eros et ultricies. Nulla facilisi. Morbi vestibulum erat a turpis sollicitudin, posuere sagittis enim vehicula.
01b. Rich Text Block with Sidebar on Left
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas justo turpis, commodo id odio sit amet, aliquam commodo nulla. Aenean sit amet enim tellus. Proin vel viverra risus. Morbi vel neque bibendum sapien euismod consectetur consequat vitae risus.
Pellentesque dignissim tortor a nibh vestibulum pellentesque. Vivamus varius ante eu diam commodo imperdiet. Suspendisse dictum blandit ligula, non aliquam urna pretium sed. Maecenas molestie metus vestibulum, maximus lectus ut, ultrices felis. Aenean ac odio non est vehicula dignissim vitae quis neque. Nullam sit amet lectus gravida, accumsan nunc ut, varius augue.
02a. Hero Block – Default (Blue Background Behind Copy)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
02b. Hero Block – White Text on Image (No Background Color)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
03a. Multiple Callout Block – Default (Blue Panels)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Vivamus Varius Ante
Suspendisse dictum blandit ligula, non aliquam urna pretium sed. Maecenas molestie metus vestibulum, maximus lectus ut, ultrices felis.
Lorem Ipsum Dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris.
Class Aptent Tacit
Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Ut Nulla Placerat
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas justo turpis, commodo id odio.
03b. Multiple Callout Block – Default (Blue Panels) w/ Images
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Vivamus Varius Ante eu Diam
Suspendisse dictum blandit ligula, non aliquam urna pretium sed. Maecenas molestie metus vestibulum, maximus lectus ut, ultrices felis. Aenean ac odio non est vehicula dignissim vitae quis neque. Nullam sit amet lectus gravida, accumsan nunc ut, varius augue.
Lorem Ipsum Dolor Sit Amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Class Aptent Taciti Sociosqu
Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas justo turpis, commodo id odio sit amet, aliquam commodo nulla.
03c. Multiple Callout Block – Default (Blue Panels) w/ Icons
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Vivamus Varius Ante eu Diam
Suspendisse dictum blandit ligula, non aliquam urna pretium sed. Maecenas molestie metus vestibulum, maximus lectus ut, ultrices felis. Aenean ac odio non est vehicula dignissim vitae quis neque. Nullam sit amet lectus gravida, accumsan nunc ut, varius augue.
Lorem Ipsum Dolor Sit Amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Class Aptent Taciti Sociosqu
Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas justo turpis, commodo id odio sit amet, aliquam commodo nulla.
03d. Multiple Callout Block – Background Texture
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Dignissim Vitae Quis Neque
Maecenas molestie metus vestibulum, maximus lectus ut, ultrices felis. Aenean ac odio non est vehicula dignissim vitae quis neque.
03e. Multiple Callout Block – Background Texture w/ Icons
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
03f. Multiple Callout Block – Background Texture w/ Images
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
03g. Multiple Callout Block – Background Image
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
03h. Multiple Callout Block – Split View (Stacking Items)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Lorem Ipsum Dolor sit Smet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas justo turpis, commodo id odio sit amet, aliquam commodo nulla.
Praesent Cursus Laoreet Quam Sed Fermentum
Sed ornare ex dui, in rutrum est mollis in. Aliquam vel massa urna. Praesent cursus laoreet quam, sed fermentum sem finibus in. Cras elementum, nisi maximus maximus facilisis, velit elit hendrerit libero, non vestibulum felis dolor ut ipsum. Cras venenatis eu sem nec tincidunt.
03i. Multiple Callout Block – Background Image Block
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Lorem Ipsum Dolor sit Smet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris.
Praesent Cursus Laoreet Quam
Sed ornare ex dui, in rutrum est mollis in. Aliquam vel massa urna. Praesent cursus laoreet quam.
03j. Multiple Callout Block – Background Image Block w/ Icons
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Lorem Ipsum Dolor sit Smet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris.
Praesent Cursus Laoreet Quam
Sed ornare ex dui, in rutrum est mollis in. Aliquam vel massa urna. Praesent cursus laoreet quam.
04a. Split Feature
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas iaculis velit ut lectus volutpat, eu ultricies est facilisis. Vestibulum egestas turpis vestibulum tellus dapibus, at pellentesque nunc pulvinar. Cras blandit orci ut hendrerit fermentum. Nullam et risus leo. Aenean eget nisi eu enim vulputate pharetra eu id lorem.
04b. Split Feature
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas iaculis velit ut lectus volutpat, eu ultricies est facilisis. Vestibulum egestas turpis vestibulum tellus dapibus, at pellentesque nunc pulvinar. Cras blandit orci ut hendrerit fermentum. Nullam et risus leo. Aenean eget nisi eu enim vulputate pharetra eu id lorem.
05. Events List
06a. Featured Items (List View)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
06b. Featured Items (Column View)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
AIA Honors Northrop Grumman’s Kathy Warden with Voice of Industry Award
07a. Testimonials Block – Standalone
CEO, Sample CompanyLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas iaculis velit ut lectus volutpat, eu ultricies est facilisis. Vestibulum egestas turpis vestibulum tellus dapibus, at pellentesque nunc pulvinar.
07b. Testimonials Block
CEO, Sample CompanyLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas iaculis velit ut lectus volutpat, eu ultricies est facilisis. Vestibulum egestas turpis vestibulum tellus dapibus, at pellentesque nunc pulvinar.
CEO, Sample CompanyLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas iaculis velit ut lectus volutpat, eu ultricies est facilisis. Vestibulum egestas turpis vestibulum tellus dapibus, at pellentesque nunc pulvinar.
08. Personnel List
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
09a. News Shortcode
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Recent News with Custom Title
09b. News Shortcode w/ Personnel List
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Recent News
10. Events Shortcode
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nulla, placerat id venenatis sed, varius vitae mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
12a. WordPress Table Block – Default (w/ footer)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis sem non sagittis pellentesque. Quisque egestas lectus urna, vitae fermentum sem dapibus sit amet. Phasellus nulla lorem, cursus vel rutrum id.
| $10 | $12 | $14 | $16 | $18 | $20 |
| $22 | $26 | $34 | $42 | $50 | $65 |
| $100 | $120 | $150 | $190 | $225 | $280 |
| $132 | $158 | $198 | $248 | $293 | $365 |
12b. WordPress Table Block – Default (w/ Header)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis sem non sagittis pellentesque. Quisque egestas lectus urna, vitae fermentum sem dapibus sit amet. Phasellus nulla lorem, cursus vel rutrum id, placerat ut massa.
| Lorem | Ipsum | Dolor | Sit | Amet | Auctor |
|---|---|---|---|---|---|
| $10** | $12 | $14 | $16 | $18 | $20 |
| $22 | $26 | $34 | $42 | $50 | $65 |
| $100 | $120 | $150 | $190 | $225 | $280 |
12c. WordPress Table Block – Stripes Style (w/ footer)
Ut ac nisi vitae arcu venenatis egestas. Nam efficitur risus at efficitur convallis. Curabitur vel orci ac neque ullamcorper aliquam. Integer ultrices consequat tincidunt. Donec vel nisl elementum, semper sem mattis, auctor ligula.
| $10 | $12 | $14 | $16 | $18 | $20 |
| $22 | $26 | $34 | $42 | $50 | $65 |
| $100 | $120 | $150 | $190 | $225 | $280 |
| $132 | $158 | $198 | $248 | $293 | $365 |
12d. WordPress Table Block – Stripes Style (w/ Header)
Nam efficitur risus at efficitur convallis. Curabitur vel orci ac neque ullamcorper aliquam. Integer ultrices consequat tincidunt. Donec vel nisl elementum, semper sem mattis, auctor ligula.
| Lorem | Ipsum | Dolor | Sit | Amet | Auctor |
|---|---|---|---|---|---|
| $10 | $12 | $14 | $16 | $18 | $20 |
| $22 | $26 | $34 | $42 | $50 | $65 |
| $100 | $120 | $150 | $190 | $225 | $280 |
