Component Library
Explore the complete Versantus component library. Each component is production-ready, fully responsive, and designed for university websites.
Hero Content
Welcome to Oxford
Advancing Knowledge, Inspiring Minds
Large hero section with background image/video support, overlay text, tagline, and call-to-action buttons. Supports shallow and deep height variants.
Call to Action
Apply for Michaelmas Term 2025
Join one of the world's leading universities. Applications now open for undergraduate and postgraduate programmes.
Promotional content block with image, text, and buttons. Supports background image style (hero-like) or simple image style (side-by-side).
Content Teaser
Card-style content preview with image, title, text, and read more link. Used within Content Carousel Grid for news, events, and related content.
Profile Cards
Prof. James Wilson
Head of Physics
Quantum mechanics, particle physics
Dr. Sarah Chen
Senior Lecturer
Machine learning, AI ethics
Dr. Michael Brown
Research Fellow
Astrophysics, cosmology
Display faculty and staff with photo, name, position, contact details, and bio. Supports popup modal for extended information.
Quote
Versantus were innovative and knowledgeable when faced with our requirements and we are really pleased with the results.
Head of Communications, Department of Physics
Display blockquotes with optional source attribution. Perfect for testimonials, faculty quotes, and highlighted statements.
Accordion
Frequently Asked Questions
Expandable/collapsible content sections. Perfect for FAQs, programme requirements, or any content benefiting from progressive disclosure.
Styled Buttons
Configurable button styles with solid, light, and outline variants. Supports icons, custom colours, and inline or stacked layouts.
Gallery
Campus Gallery
Responsive image and video gallery with LightGallery lightbox. Supports thumbnails, captions, and mixed media content.
Embedded Video
Welcome to the University of Versantus
Embed videos from YouTube, Vimeo, and other providers. Maintains 16:9 aspect ratio with optional caption.
Logo Carousel
Our Research Partners
Swiper-powered carousel for partner logos, accreditations, or sponsor displays. Configurable autoplay and navigation.
Heading
Our Academic Programmes
Centred Heading Example
Right-Aligned Heading
Semantic HTML headings (H1-H6) with configurable alignment and optional icons from the theme sprite.
WYSIWYG
About Our Department
The Department of Physics has been at the forefront of scientific discovery since its founding in 1872. Our researchers have contributed to groundbreaking advances in quantum mechanics, particle physics, and astrophysics.
- World-class research facilities
- Collaborative international partnerships
- Award-winning faculty members
Rich text content from the WYSIWYG editor. Applies consistent typography and styling to user-generated content.
Webform Embed
Request Information
Embed Drupal webforms with optional form selector for multiple forms. Integrates with Drupal's webform module.
Layout Components
Structural components for page organisation and content arrangement.
Section Layout
Section with Background Colour
Content goes here
Section with Background Image
Content goes here
Top-level container for page sections. Supports background colours, images, scroll-to anchors, and container width options.
Column Layouts
Flexible column layouts: one, two (50/50, 70/30, 30/70), and three column options. Each column supports background colours and images.
Tabs
Tab content appears here. Each tab can contain any combination of other components including text, images, and forms.
Tabbed content layout for organising related information. Each tab can contain any combination of other components.
Ready to See These Components in Action?
Book a demo call and we'll walk you through the complete library with your branding applied.