Skip to Main Content

Library Services

accordion-horizontal component dev

Notes about this component

1. Not quiiiiite finished: 1) .card-titles icon nad text positioning sorted on when card accordion is collapsed 2) transition animations need sorting

2. Adding / removing cards (eg. accordion contents) is fairly simple.

3. Removing or adding different content similarly easy

4. Icons / colours easily changeable.

 

 

accordion-horizontal component dev

school Card 1

Some quick example text to build on the card title and make up the bulk of the card's content.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, vitae euismod nisl nunc euismod nisi.

format_quoteUurna eu tincidunt consectetu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. urna eu tincidunt consectetu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
lightbulb Card 2

Some quick example text to build on the card title and make up the bulk of the card's content.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna eu tincidunt consectetu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, vitae euismod nisl nunc euismod nisi.

format_quoteUurna eu tincidunt consectetu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. urna eu tincidunt consectetu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
psychology Card 3

Some quick example text to build on the card title and make up the bulk of the card's content.

Lorem ipsum Sed euismod, urna eu tincidunt consectetu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, vitae euismod nisl nunc euismod nisi.

format_quoteUurna eu tincidunt consectetu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. urna eu tincidunt consectetu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
group Card 4

Some quick example text to build on the card title and make up the bulk of the card's content.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna eu tincidunt consectetu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, vitae euismod nisl nunc euismod nisi.

format_quoteUurna eu tincidunt consectetu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. urna eu tincidunt consectetu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
palette Card 5

Some quick example text to build on the card title and make up the bulk of the card's content.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna eu tincidunt consectetu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, vitae euismod nisl nunc euismod nisi.

format_quoteUurna eu tincidunt consectetu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. urna eu tincidunt consectetu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
star Card 6

Some quick example text to build on the card title and make up the bulk of the card's content.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna eu tincidunt consectetu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, vitae euismod nisl nunc euismod nisi.

format_quoteUurna eu tincidunt consectetu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. urna eu tincidunt consectetu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.