Style Guide Sliders

St George's
NEWS

Vertical slider (link)

Lorem ipsum dolor sit amet, consectetur

SCHOOL NEWS

When using the Gallery "Slide to show" setting, you can override the Tablet setting (so that the slides change on tablet) using classes, rather than inheriting the Desktop setting.  Add the classes below to the feature classes

.slider-tablet-slides-1
.slider-tablet-slides-2
.slider-tablet-slides-3

SG - CTA Slider

FOLLOW YOUR PASSIONS AT ST GEORGE'S

FOLLOW YOUR PASSIONS AT ST GEORGE'S

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero officia qui tenetur! Totam laudantium necessitatibus, tempore rem praesentium accusantium sapiente tenetur dolores tempora exercitationem iure reprehenderit illum nam quaerat possimus.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero officia qui tenetur! Totam laudantium necessitatibus, tempore rem praesentium accusantium sapiente tenetur dolores tempora exercitationem iure reprehenderit illum nam quaerat possimus.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero officia qui tenetur! Totam laudantium necessitatibus, tempore rem praesentium accusantium sapiente tenetur dolores tempora exercitationem iure reprehenderit illum nam quaerat possimus.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero officia qui tenetur! Totam laudantium necessitatibus, tempore rem praesentium accusantium sapiente tenetur dolores tempora exercitationem iure reprehenderit illum nam quaerat possimus.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero officia qui tenetur! Totam laudantium necessitatibus, tempore rem praesentium accusantium sapiente tenetur dolores tempora exercitationem iure reprehenderit illum nam quaerat possimus.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero officia qui tenetur! Totam laudantium necessitatibus, tempore rem praesentium accusantium sapiente tenetur dolores tempora exercitationem iure reprehenderit illum nam quaerat possimus.

Vertical Slider (Display)

Style guide and Templates

;lkj ;lkj ;lkjdfs;lkafds;kdfsa fdsa;kl

Content Page

;lkj;lj cvx;lkjvlkjv vcx;lkcvxz zcvx;lkcvxz

SG - CTA Slider, Split Text, Caption Middle Top

LOREM IPSUM DOLAR

PREPARING FOR THEIR BEST FUTURE

A extraordinary chapter in a lifetime of learning

Cras quis ligula suscipit nulla consectetur posuere non et quam. Fusce est justo, aliquet eget turpis non, pulvinar rhoncus turpis. Sed porttitor, risus sit amet ultricies molestie, ex purus tempor sapien, sed tincidunt purus tortor ut erat.

Learn more

Hover Slider

#WeEducate

Cras quis ligula suscipit nulla consectetur posuere non et quam. Fusce est justo, aliquet eget turpis non, pulvinar rhoncus turpis. Sed porttitor, risus sit amet ultricies molestie, ex purus tempor sapien, sed tincidunt purus tortor ut erat. Duis convallis, sem ut pretium tempor, nulla risus consectetur lacus, elementum scelerisque arcu est id sem. Nunc lobortis eget purus eu pretium. Duis ullamcorper risus velit, facilisis interdum leo ullamcorper a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed erat vitae enim elementum lacinia sollicitudin non massa.

#WeInnovate

Cras quis ligula suscipit nulla consectetur posuere non et quam. Fusce est justo, aliquet eget turpis non, pulvinar rhoncus turpis. Sed porttitor, risus sit amet ultricies molestie, ex purus tempor sapien, sed tincidunt purus tortor ut erat. Duis convallis, sem ut pretium tempor, nulla risus consectetur lacus, elementum scelerisque arcu est id sem. Nunc lobortis eget purus eu pretium. Duis ullamcorper risus velit, facilisis interdum leo ullamcorper a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed erat vitae enim elementum lacinia sollicitudin non massa.

#WeEnrich

Cras quis ligula suscipit nulla consectetur posuere non et quam. Fusce est justo, aliquet eget turpis non, pulvinar rhoncus turpis. Sed porttitor, risus sit amet ultricies molestie, ex purus tempor sapien, sed tincidunt purus tortor ut erat. Duis convallis, sem ut pretium tempor, nulla risus consectetur lacus, elementum scelerisque arcu est id sem. Nunc lobortis eget purus eu pretium. Duis ullamcorper risus velit, facilisis interdum leo ullamcorper a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed erat vitae enim elementum lacinia sollicitudin non massa.

#WeCare

Cras quis ligula suscipit nulla consectetur posuere non et quam. Fusce est justo, aliquet eget turpis non, pulvinar rhoncus turpis. Sed porttitor, risus sit amet ultricies molestie, ex purus tempor sapien, sed tincidunt purus tortor ut erat. Duis convallis, sem ut pretium tempor, nulla risus consectetur lacus, elementum scelerisque arcu est id sem. Nunc lobortis eget purus eu pretium. Duis ullamcorper risus velit, facilisis interdum leo ullamcorper a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed erat vitae enim elementum lacinia sollicitudin non massa.

Logo Slider - .image-vertically-center .large-slide-gap

Custom Tabs

Empowering Children

Cras quis ligula suscipit nulla consectetur posuere non et quam. Fusce est justo, aliquet eget turpis non, pulvinar rhoncus turpis. Sed porttitor, risus sit amet ultricies molestie, ex purus tempor sapien, sed tincidunt purus tortor ut erat. Duis convallis, sem ut pretium tempor, nulla risus consectetur lacus, elementum scelerisque arcu est id sem. Nunc lobortis eget purus eu pretium. Duis ullamcorper risus velit, facilisis interdum leo ullamcorper a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed erat vitae enim elementum lacinia sollicitudin non massa.

