Use the resources below to find out more about the types of components that the PCC 网站使用. For more information on editing component, please see 我们的教程

Call to Actions Grid

The Call to Actions Grid is used to highlight a series of important call to actions. 你有能力 to edit the Call to Action Title, the Sub-text and the URL that the Call to Action is linked to.


卡片作为链接

The 卡片作为链接 is a content container that links to a single URL. 它包括选项 for a header, content, button (link) and background colors. 

你有能力 to edit the header, content, and button text and URL. 

请注意: The above are examples of 3 of the background colors available for a 卡片作为链接. The 卡片作为链接 component on your page(s) may have a different background.


Card With Optional Image

The Card with Optional Image is a content container. 它包括选项 for an image, header, content, button (link) and background colors ( 白色, red, 浅灰色, and 深灰色的.) 

你有能力 to edit the header, content, and button text and URL. 

带图像卡片
带图像卡片 这是一个 Card with Optional Image 与一个 白色 background. 
Content will appear hear. 内容是可选的.
Card with Optional Image
Card with Optional Image 这是一个 Card with Optional Image 与一个 红色的 background. 
Content will appear hear. 内容是可选的.
无图像卡 这是一个 Card with Optional Image 与一个 浅灰色 background. 
Content will appear hear. 内容是可选的.

This example does not have an image.

Image + Heading Divider

The Image + Heading Divider includes an image and a image 与一个 background color and is used to separate content on a page.

你有能力 to change the heading text. 

Image + Heading Divider

请注意: The above is one of the background colors available for a Image + Heading Divider. The Image + Heading Divider component on your page(s) may have a different background color.


链接+图标

The 链接+图标 component is used to display a custom icon after a link. 你有能力 to edit the link text, the URL and the Icon (see the Font Awesome 图书馆 for all available icons.)

例子:

链接文本

这是一个 链接+图标 with longer text


通知

The 通知 component functions the same as the 通知 snippet. 它允许 you to notify your users of time-sensitive information. It should be reserved for important announcements and should be turned off when the information is no longer 有关.

例子:

This is the 通知 content.
 

To turn the notification off, open the component and select "Off"  under "Display 通知. 点击保存.


快速链接 

The 快速链接 component displays a set of important linkseach 与一个 custom icon. The 快速链接 component have options for background colors, text & 图标颜色,图标 labels and URLs for each link. The Icons are from the Font Awesome 图书馆.

 

Single Step Component

The Single Step component is used for a steps list. Each step is an individual component with options for Step Number, Step color (yellow or red), content, button(s), additional buttons after the content. You will also have the option for the step to be open or 在页面加载时关闭.

This is the optional content for a single step component.
The is optional content to be displayed after the buttons.