This page shows all of the block styles available for CWRTP pages. The headers are the names of the blocks. 

__________________________________________________________________________

Page Hero - Default (No image, no side navigation)

__________________________________________________________________________

__________________________________________________________________________

Content Blocks

__________________________________________________________________________

Body content

This block can be used for basic text, subheadings, etc.

  • It can contain lists
  • It can contain links
  • It is one of the most customizable blocks for text.

__________________________________________________________________________

Accordions are a great way to condense content on a page. Information only appears when users click or tap on each header.

Here is an example of another accordion section.

Here is an example of another accordion section.

This block is called Blockquote.

Miles Tritle, Web guy

Here's an example of Blockquote without a photo.

Miles Tritle, Web guy

(The block below is called Menu Link Tree)

Stastic

  • 62%

    of Americans say their garage is the messiest part of their home.

You are not alone if your garage is a disaster. But think about it this way: Your car will be fine in the driveway. Your collection of 2000s romcom DVDs? Not so much.

Table
Header Row Label 1 These tables are customizable
Row 1 Cell 1 You can change the number of rows/cells
Row 3 Cell 2 For accessibility, avoid empty cells

__________________________________________________________________________

Feature Blocks

Feature - Large

This block gives you the option of normal buttons and video link buttons.

Introduction

This is the intro. This block is very similar to the one above

Feature - Large with Intro

This is the body text. It has all the same features as the Body Content block.

  • Lists
  • Links
  • etc.
  • Button 1
  • Button 2
Stones stacked by a pond

Feature - Small

This is the body text. It has all the same features as the Body Content block.

  • Lists
  • Links
  • etc.
Button 1 Button 2

Optional subhead

Feature - External

Body content is here. Similar to other blocks, text here can be formatted as lists, links, etc.

  • Stones stacked by a pond

    This block is called Feature Set

    Body content goes here. Similar to other content blocks, there are many formatting options. Images are also optional with this block style.

     

  • Stones stacked by a pond

    Feature 2

    You can add a callout here. Image is optional.

  • Feature 3 (no image)

    You can add a callout here. Image is optional.

__________________________________________________________________________

Call to Action Blocks

Calls to Action

Body text goes here. This is not the customizable type. Basic text only.

Call to Action - Image

This is where the body content appears. This block has customizable text for

  • Links
  • Links
  • Etc.

__________________________________________________________________________

Cards/Column Content Blocks

  • Stones stacked by a pond

    Card Set

    Customizable body content here. Can include lists, etc.

  • Stones stacked by a pond

    Card Set

    Customizable body content here. Can include lists, etc.

  • Stones stacked by a pond

    Card Set

    Customizable body content here. Can include lists, etc.

Card Set - Image with Link

  • Card Set - Profiles with Modals

    Person Name

    Person Role

  • Card 2 Title (no image)

    Person Name

    Person Role

Multicolumn Content

This block is for multi-column content. It uses customizable body content blocks. You can include links and lists and images. 

Stones stacked by a pond

Column 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eget neque lacinia, pellentesque diam quis, sagittis justo. Sed aliquam in dolor non congue. Integer facilisis cursus iaculis. Quisque in tincidunt eros, id aliquam sem. Donec pellentesque, quam sed vestibulum tempus, lorem quam mollis sem, a consequat mauris massa a lectus. Fusce vitae tincidunt quam. Fusce eget leo ac erat luctus dictum. Sed ullamcorper ornare magna ut accumsan. Vivamus aliquet lacus ex, porta tristique mi malesuada a. Maecenas bibendum pulvinar augue sed facilisis. Aliquam risus justo, pretium id egestas eget, egestas ut nisl. Mauris efficitur ante in dui semper maximus.

Column 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eget neque lacinia, pellentesque diam quis, sagittis justo. Sed aliquam in dolor non congue. Integer facilisis cursus iaculis. Quisque in tincidunt eros, id aliquam sem. Donec pellentesque, quam sed vestibulum tempus, lorem quam mollis sem, a consequat mauris massa a lectus. Fusce vitae tincidunt quam. Fusce eget leo ac erat luctus dictum. Sed ullamcorper ornare magna ut accumsan. Vivamus aliquet lacus ex, porta tristique mi malesuada a. Maecenas bibendum pulvinar augue sed facilisis. Aliquam risus justo, pretium id egestas eget, egestas ut nisl. Mauris efficitur ante in dui semper maximus.

Curabitur ornare pharetra enim sit amet ornare. Phasellus eget nulla non quam tincidunt mollis ac eget mauris. Phasellus id elit at libero ullamcorper rutrum. Etiam mattis sollicitudin imperdiet. Fusce vel porttitor ante. Praesent eu erat et sapien ultrices maximus. Morbi dapibus ultrices pretium. Phasellus eu vulputate massa, ut gravida nibh. Pellentesque malesuada vel arcu ac ornare.

Column 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eget neque lacinia, pellentesque diam quis, sagittis justo. Sed aliquam in dolor non congue. Integer facilisis cursus iaculis. Quisque in tincidunt eros, id aliquam sem. Donec pellentesque, quam sed vestibulum tempus, lorem quam mollis sem, a consequat mauris massa a lectus. Fusce vitae tincidunt quam. Fusce eget leo ac erat luctus dictum. Sed ullamcorper ornare magna ut accumsan. Vivamus aliquet lacus ex, porta tristique mi malesuada a. Maecenas bibendum pulvinar augue sed facilisis. Aliquam risus justo, pretium id egestas eget, egestas ut nisl. Mauris efficitur ante in dui semper maximus.

