CardCollection-01 Description

This component template is used to display two cards across the page on desktop and one card across on mobile.

CardCollection-01
User specified cards across on desktop, tablet and mobile
Each block could have a title, a subtitle, text, an image, and links

Card Collection with Background Color and 4 Cards

List subtitle

Text left
Columns on Desktop-4, Tablet-3, Mobile-1
4 cards provided
Light Blue Background color
Spacing Padding-9rem
List card alignment- Card center
Local style sheet - card-image-outer-border

CardCollection-01 - #1 - Title

CardCollection-01 - #1 - Subtitle

CardCollection-01 - #1 - Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fermentum aliquam ante in interdum. Suspendisse viverra tincidunt risus, ut sollicitudin risus laoreet elementum. Cras dapibus facilisis tortor vitae dictum. Suspendisse molestie nulla orci, ac viverra mauris fringilla vitae.

CardCollection-02 - #2 - Title

CardCollection-02 - #2 - Subtitle

CardCollection-02 - #2 - Text

CardCollection-01 - #3 - Title

CardCollection-01 - #3 - Subtitle

CardCollection-01 - #3 - Text

CardCollection-01 - #4 - Title

CardCollection-01 - #4 - Subtitle

CardCollection-01 - #4 - Text

List Title

List subtitle

Text left
Columns on Desktop-4, Tablet-3, Mobile-1
6 cards provided

CardCollection-01 - #1 - Title

CardCollection-01 - #1 - Subtitle

CardCollection-01 - #1 - Text

CardCollection-01 - #2 - Title

CardCollection-01 - #2 - Subtitle

CardCollection-01 - #2 - Text

Read more Watch Video

CardCollection-01 - #3 - Title

CardCollection-01 - #3 - Subtitle

CardCollection-01 - #3 - Text

CardCollection-01 - #4 - Title

CardCollection-01 - #4 - Subtitle

CardCollection-01 - #4 - Text

Card Collection with RBT statistics and 3 Cards

List text

Uses presentation complex component

Text Left
Spacing - Padding 9rem
Columns on Desktop-3, Tablet-2, Mobile-1
List Card - Center
Local Style - card-image-inner-border-blue card-image-background-gray card-image-outer-border card-text-with-card-border

CardCollection-01 - #1 - Title

CardCollection-01 - #1 - Subtitle

LOREM IPSUM DOLOR SIT AME…

9000

LOREM IPSUM DOLOR SIT AME…

Card Collection with RBT statistics and 2 Cards

List Text

Uses Presentation Complex Component

Text Left
Padding Spacing - 9rem
List Card-Center
Local Style - card-image-inner-border-blue card-image-background-gray card-image-outer-border card-text-with-card-border

CardCollection-01 - #1 - Title

CardCollection-01 - #1 - Subtitle

LOREM IPSUM DOLOR SIT AME…

Card Collection with RBT statistics with Background Color and 3 Cards

List Text

Uses Presentation Complex Component

Background color - Light Blue
Text Left
Spacing - Padding 9rem
List Card alignment - Card center
Local style - card-image-inner-border-blue card-image-background-gray card-image-outer-border card-text-with-card-border

CardCollection-01 - #1 - Title

CardCollection-01 - #1 - Subtitle

LOREM IPSUM DOLOR SIT AME…

9000

LOREM IPSUM DOLOR SIT AME…

Card Collection with RBT statistics with Background Color and 2 Cards

List Text

Uses Presentation Complex component

Background color - Blue
Text Left
Spacing above component - Padding-9rem
Columns on Desktop-3,Tablet-2, Mobile-1
Local Style sheet - card-image-inner-border-blue card-image-background-gray card-image-outer-border card-text-with-card-border

CardCollection-01 - #1 - Title

CardCollection-01 - #1 - Subtitle

LOREM IPSUM DOLOR SIT AME…

Components for One-Column Pages testing

Accordions

Accordion - One topic open
Accordion - Multiple topics open
Accordion - One topic, multiple details

Heros

Hero-basic - Text centered
Hero-basic - Text left justified
Hero-Img
Hero-Img-01
Hero-Img-02
Hero-Img-05
Hero-Img-Bgrd-01
Hero-Img-Bgrd-02
Hero with background image

Hero Carousels

Carousel-03
Hero Carousel - A
Hero Carousel - B
Hero Carousel - C
Hero Carousel - D
Hero Carousel - E
Hero Carousel - F
Hero Carousel - G
Hero Carousel - H
Hero Carousel - I
Hero Carousel - J
Hero Carousel - K
Hero Carousel - M

Block Components

Blocks-01
Blks1-w100-Basic
Blks1-w100-01
Blks1-w100-02
Blks1-w100-03
Blks1-w100-04
Blks1-w100-05
Blks1-w100-06
Blks1-w100-07
Blks1-w100-11
Blks1-w100-Animation
Blks1-w100-Video
Blks1-w100-Video-01
Blks2-w100-Basic
Blks3-w100-Basic
Blks4-w100-01
Blks4-w100-News

1-Column cards

CardCollection-01
CardCollection-w1-Vertical

2-Column cards

4-Column cards

CardCollection-w4-Basic
CardCollection-w4-01
CardCollection-w4-02
CardCollection-w4-03
CardCollection-w4-04
CardCollection-w4-05
CardCollection-w4-06
CardCollection-w4-07
CardCollection-w4-08
CardCollection-w4-09
CardCollection-w4-Animation

n-Column cards

Other

Article-Basic
Sitemap
Tabs-Basic
Tabs-01
Tabs-02

Structured data

Corporation
Company
Local company

Components for One-Column Pages testing

Accordions

Heros

Hero Carousels

Block Components

1-Column cards

2-Column cards

3-Column cards

4-Column cards

n-Column cards

Other

Structured data