Card and Hero Block
The below are examples of a Card block with the template of jumbo set and hero block displayed full width, outside of a container block

Card Block Example
This is a card block displayed full width, outside of a content area and with the template jumbo selected. Added media is displayed to the left and links are output as a button
Card Blocks
The below are different samples of how a card block can display using the different templates and animations

Card Block no Link
Card block displayed at 1/4 width, template of 'No CTA' and no animation set

Card block Responsive
This is a card block displayed full width within a container, using the responsive template, no animations

Responsive light card block
Card block displayed half width, using Responsive light template with fade up animation

Advanced Motorcycle Test Guidelines
Card block displayed half width, using Responsive light template with no animation

Work-based courses
Card block displayed 3/4 width, using Responsive light template with no animation
External Quality Assurer (EQA) for Health & Social care edits
Type: Permanent - Full Time
Hours: 35 hours per week
Closing On: Tuesday, 10th December 2024
Contact: Karen Grove
Location: Various
Description: We are currently recruiting for an External Quality Assurer (EQA) role to carry out and document quality assurance and practical moderation activities in line with RoSPA and regulatory arrangements.
Link Block
Link blocks displayed as image only (eg header logo) download link for PDF's Zips, and Page links
Banner Block
The below (and including this block) are examples of how banners can be displayed across the site. This banner is displayed full width with a title and content body, with the accent template set.
The below banners are displayed at half and quater widths
Banner Block - Half width
Banner block displayed half width and secondary template set
Banner Block - Half width
Banner block displayed half width and secondary template set
Banner Block Third
This is a sub heading in the editorial
This banner is displayed third width, template error, annimation to slide down with a hippo icon
Banner Block Third
This is a sub heading in the editorial
This banner is displayed third width, template error, annimation to slide down with a hippo icon
Banner Block Third
This is a sub heading in the editorial
This banner is displayed third width, template error, annimation to slide down with a hippo icon
Carousel
The block is a carousel block displayed full width within a container

Card One

Card Two

Card Three



Carousel
The block is a carousel block displayed full width outside of a container

Card One

Card Two

Card Three






Collapse / Accordion Block
The below is a sampleaccordion / collapse blocks displayed full width within a containter with a template of joined vertically
A collapse block within a collapse block, wft
Collapse / Accordion Block
The below is a sample accordion / collapse blocks displayed 1/3 width within a containter with a template of joined horizontal
A collapse block within a collapse block, wft
A collapse block within a collapse block, wft
ROS-44 - Simple tests of 'HTML Block' type.)
h1 text entry - within a div marked .hb-custom
h2 text entry
h3 text entry
h4 text entry
h5 text entry
h6 text entry
h1 text entry - not within a div
h2 text entry
h3 text entry
h4 text entry
h5 text entry
h6 text entry
Main editorial content
Lorem ipsum odor amet, consectetuer adipiscing elit. Vehicula magnis ante parturient turpis imperdiet efficitur efficitur urna. Posuere tincidunt laoreet tempus non placerat? Hendrerit eros dui phasellus sapien fermentum inceptos semper. Bibendum mollis diam quam auctor vehicula viverra eget. Est magna molestie faucibus ut sodales consequat dolor luctus interdum. Diam quisque sit vehicula, eros sem cursus venenatis etiam.
Inceptos curabitur potenti dapibus curae inceptos eu. Penatibus fames facilisi sit per condimentum aliquet. Primis praesent donec donec placerat tempor. Facilisis mus vivamus ipsum egestas fermentum fringilla lobortis dictum. Quis potenti ad scelerisque rutrum volutpat; ad vestibulum. Proin massa neque phasellus himenaeos, hendrerit vitae maecenas. Conubia fusce mi elementum vivamus lacus lectus torquent dictumst. Neque risus ridiculus lacus velit at mus lacinia arcu. Sodales imperdiet netus netus quis maecenas tempus elit congue.
Netus class arcu volutpat felis, ad ex mattis gravida. Nibh platea tincidunt platea pharetra scelerisque quis eros. Ridiculus sodales facilisis metus semper; rutrum nibh porttitor suspendisse. Laoreet dolor vulputate sagittis in condimentum etiam. Diam curae primis porttitor in, posuere mollis egestas. Dolor et erat semper pretium lobortis pulvinar erat. Tellus ut class magnis, quis dolor porta parturient viverra. Taciti phasellus aliquam dis risus adipiscing turpis bibendum. Cursus nostra dui consectetur leo; non eros ligula. Parturient non praesent consequat morbi senectus conubia tortor fringilla netus.