Style Guide

Download PDF Version

This technical guide is a general education tool for mechanical and electrical contractors, process designers and engineers, production managers and anyone else who has a stake in ensuring that their processing environment is clean and safe. Properly sealing all of the various penetrations in a processing plant is a shared responsibility that requires contributions from many different groups and departments.

Details
fields[firstName]
fields[lastName]
fields[phoneNumber]
fields[singleLine1]
Marketing Permissions
fields[marketingPermissions]
Marketing contact permissions:

This is a "Text" module.

This is paragraph text. Sed ultricies erosTM vitae leo dapibus vulputate. Duis felis ipsum, elementum condimentum efficitur a, dignissim ut dui. Mauris nec ex vel purus ultrices imperdiet sit amet feugiat massa. Curabitur commodo diam at sem efficitur hendrerit. In lorem erat, ultrices nec posuere eget, volutpat sed enim.

  • This is an unordered list.
  • Vivamus pharetra turpis libero.
  • Praesent tincidunt, arcu ac consectetur hendrerit.
  • Est sem luctus velit, in vehicula dolor enim ut quam.
  1. This is an ordered list.
  2. Nunc ante sem, pretium quis viverra a, cursus non libero.
  3. Curabitur dapibus nisl at ornare hendrerit.
  4. Vestibulum condimentum, augue ut dictum.
This is my caption
This is a blockquote tag. Aliquam sit amet imperdiet arcu. Cras purus tortor, rhoncus sed ultrices nec, gravida vel nulla. Proin arcu est, tempus vitae odio et, viverra interdum tellus.

Duis at tempus lectusTM, pharetra iaculis felis. Etiam scelerisque ligula risus, sed aliquet orci interdum a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis enim ullamcorper justo suscipit pretium. Nunc efficitur lacus mi, at aliquam nisi consequat quis.

This is a sample caption. Duis at tempus lectus, pharetra iaculis felis. Etiam scelerisque ligula risus, sed aliquet orci interdum a.
Table with Heading 5This is a table with a class of "comp-table basic"
Header RowColumnColumnColumn
Row 1EntryEntryEntry
Row 2EntryEntryEntry
EntryEntryEntryEntry
EntryEntryEntryEntry
EntryEntryEntryEntry

This is a footnote. Use the paragraph class of "footnote"

1words go heremore words
2blahblah

These are the button classes.

Apply a class of "button ghost orange" in the anchor tag.

Blue Ghost Orange Ghost Gray Ghost Blue Fill Orange Fill Gray FillLight

This is the :Brand Strip: module. Download Line Card

CSI partners with premier manufacturers in the industry to bring you a diverse and innovative range of sanitary process equipment. With decades of experience in design, manufacturing, and support, our partners are selected for their quality, reliability, and state-of-the-art offerings.

This is a "Card on Photo" module.

Duis felis ipsum, elementum condimentum efficitur a, dignissim ut dui. Mauris nec ex vel purus ultrices imperdiet sit amet feugiat massa.

CTA Button Label
Ad Message Jacobs
This is a "Photo + Two Column Text" module.

Fusce eget ultricies nisl. Sed mattis dictum ex, nec hendrerit enim fermentum vitae. Nullam euismod facilisis eleifend. Integer tincidunt augue sed congue tempor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et luctus nisi, egestas lobortis lectus. Mauris sit amet nisi nunc. Aliquam a est magna. Ut in quam metus. Praesent tristique metus at nunc luctus ornare. Maecenas et egestas nisi. Donec maximus ante et urna egestas facilisis.

This is the "Offering Feature" module.

Vivamus eget lorem turpis. Sed ac libero a augue rhoncus viverra. Aliquam eu sodales augue. Vivamus dictum vehicula orci non sollecitudine. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et luctus nisi, egestas lobortis lectus. Mauris sit amet nisi nunc.

CTA Text

CTA Button Label

This is a "Pull Quote" module. Etiam scelerisque ligula risus, sed aliquet orci interdum a. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Amanda Williamson, Creative Director

This is the FAQs module

This is a question. What should we ask?

This is the answer. Sed ac libero a augue rhoncus viverra. Aliquam eu sodales augue. Vivamus dictum vehicula orci non sollecitudine. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et luctus nisi, egestas lobortis lectus. Mauris sit amet nisi nunc.

Another question would go here. How do you weld?

Vivamus eget lorem turpis. Sed ac libero a augue rhoncus viverra. Aliquam eu sodales augue. Vivamus dictum vehicula orci non sollecitudine. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et luctus nisi, egestas lobortis lectus.

This would be a third question. What do you do?

Duis at tempus lectusTM, pharetra iaculis felis. Etiam scelerisque ligula risus, sed aliquet orci interdum a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis enim ullamcorper justo suscipit pretium. Nunc efficitur lacus mi, at aliquam nisi consequat quis.

This is a "Parallax Divider."

Duis at tempus lectusTM, pharetra iaculis felis. Etiam scelerisque ligula risus, sed aliquet orci interdum a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis enim ullamcorper justo suscipit pretium. Nunc efficitur lacus mi, at aliquam nisi consequat quis.

Parallax Custom Fittings