'Avalon' theme

Modules

Font metrics variance Example Bootstrap elements Smart tabs Themes Header layouts Footer layouts Brand buttons Content reveal FX Heading reveal FX Custom list styles Expanders Custom HR element Custom section dividers Emergency message Promo bar Hero image Hero carousel Hero video Icons Image/Panel combinations Panel with Image/Video overlap Signpost panels Split Image/Content layouts Section with background image/video Section with background 'bokeh' fx' Testimonials Awards carousel Panels carousel Videos carousel Marquee scroller Responsive tables Scrolling tables Responsive nav bar Opening times calendar Image captions Image masks Image Lightboxes & Galleries Image - hover zoom Media Gallery Masonry Gallery Instagram feed Countdown Interactive map Timeline Scroll Content Themed modals Offers grid Video embed Signposts block Daily Events Table or Panel Carousel Background Crossfader Seasonal Divider Downloads listing Transport Timetable Two-column layouts Boat Mooring Quote Form Stats section Feature list

Layout demos

Header and site layout options:

Header - default scrolling Header - minifies Header - smart + CTA dropdown Header - smart + CTA dropdown + opening times Header - with center logo Header - at side on large viewports + CTA dropdown

'Global tier' page demos:

Global landing page - panels Global landing page - tabs Global subpage

Page content demos:

Homepage with hero Homepage with fullscreen hero Homepage with fullscreen hero (no promo bar) Homepage with emergency message Homepage with fullscreen hero carousel Homepage with fullscreen hero carousel (desktop side content) Homepage with fullscreen hero carousel - mobile-content-below Homepage with fullscreen hero video (no poster image) Homepage with fullscreen hero video - with poster image Homepage with uncropped hero image Homepage with uncropped hero image carousel Homepage with uncropped hero video Homepage with 'signposts block' below hero Homepage with fixed background image Homepage with fixed background video Homepage with fixed background video + alt hero content Homepage with fixed 'bokeh particle' background Homepage with transparent header modifier Homepage with fullscreen hero + sticky cta bar Homepage with custom section dividers Homepage with themed-modal

Mega-menu

Homepage with mega-menu Homepage with mega-menu (with desktop side images) Homepage (side header) with mega-menu Homepage (side header) with mega-menu (with desktop side images)

Sub-pages

Subpage - no hero Subpage with hero Subpage with hero (no promo bar) Canonical page Area/Land listing Area/Land page Attraction page Listing with live filtering Location listings Location page Tickets - panels Opening times Opening times - Multiple Attractions Day planner (old - never built) Daily events listing Daily event detail Events listing Events listing - wide panels Event details Event details - alt hero layout News listing News story Help Centre - category panels Help Centre - full-listing Help Centre - FAQ category Help Centre - FAQ Visit Planner Collections Collections - Category Collections - Item

Site FX demos:

Homepage with content FX 'fade-slide-up' Homepage with heading FX 'word-reveal-up' Homepage with both content and heading FX

Hero Parallax FX

Homepage with hero - Parallax hero Homepage with fullscreen hero - Parallax hero Homepage with fullscreen hero carousel - Parallax hero Homepage with fullscreen hero carousel (desktop side content) - Parallax hero Homepage with fullscreen hero carousel - mobile-content-below - Parallax hero Homepage with fullscreen hero video (no poster image) - Parallax hero Homepage with fullscreen hero video - with poster image - Parallax hero Homepage with uncropped hero image - Parallax hero Homepage with uncropped hero image carousel - Parallax hero Homepage with uncropped hero video - Parallax hero

Fireworks FX:

Homepage with fireworks FX Homepage with fireworks FX - stop after 10 seconds Homepage with fireworks FX - stop on scrolling

Snow FX:

Homepage with snow FX - hard edges Homepage with snow FX - mouse repel Homepage with snow FX - hard edges - small flakes Homepage with snow FX - soft edges Homepage with snow FX - fade out after 10 seconds Homepage with snow FX - fade out on scrolling Homepage with snow FX - soft edges - small flakes Homepage with snow FX (no top utility bar)

Smoke FX:

Homepage with smoke FX Homepage with smoke FX - fade out after 10 seconds Homepage with smoke FX - fade out on scrolling Homepage with smoke FX ('lighten' blend-mode)

Sparkles FX:

Homepage with snow FX and 'cursor-sparkles' FX (default) Homepage with 'cursor-sparkles' FX (default) Homepage with 'cursor-sparkles' FX - 'cold' Homepage with 'cursor-sparkles' FX - 'multi' Homepage with 'cursor-sparkles' FX - 'gold-dust' Homepage with 'cursor-sparkles' FX - 'sparkler' Homepage with 'cursor-sparkles' on body and sections

Commerce pages:

Products listing (off-canvas basket) Product details - incomplete options (off-canvas basket) Product details (off-canvas basket) Shopping Basket Checkout