Kitchen Sink

This is an example “Header 1” (H1)

This is an example “Header 2” (H2)

This is an example “Header 3” (H3)

This is an example “Header 4” (H4)

This is an example “Header 5” (H5)

This is an example “Header 6” (H6)

This is an example paragraph. This Kitchen Sink page displays most of what’s possible using only the WYSIWYG (What You See Is What You Get) content editors in WordPress on this site.

This is another example paragraph with some additional elements. This is bold textelit, sed do eiusmod tempor incididunt ut inline link labore et dolore magna aliqua. Ut enim ad minim veniam,~~strikethrough text~~laboris nisi ut aliquip ex ea commodo consequat.Underlined textreprehenderit in marked text velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat<inline code>non proident, sunt in culpa qui officiathis is abbr textmollit anim id est laborum.ctrl + , (keyboard instructional text).

Example unordered list:

Item 1
Item 2 (a longer item here) lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
Item 3
- Nested Item 1
- Nested Item 2
Item 4 donec id elit non mi porta gravida at eget metus. Donec sed odio dui.
Item 5 etiam porta sem malesuada magna mollis euismod. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Example ordered list:

Item 1
Item 2 (a longer item here) lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
Item 3
1. Nested Item 1
2. Nested Item 2
Item 4 donec id elit non mi porta gravida at eget metus. Donec sed odio dui.
Item 5 etiam porta sem malesuada magna mollis euismod. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Example definition list:

Definition Term: Definition description.
Definition Term 2: Definition description 2.
Definition Term 3: Definition description 3.

Example blockquote:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Example `<hr>` (horizontal rule):

"Office customer staff is exceptional. Hands down the most intelligent and caring staffers."

Barbara B.

- California

"Maxim in Minnesota is a great company to work for! They are a knowledgeable and friendly staff!"

Cheryl A.

- Minnesota

"Maxim TimeClock is super easy and there is no paper! Electronic Timecards are always legible. Timecard Approvers click a button and it is done."

Test Tabber

Test Accordion

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fugiat sequi dolorum quae. Ipsam facere nobis laboriosam? Explicabo et ipsam molestiae deserunt, temporibus voluptatum vitae soluta dolores iusto dolor placeat doloremque!Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fugiat sequi dolorum quae. Ipsam facere nobis laboriosam? Explicabo et ipsam molestiae deserunt, temporibus voluptatum vitae soluta dolores iusto dolor placeat doloremque!

Test Cards Block

Icon Block 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Icon Block 2

Necessitatibus tempore odit quidem officiis natus, esse nisi odio.

Icon Block 3

Sit corrupti ullam nostrum dolorum et veritatis reiciendis dicta reprehenderit iusto. Cumque, rem?

AVAILABLE SHORTCODES:

The following custom shortcodes can be copied and pasted into any WYSIWYG editor on the site to output dynamic content. The red examples below show default values; in other words, if you omit certain attributes when using the shortcode, the default values will be applied.

[btn] [expand] [sitemap] [icon]

Buttons ^#

[btn text="Contact Us" url="/contact-us/" block="false" xclass=""]

Change text to whatever text you want displayed on the button (defaults to "Contact Us" if not defined).
Change url to wherever you want the button to link to (defaults to "/contact-us/" if not defined)
block can be true or false (default), which generates a full-width block button.
xclass - include any additional CSS classes you wish to add here.

Example Button

Example Block Button

Expand ^#

[expand link_text="Continue Reading"] ... [/expand]

Add a link (in this case, reading "Continue Reading"), that expands to reveal hidden content upon click. Simply replace the ellipsis with your content-to-be-hidden.

Sitemap ^#

[sitemap exclude="251" orderby="title" order="ASC"]

Renders a list of ALL the posts and pages on this site, linked. Define comma-separated page IDs to exclude. Optionally manipulate ordering.

Maxim Staffing Icon Library & Shortcode ^#

[icon icon="star-of-life" url="" size="lg" xclass=""]

Do NOT use the XML in WYSIWYG editors; use the shortcode instead.
Optionally add url="https://www.google.com/" to the shortcode to turn the icon into a link (changing the URL).
Optionally change size to xs, sm, md or xl (lg is default):

