Expand/Collapse
One
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent elementum eget diam sed porta.
Suspendisse
id
risus vitae purus iaculis imperdiet. Morbi in cursus risus. Mauris eu neque placerat, aliquet neque nec,
luctus
lorem. In aliquet lorem lorem, quis faucibus mauris consectetur a. Nullam iaculis nunc mattis elit mollis
placerat. Suspendisse ultricies est mi, eu ornare dolor faucibus et. Etiam malesuada consequat semper. Duis
ornare eros sapien, et fermentum ligula sagittis a. Proin quis tortor ac mi tempor volutpat.
Two
Proident qui in adipisicing proident velit veniam labore laborum Lorem aute. Occaecat consectetur est
consequat
sunt ea. Nostrud laborum consequat ipsum aute nisi cupidatat id ea commodo. Deserunt est occaecat duis
officia
elit mollit ex non. Ullamco aliqua commodo laboris qui veniam et sint proident dolore velit quis. Esse ad
amet
enim deserunt exercitation veniam sit laboris sit reprehenderit.
Three (accordion)
Et aliqua aliqua amet commodo ullamco. Commodo dolore minim non veniam consequat qui ad exercitation.
Nostrud
elit non magna aliquip est commodo. Duis laborum fugiat culpa sit qui aliquip nostrud irure est enim magna
sit
duis. Consectetur incididunt ullamco eu do quis consequat elit est. Commodo ut sit mollit exercitation
incididunt.
How to use
1. Set up on Your Site
Copy this code into the <head> of each template or page where you want to use a ccl element.
2. Choose your Color palette
Add Classes on your element <body> (or on a html container). Find the right one according the theme to use on your page.
example:
3. Add Elements to Your UI
Start placing element in your HTML's <body>. Find the right HTML string , copy/paste on your page and customize it.