decorative

Column 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eget neque lacinia, pellentesque diam quis, sagittis justo. Sed aliquam in dolor non congue. Integer facilisis cursus iaculis. Quisque in tincidunt eros, id aliquam sem. Donec pellentesque, quam sed vestibulum tempus, lorem quam mollis sem, a consequat mauris massa a lectus. Fusce vitae tincidunt quam. Fusce eget leo ac erat luctus dictum. Sed ullamcorper ornare magna ut accumsan. Vivamus aliquet lacus ex, porta tristique mi malesuada a. Maecenas bibendum pulvinar augue sed facilisis. Aliquam risus justo, pretium id egestas eget, egestas ut nisl. Mauris efficitur ante in dui semper maximus.

Curabitur ornare pharetra enim sit amet ornare. Phasellus eget nulla non quam tincidunt mollis ac eget mauris. Phasellus id elit at libero ullamcorper rutrum. Etiam mattis sollicitudin imperdiet. Fusce vel porttitor ante. Praesent eu erat et sapien ultrices maximus. Morbi dapibus ultrices pretium. Phasellus eu vulputate massa, ut gravida nibh. Pellentesque malesuada vel arcu ac ornare.

__________________________________________________________________________

Multicolumn Content - Alt

Body content for the first article. This is an alternative layout for multicolumn content where images are still optional but easier to insert. Links can be included but are not required.

Link text
First page of the How and Why handout

Title (optional)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eget neque lacinia, pellentesque diam quis, sagittis justo. Sed aliquam in dolor non congue. Integer facilisis cursus iaculis. Quisque in tincidunt eros, id aliquam sem. Donec pellentesque, quam sed vestibulum tempus, lorem quam mollis sem, a consequat mauris massa a lectus. Fusce vitae tincidunt quam. Fusce eget leo ac erat luctus dictum. Sed ullamcorper ornare magna ut accumsan. Vivamus aliquet lacus ex, porta tristique mi malesuada a. Maecenas bibendum pulvinar augue sed facilisis. Aliquam risus justo, pretium id egestas eget, egestas ut nisl. Mauris efficitur ante in dui semper maximus.

Curabitur ornare pharetra enim sit amet ornare. Phasellus eget nulla non quam tincidunt mollis ac eget mauris. Phasellus id elit at libero ullamcorper rutrum. Etiam mattis sollicitudin imperdiet. Fusce vel porttitor ante. Praesent eu erat et sapien ultrices maximus. Morbi dapibus ultrices pretium. Phasellus eu vulputate massa, ut gravida nibh. Pellentesque malesuada vel arcu ac ornare.

Link text

Here is a column with no title or link.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eget neque lacinia, pellentesque diam quis, sagittis justo. Sed aliquam in dolor non congue. Integer facilisis cursus iaculis. Quisque in tincidunt eros, id aliquam sem. Donec pellentesque, quam sed vestibulum tempus, lorem quam mollis sem, a consequat mauris massa a lectus. Fusce vitae tincidunt quam. Fusce eget leo ac erat luctus dictum. Sed ullamcorper ornare magna ut accumsan. Vivamus aliquet lacus ex, porta tristique mi malesuada a. Maecenas bibendum pulvinar augue sed facilisis. Aliquam risus justo, pretium id egestas eget, egestas ut nisl. Mauris efficitur ante in dui semper maximus.

ADMYRE graphic icon

Title (optional

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eget neque lacinia, pellentesque diam quis, sagittis justo. Sed aliquam in dolor non congue. Integer facilisis cursus iaculis. Quisque in tincidunt eros, id aliquam sem. Donec pellentesque, quam sed vestibulum tempus, lorem quam mollis sem, a consequat mauris massa a lectus. Fusce vitae tincidunt quam. Fusce eget leo ac erat luctus dictum. Sed ullamcorper ornare magna ut accumsan. Vivamus aliquet lacus ex, porta tristique mi malesuada a. Maecenas bibendum pulvinar augue sed facilisis. Aliquam risus justo, pretium id egestas eget, egestas ut nisl. Mauris efficitur ante in dui semper maximus.

Link

__________________________________________________________________________

Media

Carousel

Video Poster

Caption for video or image

Carousel item

Carousels can contain videos or images.

Example of a carousel item with an image

Carousel item 2

This is an example of a carousel item with an image

Caption goes here

Carousel item 3

Another carousel with an image

Image Collage

Hannah Uhrich receiving her award on stage
Erin Kramer receiving her award from President David Cook and senior VP Jason Keith
Dr. Carl Weems receiving his award on stage
Rhonda receiving an award from a woman on stage at the NCSEA award ceremony
A panel sits in front of a conference room full of attorneys. One presenter is standing and addressing the audience.

This block is called Image Collage.

Image Gallery

Erin Kramer receiving her award from President David Cook and senior VP Jason Keith
Download
Rhonda receiving an award from a woman on stage at the NCSEA award ceremony
Download
A panel sits in front of a conference room full of attorneys. One presenter is standing and addressing the audience.
Download

Image Grid with Text

This is an image grid with text. You can put body text here. It also has buttons and one caption for all images.

Hannah Uhrich receiving her award on stage
Erin Kramer receiving her award from President David Cook and senior VP Jason Keith
Dr. Carl Weems receiving his award on stage
The image grid caption goes here.
Stones stacked by a pond

This block is called Image - Full Width. The caption goes here.

Block name: Video

Video Poster
You can add your own thumbnail to the video.

__________________________________________________________________________

Events Calendar