Learn more

Beyond education

Cras quis ligula suscipit nulla consectetur posuere non et quam. Fusce est justo, aliquet eget turpis non, pulvinar rhoncus turpis. Sed porttitor, risus sit amet ultricies molestie, ex purus tempor sapien, sed tincidunt purus tortor ut erat. Duis convallis, sem ut pretium tempor, nulla risus consectetur lacus, elementum scelerisque arcu est id sem. Nunc lobortis eget purus eu pretium. Duis ullamcorper risus velit, facilisis interdum leo ullamcorper a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed erat vitae enim elementum lacinia sollicitudin non massa.

Learn more

Vision & Mission

Cras quis ligula suscipit nulla consectetur posuere non et quam. Fusce est justo, aliquet eget turpis non, pulvinar rhoncus turpis. Sed porttitor, risus sit amet ultricies molestie, ex purus tempor sapien, sed tincidunt purus tortor ut erat. Duis convallis, sem ut pretium tempor, nulla risus consectetur lacus, elementum scelerisque arcu est id sem. Nunc lobortis eget purus eu pretium. Duis ullamcorper risus velit, facilisis interdum leo ullamcorper a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed erat vitae enim elementum lacinia sollicitudin non massa.

Empowering Children

Beyond education

Vision & Mission

Values

Custom tabs with thumbnails

Cras quis ligula suscipit nulla consectetur posuere non et quam. Fusce est justo, aliquet eget turpis non, pulvinar rhoncus turpis. Sed porttitor, risus sit amet ultricies molestie, ex purus tempor sapien, sed tincidunt purus tortor ut erat. Duis convallis, sem ut pretium tempor, nulla risus consectetur lacus, elementum scelerisque arcu est id sem. Nunc lobortis eget purus eu pretium. Duis ullamcorper risus velit, facilisis interdum leo ullamcorper a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed erat vitae enim elementum lacinia sollicitudin non massa.

Learn more

Cras quis ligula suscipit nulla consectetur posuere non et quam. Fusce est justo, aliquet eget turpis non, pulvinar rhoncus turpis. Sed porttitor, risus sit amet ultricies molestie, ex purus tempor sapien, sed tincidunt purus tortor ut erat. Duis convallis, sem ut pretium tempor, nulla risus consectetur lacus, elementum scelerisque arcu est id sem. Nunc lobortis eget purus eu pretium. Duis ullamcorper risus velit, facilisis interdum leo ullamcorper a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed erat vitae enim elementum lacinia sollicitudin non massa.

Learn more

Cras quis ligula suscipit nulla consectetur posuere non et quam. Fusce est justo, aliquet eget turpis non, pulvinar rhoncus turpis. Sed porttitor, risus sit amet ultricies molestie, ex purus tempor sapien, sed tincidunt purus tortor ut erat. Duis convallis, sem ut pretium tempor, nulla risus consectetur lacus, elementum scelerisque arcu est id sem. Nunc lobortis eget purus eu pretium. Duis ullamcorper risus velit, facilisis interdum leo ullamcorper a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed erat vitae enim elementum lacinia sollicitudin non massa.

Learn more

Cras quis ligula suscipit nulla consectetur posuere non et quam. Fusce est justo, aliquet eget turpis non, pulvinar rhoncus turpis. Sed porttitor, risus sit amet ultricies molestie, ex purus tempor sapien, sed tincidunt purus tortor ut erat. Duis convallis, sem ut pretium tempor, nulla risus consectetur lacus, elementum scelerisque arcu est id sem. Nunc lobortis eget purus eu pretium. Duis ullamcorper risus velit, facilisis interdum leo ullamcorper a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed erat vitae enim elementum lacinia sollicitudin non massa.

Learn more

Cras quis ligula suscipit nulla consectetur posuere non et quam. Fusce est justo, aliquet eget turpis non, pulvinar rhoncus turpis. Sed porttitor, risus sit amet ultricies molestie, ex purus tempor sapien, sed tincidunt purus tortor ut erat. Duis convallis, sem ut pretium tempor, nulla risus consectetur lacus, elementum scelerisque arcu est id sem. Nunc lobortis eget purus eu pretium. Duis ullamcorper risus velit, facilisis interdum leo ullamcorper a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed erat vitae enim elementum lacinia sollicitudin non massa.

Learn more

OptimizedImage,Optimized

OptimizedImage,Optimized

OptimizedImage,Optimized

OptimizedImage,Optimized

OptimizedImage,Optimized

Categorised Tabs

STUDENTS
Lilian Teakettle

popup video

STUDENTS
Lilian Teakettle

popup video

STUDENTS
Lilian Teakettle

popup video

TEACHERS
Lilian Teakettle

popup video

TEACHERS
Lilian Teakettle

popup video

TEACHERS
Lilian Teakettle

popup video

ALUMNI
Lilian Teakettle

popup video

ALUMNI
Lilian Teakettle

popup video

ALUMNI
Lilian Teakettle

popup video

COMMUNITY PARTNERS
Lilian Teakettle

popup video

Students

Students

Students

Teachers

Teachers

Teachers

Alumni

Alumni

Alumni

Community Partners

Values Slider

WE VALUE

Our school culture is grounded in values that fuel a lifelong passion for learning and empower our pupils to be inspirational members of the global community.

Thumbnail Slider (site-thumbnail-dt-3 site-thumbnail-tab-2 site-thumbnail-mob-1)

Thumbnail Slider (site-thumbnail-disable-popup)

Auto Width Slider

test desc

test content