Skip to main content
The Learning Portal - College Libraries Ontario

LP Content Creation Kit

LP Content Creation Kit : Reusable Boxes

Guidelines, tips and templates for the development of content for the Learning Portal

Accesibility Important Links

Open links in a new window HTML code: <span class="info">  - Opens in a new window </span>

Tips

  • Tip 1Description
  • Tip 2Description
  • Tip 3Description
  • Tip 4Description
  • Tip 5Description.
  • Tip 6Description

Box with headings

Text text text

light grey Sub-heading - h2

light grey Sub-heading - h3

light grey Sub-heading - h4

Blue Sub-heading - h2

Blue Sub-heading - h3

Blue Sub-heading - h4

Red Sub-heading - h2

Red Sub-heading - h3

Red Sub-heading - h4

Orange Sub-heading - h2

Orange Sub-heading - h3

Orange Sub-heading - h4

Yellow Sub-heading - h2

YellowSub-heading - h3

Yellow Sub-heading - h4

Green Sub-heading - h2

Green Sub-heading - h3

Green Sub-heading - h4

Green Sub-heading - h2

Green Sub-heading - h3

Green Sub-heading - h4

Collapse Box - Accordion #1

To have them all closed for the beggining  removed the in class form the fist tab 

<div aria-labelledby="headingOne" class="panel-collapse collapse in" id="collapseOne" role="tabpanel">

Content for Accordion Panel 1
Content for Accordion Panel 2
Content for Accordion Panel 3
Content for Accordion Panel 4
Content for Accordion Panel 5
Content for Accordion Panel 6
Content for Accordion Panel 7
Content for Accordion Panel 8
Content for Accordion Panel 9
Content for Accordion Panel 10

Accordion#2

Content for Accordion Panel 1
Content for Accordion Panel 2
Content for Accordion Panel 3
Content for Accordion Panel 4
Content for Accordion Panel 5
Content for Accordion Panel 6
Content for Accordion Panel 7
Content for Accordion Panel 8
Content for Accordion Panel 9
Content for Accordion Panel 10

Accordion #3

Content for Accordion Panel 1
Content for Accordion Panel 2
Content for Accordion Panel 3
Content for Accordion Panel 4
Content for Accordion Panel 5
Content for Accordion Panel 6
Content for Accordion Panel 7
Content for Accordion Panel 8
Content for Accordion Panel 9
Content for Accordion Panel 10

Well Style

this is a test
example box - with no title

Tabbed box

articulate 3