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 1
Description - Tip 2
Description - Tip 3
Description - Tip 4
Description - Tip 5
Description. - Tip 6
Description
Two LO side by side - only to be used in the Research module
One LO horizontal
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
- Video link name - Opens in a new window
When opening a link in a new window please add the following code next to the title. This information will not show in the text, but will alert people using the reader that they are opening a new page.
Opens in a new window the class is info. - Video link name - Opens in a new windowDescription of the link
- Link name 2 - Opens in a new windowDescription of the link.