xs sm md lg xl
You can change an icon's color by adding these CSS classes as an xclass parameter on the shortcode:
- blue
- white
- gray
- gray-dark (default)
(The Maxim logo cannot change colors.)
For example, "[icon icon="star-of-life" url="/" xclass="blue"]" will display the following (notice its color and that it's a link):

Name	Shortcode	XML (requires loading of symbol.svg, which is loaded sitewide)
.DS_Store	`[icon icon=".DS_Store"]`	`<svg><use xlink:href="#.DS_Store"></use></svg>`
admin-relief	`[icon icon="admin-relief"]`	`<svg><use xlink:href="#admin-relief"></use></svg>`
ambulance	`[icon icon="ambulance"]`	`<svg><use xlink:href="#ambulance"></use></svg>`
band-aid	`[icon icon="band-aid"]`	`<svg><use xlink:href="#band-aid"></use></svg>`
briefcase	`[icon icon="briefcase"]`	`<svg><use xlink:href="#briefcase"></use></svg>`
chevron-left	`[icon icon="chevron-left"]`	`<svg><use xlink:href="#chevron-left"></use></svg>`
chevron-right	`[icon icon="chevron-right"]`	`<svg><use xlink:href="#chevron-right"></use></svg>`
clinic	`[icon icon="clinic"]`	`<svg><use xlink:href="#clinic"></use></svg>`
clipboard	`[icon icon="clipboard"]`	`<svg><use xlink:href="#clipboard"></use></svg>`
comment	`[icon icon="comment"]`	`<svg><use xlink:href="#comment"></use></svg>`
comprehensive-delivery	`[icon icon="comprehensive-delivery"]`	`<svg><use xlink:href="#comprehensive-delivery"></use></svg>`
cost-analysis	`[icon icon="cost-analysis"]`	`<svg><use xlink:href="#cost-analysis"></use></svg>`
customization	`[icon icon="customization"]`	`<svg><use xlink:href="#customization"></use></svg>`
dashboard-reporting	`[icon icon="dashboard-reporting"]`	`<svg><use xlink:href="#dashboard-reporting"></use></svg>`
directory	`[icon icon="directory"]`	`<svg><use xlink:href="#directory"></use></svg>`
dna	`[icon icon="dna"]`	`<svg><use xlink:href="#dna"></use></svg>`
email	`[icon icon="email"]`	`<svg><use xlink:href="#email"></use></svg>`
envelope	`[icon icon="envelope"]`	`<svg><use xlink:href="#envelope"></use></svg>`
facebook	`[icon icon="facebook"]`	`<svg><use xlink:href="#facebook"></use></svg>`
file	`[icon icon="file"]`	`<svg><use xlink:href="#file"></use></svg>`
fill-ratios	`[icon icon="fill-ratios"]`	`<svg><use xlink:href="#fill-ratios"></use></svg>`
forecasting	`[icon icon="forecasting"]`	`<svg><use xlink:href="#forecasting"></use></svg>`
full-transparency	`[icon icon="full-transparency"]`	`<svg><use xlink:href="#full-transparency"></use></svg>`
hand-holding-medical	`[icon icon="hand-holding-medical"]`	`<svg><use xlink:href="#hand-holding-medical"></use></svg>`
head-side-medical	`[icon icon="head-side-medical"]`	`<svg><use xlink:href="#head-side-medical"></use></svg>`
heart	`[icon icon="heart"]`	`<svg><use xlink:href="#heart"></use></svg>`
heartbeat	`[icon icon="heartbeat"]`	`<svg><use xlink:href="#heartbeat"></use></svg>`
hospital	`[icon icon="hospital"]`	`<svg><use xlink:href="#hospital"></use></svg>`
id	`[icon icon="id"]`	`<svg><use xlink:href="#id"></use></svg>`
instagram	`[icon icon="instagram"]`	`<svg><use xlink:href="#instagram"></use></svg>`
laptop-medical	`[icon icon="laptop-medical"]`	`<svg><use xlink:href="#laptop-medical"></use></svg>`
linkedin	`[icon icon="linkedin"]`	`<svg><use xlink:href="#linkedin"></use></svg>`
location	`[icon icon="location"]`	`<svg><use xlink:href="#location"></use></svg>`
logo	`[icon icon="logo"]`	`<svg><use xlink:href="#logo"></use></svg>`
mark	`[icon icon="mark"]`	`<svg><use xlink:href="#mark"></use></svg>`
mark-white	`[icon icon="mark-white"]`	`<svg><use xlink:href="#mark-white"></use></svg>`
masked	`[icon icon="masked"]`	`<svg><use xlink:href="#masked"></use></svg>`
maxstaff-logo	`[icon icon="maxstaff-logo"]`	`<svg><use xlink:href="#maxstaff-logo"></use></svg>`
maxstaff-logo-white	`[icon icon="maxstaff-logo-white"]`	`<svg><use xlink:href="#maxstaff-logo-white"></use></svg>`
md	`[icon icon="md"]`	`<svg><use xlink:href="#md"></use></svg>`
md-chat	`[icon icon="md-chat"]`	`<svg><use xlink:href="#md-chat"></use></svg>`
notes-medical	`[icon icon="notes-medical"]`	`<svg><use xlink:href="#notes-medical"></use></svg>`
nurse	`[icon icon="nurse"]`	`<svg><use xlink:href="#nurse"></use></svg>`
onsite-pm	`[icon icon="onsite-pm"]`	`<svg><use xlink:href="#onsite-pm"></use></svg>`
org-chart	`[icon icon="org-chart"]`	`<svg><use xlink:href="#org-chart"></use></svg>`
people	`[icon icon="people"]`	`<svg><use xlink:href="#people"></use></svg>`
person	`[icon icon="person"]`	`<svg><use xlink:href="#person"></use></svg>`
phone	`[icon icon="phone"]`	`<svg><use xlink:href="#phone"></use></svg>`
prescription	`[icon icon="prescription"]`	`<svg><use xlink:href="#prescription"></use></svg>`
search	`[icon icon="search"]`	`<svg><use xlink:href="#search"></use></svg>`
star-of-life	`[icon icon="star-of-life"]`	`<svg><use xlink:href="#star-of-life"></use></svg>`
stethoscope	`[icon icon="stethoscope"]`	`<svg><use xlink:href="#stethoscope"></use></svg>`
sunburst-workforce-advisors	`[icon icon="sunburst-workforce-advisors"]`	`<svg><use xlink:href="#sunburst-workforce-advisors"></use></svg>`
twitter	`[icon icon="twitter"]`	`<svg><use xlink:href="#twitter"></use></svg>`
user-chart	`[icon icon="user-chart"]`	`<svg><use xlink:href="#user-chart"></use></svg>`
youtube	`[icon icon="youtube"]`	`<svg><use xlink:href="#youtube"></use></svg>`