Components

The following blocks are a collection of content layouts to be utilized throughout the Zinc website.

Test Page

Ditch the Walkie-Talkie

For the first time, hospitality organizations can swap the combo of smartphones and two-way radios for a single All Mode Communication app.

Hero Light

This is a light-styled hero block with center aligned text and a lined button.

Button

All Mode
Communication Platform

One platform for all communication while on the job. Pick the mode—text, voice, or video—to communicate with peers and corporate teams in real-time. Push to Talk (yes, like a walkie talkie) solves problems immediately so work can get completed faster.

All Features

Chief Executive Officer

Stacey Epstein

Stacey has extensive experience in generating demand, fueling growth, and building companies from stealth startup to brand name, global technology organizations. She brings decades of cloud, social, and mobile enterprise technology leadership to Zinc. Most recently, Stacey was Chief Marketing Officer at Banjo. Prior to Banjo, Stacey was CMO at ServiceMax where she helped fuel 5 consecutive years of triple-digit growth. Before ServiceMax, Stacey was the Vice President of Global Marketing Communications at SuccessFactors. During her tenure with SuccessFactors, Stacey pioneered the marketing function in 2005, and was instrumental in the company’s successful IPO in 2007, which led to a $3.4B acquisition by SAP in 2010. Prior to SuccessFactors, Stacey held leadership roles at Oracle, Clarify, and ServiceSource. Stacey holds a BA in English from Emory University, where she earned first team all-conference honors as the starting goalie on the women’s varsity soccer team all four years. She loves deep and steep powder, chasing her two young daughters around her backyard, and cheering loudly as her husband coaches basketball. Stacey’s writing on leadership, innovation, and women in business frequently appears in publications such as Inc., Fast Company, and Entrepreneur.

Small Heading

Half image - left aligned

Mauris quis diam eu nulla viverra condimentum non vel nisi. Nulla facilisi. Praesent tempor convallis lorem ut convallis. Morbi felis ante, venenatis quis sodales vel, fringilla at dolor. Integer aliquet consectetur velit, eget varius dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non pharetra massa. Quisque ornare nulla quis lacinia bibendum. Nunc eleifend mi dictum, varius risus ac, egestas lacus. Proin vel sapien nulla. Aliquam non commodo nulla. Etiam ut dui nulla. Integer lobortis dictum consectetur. Cras eleifend est ut tincidunt feugiat.

Ditch the Walkie-Talkie: How All Mode Communication Solves Four Walkie-Talkie Pitfalls

In hospitality, walkie-talkies have been extremely valuable in helping staff deliver exceptional service due to their real-time

nature and ease of use. But now with advancements in technology, there is a huge opportunity to lower the total cost of ownership and provide greater versatility for employees in how they communicate.

Download the eBook to learn how an All Mode Communication app that works on any device solves four major pitfalls of walkie-talkies, leading to cost savings, higher efficiency and more.


Small Heading

Full image with tall setting

Mauris quis diam eu nulla viverra condimentum non vel nisi. Nulla facilisi. Praesent tempor convallis lorem ut convallis. Morbi felis ante, venenatis quis sodales vel, fringilla at dolor. Integer aliquet consectetur velit, eget varius dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non pharetra massa. Quisque ornare nulla quis lacinia bibendum. Nunc eleifend mi dictum, varius risus ac, egestas lacus. Proin vel sapien nulla. Aliquam non commodo nulla. Etiam ut dui nulla. Integer lobortis dictum consectetur. Cras eleifend est ut tincidunt feugiat.

Small Heading

Video with caption hard-left

Mauris quis diam eu nulla viverra condimentum non vel nisi. Nulla facilisi. Praesent tempor convallis lorem ut convallis. Morbi felis ante, venenatis quis sodales vel, fringilla at dolor. Integer aliquet consectetur velit, eget varius dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non pharetra massa. Quisque ornare nulla quis lacinia bibendum. Nunc eleifend mi dictum, varius risus ac, egestas lacus. Proin vel sapien nulla. Aliquam non commodo nulla. Etiam ut dui nulla. Integer lobortis dictum consectetur. Cras eleifend est ut tincidunt feugiat.

H2 Title

Sed sed tristique nibh, ac rutrum elit. Vestibulum ut fermentum eros.

H2 Title

Fusce bibendum, dolor vel ullamcorper aliquet, dui sapien tempor nisi, sed vulputate est.

CTA

H2 Title

Sed sed tristique nibh, ac rutrum elit. Vestibulum ut fermentum eros.

H2 Title

Fusce bibendum, dolor vel ullamcorper aliquet, dui sapien tempor nisi, sed vulputate est.

H2 Title

Sed sed tristique nibh, ac rutrum elit. Vestibulum ut fermentum eros.

H2 Title

Fusce bibendum, dolor vel ullamcorper aliquet, dui sapien tempor nisi, sed vulputate est.

H2 Title

Sed sed tristique nibh, ac rutrum elit. Vestibulum ut fermentum eros.

Etiam gravida velit

Fusce bibendum, dolor vel ullamcorper aliquet, dui sapien tempor nisi, sed vulputate est.

Sed non mi sed

Sed sed tristique nibh, ac rutrum elit. Vestibulum ut fermentum eros.

Donec luctus felis

Fusce bibendum, dolor vel ullamcorper aliquet, dui sapien tempor nisi, sed vulputate est.

Vivamus tempor porttitor

Sed sed tristique nibh, ac rutrum elit. Vestibulum ut fermentum eros.

