h1 Heading
h2 Heading
h3 Heading
h4 Heading
h5 Heading
h6 Heading
Body Text. This is emphasized. This is crossed out. I am bold.
Site colors
Icons
View all available icons here.
- This is an unordered list
- I am another item in the unordered list
- This is a numbered list.
- I am the second item in this numbered list.
This is a test content bold italic.
This is a `verse` block
This is a blockquote
To be, or not to be, that is the question: Whether ’tis nobler in the mind to suffer The slings and arrows of outrageous fortune, Or to take arms against a sea of troubles And by opposing end them.
Shakespeare
This is a pull quote
– Citation
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Proin nibh nisl condimentum id. Rhoncus dolor purus non enim praesent elementum facilisis leo vel. Fermentum et sollicitudin ac orci phasellus. Sapien nec sagittis aliquam malesuada bibendum arcu vitae elementum.
Venenatis urna cursus eget nunc scelerisque viverra mauris in aliquam. Lacus viverra vitae congue eu consequat ac felis donec et. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus. Id porta nibh venenatis cras sed. Id porta nibh venenatis cras sed felis. Gravida rutrum quisque non tellus. Ac turpis egestas sed tempus urna. Sit amet risus nullam eget felis eget nunc. Vulputate odio ut enim blandit.
| # | First | Last | Handle | More info | Date |
|---|---|---|---|---|---|
| 1 | Mark | Otto | @mdo | lorem ipsum | 9/9/1999 |
| 2 | Larry | the Bird | Cras aliquam sit amet diam eu ultrices. Nulla fermentum tincidunt justo mollis scelerisque. | 1/2/2019 |
I am a cover block
Dark Group Section
This uses the group block at full width with background and text color selected.
Cras maximus feugiat elit blandit auctor. Etiam at nibh in massa ornare vestibulum. Aliquam aliquet lorem eu felis fermentum, vitae interdum neque feugiat. Sed quis convallis urna. Curabitur vulputate, magna ut finibus iaculis, nunc ligula pretium orci, ultrices iaculis risus lectus ut orci.
2 Column Group Section
This uses the group block at full width with background / text color selected and inner columns at wide width.
Vivamus porttitor nunc consectetur dignissim tempus. Aliquam erat volutpat. Pellentesque quis mauris in tortor pulvinar aliquet quis nec massa. Nunc feugiat arcu sed nulla consequat suscipit. Donec eleifend at urna ut dapibus. Morbi a felis nulla. Proin maximus lorem at metus blandit venenatis.
Aenean placerat orci eget purus consequat vehicula. Duis vulputate dolor non nisl blandit egestas. Etiam finibus id nisi fermentum egestas. Aenean at molestie lacus. Nulla pulvinar pulvinar eros, non hendrerit magna malesuada in. Donec dictum lacus at ante placerat, non tincidunt massa porttitor. Sed accumsan ullamcorper justo.
Accordions
Curabitur massa dui, elementum a risus id, pharetra fermentum ligula. Proin facilisis nibh eget leo varius tristique. Aenean nec dolor accumsan, cursus mi ac, semper est. Aenean sollicitudin, augue faucibus vestibulum pharetra, tellus urna maximus augue, a mattis libero
Proin facilisis nibh eget leo varius tristique. Aenean nec dolor accumsan, cursus mi ac, semper est. Aenean sollicitudin, augue faucibus vestibulum pharetra, tellus urna maximus augue, a mattis libero
Media + Text Blocks
The image will grow taller with content so use the preview function to fine tune image dimensions. In the example below the recommended image would be 900px width and 475px height.
This is a Media + Text block
Block content
- This is a list
- Here is another list item
This is a Media + Text block w/ video link
Block content
- This is a list
- Here is another list item
Some Important Pages
Section dividers
Use the `Section Divider` block in between sections to insert the following graphic.
Heading with highlights
Use the “edit as HTML” option of the heading block and wrap the word you want to highlight with a span tag. Give that tag one of the following CSS classes.
Heading with highlight
<span class="text-primary">with</span>Heading with highlight
<span class="text-secondary">with</span>Heading with highlight
<span class="text-secondary-light">with</span>Heading with highlight
<span class="text-tertiary">with</span>Heading with highlight
<span class="text-body-text">with</span>Heading with highlight
<span class="text-white">with</span>Include reusable blocks from the main smart-union.org site
Use the following shortcode, passing the id which can be found through the url of the post edit screen:
[mg-smart-reuseable-block id=""]Using the above shortcode we can include the careers carousel:
Our Careers
Architectural Sheet Metal
Bus Operators & Mechanics
CAD, Drafting & Detailing
Freight Rail
HVAC Shop/Fabrication
Lagging
Passenger Rail
Production / Manufacturing
Rail Mechanical
Residential HVAC
Roofing
Service and Refrigeration
Shipyard
Sign Fabrication & Installation
Indoor Air Quality and Energy Efficiency (TAB)
Transit & Commuter Rail
Industrial and Shop Welding
