Cards

Cards - CCC Content Type

ID: 316
Name: Cards - CCC
Description: Adds either one full-width card without a dark title bar or two half-width cards without dark title bars.

How to Use:

Fill in the "Name" field with the name of the element.
Optionally, enter the heading for Card 1 in the "Card 1 Heading" field. This will be displayed as the main title of the card.
Optionally, provide a sub-heading for Card 1 in the "Card 1 Sub-heading" field. This adds additional context to the card content.
Fill in the main content for Card 1 in the "Card 1 Main body" field. This can include text, images, links, and other HTML elements.
If you want Card 1 to have a white background, check the "Card 1 White Background" checkbox.
Optionally, repeat steps 2-5 for Card 2, entering the heading, sub-heading, main body, and selecting the background color as desired. If you don't enter the Card 2 main body the CMS will display only one card

Content Element Details

Name	Description	Size	Type	Required
Name	The Name Element	80 Characters	Plain Text	true
Card 1 Heading	This is the card heading (h2)	255 Characters	Plain Text	false
Card 1 Sub-heading	This is a sub-heading for the card (h3)	255 Characters	Plain Text	false
Card 1 Main body	This is the main body	99999 Characters	Html	true
Card 1 White Background		80 Characters	Checkbox	false
Card 2 Heading	This is the card heading (h2)	255 Characters	Plain Text	false
Card 2 Sub-heading	This is a sub-heading for the card (h3)	255 Characters	Plain Text	false
Card 2 Main body	This is the main body	99999 Characters	Html	false
Card 2 White Background		80 Characters	Checkbox	false

Double Cards Heading Example Left

Double Cards Sub-heading Example Left

Lorem ipsum dolor sit amet consectetur adipiscing elit in curae, cubilia sodales pretium vehicula neque suscipit purus nec, fermentum magna vestibulum donec metus rhoncus velit fames. Quisque non purus rutrum ut ac aliquam inceptos aptent, facilisis metus habitasse at rhoncus suspendisse class etiam elementum, nam leo platea consequat commodo egestas potenti. Himenaeos venenatis rhoncus vehicula ullamcorper pretium taciti ac massa dapibus at facilisi placerat porttitor consequat mus luctus velit euismod, litora mi hendrerit quis nulla porta vel sollicitudin laoreet donec varius curae nunc aliquam duis pulvinar ad. Mus nostra interdum cum dictum imperdiet fermentum euismod et viverra, nunc mattis molestie habitant litora etiam ultricies curae, tempus pellentesque lectus tempor lacus integer non natoque.

Double Cards Heading Example Right

Double Cards Sub-heading Example Right

Single Cards Heading Example

Single Cards Sub-heading Example

Lorem ipsum dolor sit amet consectetur adipiscing elit, vulputate enim eu penatibus massa parturient, ac sagittis nunc tempus platea porttitor. Sem posuere massa suspendisse felis purus semper iaculis, class integer nam nascetur interdum auctor tellus, consequat nulla elementum sagittis aenean at. Pulvinar sem fermentum dui facilisis montes laoreet sociosqu iaculis metus elementum eget ut netus, etiam lobortis dictum torquent tincidunt lacinia sapien aliquet bibendum rhoncus orci. Convallis quisque libero rutrum luctus platea purus, erat eleifend himenaeos interdum rhoncus litora, egestas gravida sociis sem nam. Praesent nullam erat hendrerit conubia maecenas accumsan nisl mi justo, laoreet potenti malesuada at feugiat quisque imperdiet dignissim urna, dictumst ullamcorper iaculis sodales litora leo senectus in. Morbi aliquam eleifend rhoncus varius feugiat class quis odio, mattis integer facilisis quam montes ac nulla taciti, sed nisl mi fringilla enim rutrum maecenas. Dignissim lacus sollicitudin feugiat aenean himenaeos dis sed penatibus nisi massa, turpis cubilia varius aliquet per ut maecenas suscipit odio. Nostra aliquam phasellus felis tristique in ornare et natoque, sapien vivamus class justo non sociis cursus ridiculus sagittis, nascetur auctor eu facilisis lacus massa pretium. Ridiculus metus nullam varius potenti tortor condimentum morbi, molestie libero eu gravida integer accumsan turpis, posuere convallis conubia faucibus elementum quam. Aptent velit conubia ullamcorper penatibus sodales sagittis quisque, curae blandit pulvinar condimentum congue nec, vitae viverra tincidunt elementum in ac.