WYSIWYG

OK, so images can get quite complicated as we have a few variables to work with! For example the image below has had a caption entered in the WordPress image upload dialog box, this creates a [caption] shortcode which then in turn wraps the whole thing in a div with inline styling! Maybe one day they'll be able to use the figure and figcaption elements for all this. Additionally, images can be wrapped in links which, if you're using anything other than color or text-decoration to style your links can be problematic.

Your Alt Tag

This is the optional caption.

The next issue we face is image alignment, users get the option of None, Left, Right & Center. On top of this, they also get the options of Thumbnail, Medium, Large & Fullsize. You'll probably want to add floats to style the image position so important to remember to clear these to stop images popping below the bottom of your articles.

Your Alt Title Your Alt Title Your Alt Title Your Alt Title

Additionally, to add further confusion, images can be wrapped inside paragraph content, lets test some examples here.Your Alt Title Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.Your Alt TitleVivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.Your Alt TitleAenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Aenean lacinia bibendum nulla sed consectetur.

Column One Column Two Column Three
Table Row Column One Short Text Testing a table cell with a longer amount of text to see what happens, you're not using tables for site layouts are you?
Table Row Column One Table Row Column Two Table Row Column Three
Table Row Column One Table Row Column Two Table Row Column Three
Table Row Column One Table Row Column Two Table Row Column Three
Table Row Column One Table Row Column Two Table Row Column Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada tellus nec sagittis suscipit. Vestibulum porttitor, ex sed fermentum tincidunt, augue erat dictum orci, vel ornare leo tellus ut felis. Proin vitae nisi velit. Proin dapibus nibh nec sem suscipit, vitae aliquam erat aliquam. Maecenas a diam eros. Fusce eget ornare nisl, vel sagittis velit. Aliquam finibus vestibulum magna eget eleifend. Curabitur nec mi in metus venenatis sodales. Vivamus eu diam a dui efficitur tempus nec vel metus. Duis vulputate nisi metus, quis iaculis ante suscipit non. Nam sed lacinia dui.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada tellus nec sagittis suscipit. Vestibulum porttitor, ex sed fermentum tincidunt, augue erat dictum orci, vel ornare leo tellus ut felis. Proin vitae nisi velit. Proin dapibus nibh nec sem suscipit, vitae aliquam erat aliquam. Maecenas a diam eros. Fusce eget ornare nisl, vel sagittis velit. Aliquam finibus vestibulum magna eget eleifend. Curabitur nec mi in metus venenatis sodales. Vivamus eu diam a dui efficitur tempus nec vel metus. Duis vulputate nisi metus, quis iaculis ante suscipit non. Nam sed lacinia dui.

  1. Ordered list item one.
  2. Ordered list item two.
  3. Ordered list item three.
  4. Ordered list item four.
  5. By the way, Wordpress does not let you create nested lists through the visual editor.
  • Unordered list item one.
  • Unordered list item two.
  • Unordered list item three.
  • Unordered list item four.
  • By the way, Wordpress does not let you create nested lists through the visual editor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada tellus nec sagittis suscipit. Vestibulum porttitor, ex sed fermentum tincidunt, augue erat dictum orci, vel ornare leo tellus ut felis. Proin vitae nisi velit. Proin dapibus nibh nec sem suscipit, vitae aliquam erat aliquam. Maecenas a diam eros. Fusce eget ornare nisl, vel sagittis velit. Aliquam finibus vestibulum magna eget eleifend. Curabitur nec mi in metus venenatis sodales. Vivamus eu diam a dui efficitur tempus nec vel metus. Duis vulputate nisi metus, quis iaculis ante suscipit non. Nam sed lacinia dui.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada tellus nec sagittis suscipit. Vestibulum porttitor, ex sed fermentum tincidunt, augue erat dictum orci, vel ornare leo tellus ut felis. Proin vitae nisi velit. Proin dapibus nibh nec sem suscipit, vitae aliquam erat aliquam. Maecenas a diam eros. Fusce eget ornare nisl, vel sagittis velit. Aliquam finibus vestibulum magna eget eleifend. Curabitur nec mi in metus venenatis sodales. Vivamus eu diam a dui efficitur tempus nec vel metus. Duis vulputate nisi metus, quis iaculis ante suscipit non. Nam sed lacinia dui.

Video

This is a video caption
Learn More

Level One Heading

Level Two Heading

Level Three Heading

This is a standard paragraph created using the WordPress TinyMCE text editor. It has a strong tag, an em tag and a strikethrough which is actually just the del element. There are a few more inline elements which are not in the WordPress admin but we should check for incase your users get busy with the copy and paste. These include citations, abbr, bits of code and variables, inline quotations, inserted text, text that is no longer accurate or something so important you might want to mark it. We can also style subscript and superscript characters like C02, here is our 2nd example. If they are feeling non-semantic they might even use bold, italic, big or small elements too. Incidentally, these HTML4.01 tags have been given new life and semantic meaning in HTML5, you may be interested in reading this article by Harry Roberts which gives a nice excuse to test a link.  It is also worth noting in the "kitchen sink" view you can also add underline styling and set text color with pesky inline CSS.

Additionally, WordPress also sets text alignment with inline styles, like this left aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

This is a right aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

"Pellentesque pharetra eget metus quis elementum. Aliquam et quam sagittis felis facilisis ultrices eu quis sapien. Aliquam ultricies malesuada ante quis vulputate."

This is a justified paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

Finally, you also have the option of an indented paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.