Skip to Main Content

Full Screen Card

Table of Contents

Full Screen Card - CCC Content Type

ID: 315
Name: Full Screen Card - CCC
Description: Adds content to the page with the option for a heading 2 and/or heading 3. Includes a title bar and option to view fullscreen.

How to Use:

  1. Fill in the "Name" field with the name of the element.
  2. Optionally, provide "Title Bar Text" for the title bar.
  3. Fill in the "Heading" field with the section/card heading (h2).
  4. Optionally, include a "Sub-heading" for additional context (h3).
  5. Optionally, add an introduction in the "Description" field, this is the light color text between the heading and the body of the message.
  6. Fill in the "Main Body" section with the main content.

 

Content Element Details

NameDescriptionSizeTypeRequired
NameThe Name Element80 CharactersPlain Texttrue
Title Bar TextThis is title bar text255 CharactersPlain Textfalse
HeadingThis is the section/card heading (h2)255 CharactersPlain Textfalse
Sub-headingThis is a sub-heading for the content (h3)255 CharactersPlain Textfalse
DescriptionThis is introduction text99999 CharactersHtmlfalse
Main bodyThis is the main body99999 CharactersHtmltrue

Full Screen Card Example Title

Full Screen Card Example Heading

Lorem ipsum dolor sit amet consectetur adipiscing elit, morbi cras quam class elementum sem dictum odio, leo turpis semper ac praesent maecenas. Conubia torquent proin fringilla consequat donec dictum blandit primis lacinia, gravida bibendum nullam netus volutpat quam lobortis eleifend, nunc velit laoreet eu quisque euismod libero nibh. Cursus justo ut tortor magnis ac inceptos etiam ultricies sem sociis, arcu rutrum dapibus lacinia sodales quam pulvinar congue enim fames risus, porta nascetur posuere tincidunt tellus sollicitudin volutpat hac feugiat. Lacus nulla sagittis viverra quis rutrum eget pharetra, commodo bibendum conubia vehicula malesuada convallis, dis lacinia mi id justo urna. Integer nam montes purus mattis senectus ornare interdum convallis mauris, ultrices himenaeos parturient semper rhoncus bibendum tempus mi rutrum, neque sollicitudin vehicula fames magnis imperdiet eleifend lectus non, nec tempor pellentesque facilisi commodo potenti habitant fringilla. Faucibus congue varius vestibulum imperdiet cursus, taciti diam tempus massa maecenas fusce, arcu aliquet lacinia praesent. Dictum nec duis orci nunc ad ultricies proin semper sem, lacinia metus varius velit quam parturient tempus aliquet, est turpis tincidunt magna habitasse vitae egestas curabitur.

Lorem ipsum dolor sit amet consectetur adipiscing elit, diam consequat imperdiet quisque penatibus massa hendrerit nam, pulvinar scelerisque integer aptent tempus dapibus. Pharetra nisl placerat torquent etiam pretium molestie aptent egestas nibh rhoncus id magnis, integer iaculis mauris tortor tristique sociis habitant purus lacinia ultricies inceptos. Nisl senectus sollicitudin sociis quis cubilia posuere etiam volutpat torquent varius vitae turpis, platea ut aliquet nisi facilisis inceptos fames litora malesuada commodo sapien.

Suscipit orci ultrices sociis sociosqu netus facilisis nam donec tincidunt, dictum maecenas facilisi lacus accumsan aliquam porta ut ullamcorper per, interdum massa ligula fusce tristique quis faucibus ac. Interdum himenaeos faucibus taciti sagittis tellus est nam nostra dignissim lectus aliquam mi, senectus sollicitudin fringilla bibendum viverra vitae vel pellentesque dictumst cras. Non cum quam hac augue mi suspendisse lobortis cras a nulla sodales, aenean enim etiam posuere in vestibulum porta maecenas habitasse ad condimentum eros, nisl semper vivamus libero venenatis tristique dis senectus est metus. Penatibus sollicitudin eget vivamus neque nam habitant sem vehicula dictum curabitur, dui ac mauris proin tempus magnis potenti luctus risus hac, libero odio interdum dapibus magna convallis rutrum vel cubilia. At tempor dis elementum hac nec cum lectus eu aliquam lobortis, eget varius montes taciti potenti sagittis duis pretium mi venenatis, diam nam faucibus felis congue magnis semper arcu dui. Litora facilisi gravida porttitor risus dignissim molestie tortor laoreet torquent rutrum ornare, duis vulputate dictumst auctor urna sollicitudin imperdiet cum bibendum vestibulum, luctus posuere donec nullam penatibus dui tempus non ultrices senectus. Vestibulum luctus hac dapibus scelerisque habitant integer est libero justo, varius nibh ac torquent dui lobortis pretium.