Blocks

An HTML accordion web component is a user interface element commonly used in web development to organize and present information in a structured and space-efficient manner. It allows users to expand or collapse sections of content, typically text or other HTML elements, to reveal or hide additional details. Accordions are often used for FAQs, product descriptions, navigation menus, or any content that can be grouped into sections.

An alert is a user interface element used to display important information, warnings, notifications, or messages to users on a webpage. Alerts are typically designed to capture a user's attention and convey a specific message in a clear and prominent manner. They are often used for communicating errors, confirmations, or other critical information to the user.

A banner is a prominent and visually appealing element used on a webpage to convey important information, promotions, advertisements, or other content. Banners are often placed at the top, bottom, or sides of a webpage and are designed to capture a user's attention. They can be static or dynamic and may include text, images, buttons, and links.

A web-based Bridge Closure Tool for the Severn Bridges serves as a valuable resource for users seeking real-time and weekly updates on the status of bridge closures. This tool offers a user-friendly interface to provide critical information about the operational status of the Severn Bridges, helping individuals plan their routes, anticipate delays, and make informed decisions based on current conditions.

Buttons are versatile elements that play a crucial role in enhancing the user interface and user experience on a website. They offer a variety of styles and functionalities, allowing you to create visually appealing and interactive elements. Bootstrap provides different button types, including Primary, Secondary, and Tertiary, along with options to display arrow buttons, adjust size, and make the button width 100%.

The Call to Action (CTA) content block is a powerful and visually engaging component designed to capture the attention of website visitors and prompt them to take a specific action. It typically consists of a title, a description, an image, and a prominent action button.

A Campaign Header with Image content block is a visually striking component designed to promote and highlight a specific campaign or initiative on a website. It typically includes a captivating image and a caption to convey the essence of the campaign.

The Carousel content block is a dynamic and visually engaging component that allows you to showcase a series of images or content in a rotating manner. The Carousel is a popular feature for creating interactive slideshows on websites, enabling you to present information, images, or products in a visually appealing and interactive way.

The Case Study content block is a versatile component designed to showcase in-depth analyses, success stories, or detailed examinations of specific projects or experiences. This content block allows you to present key information, including a quote, its source, and an accompanying image.

The Corporate Site Search Content Block is a crucial element for enhancing user navigation and facilitating efficient access to information on a corporate website. This content block typically includes a search bar that allows users to enter custom queries, along with a list of frequently searched terms that users can select for quick and targeted results.

A Document block presents various downloadable file formats.

A Feature Card showcases content available elsewhere on the site and utilises imagery to accentuate the highlighted block

A Feature Card showcases content available elsewhere on the site and utilises imagery to accentuate the highlighted block

The Form Picker Content Block is a valuable component that simplifies the process of integrating pre-built forms into web pages. This feature streamlines the incorporation of forms, such as contact forms, surveys, or subscription forms, without the need for extensive coding or development work.

The Global Content Block is a versatile and efficient component that empowers website administrators to add pre-built content blocks to various pages across a website. This feature streamlines the process of maintaining consistency in design, branding, and content across multiple pages.

A highlight block emphasizes specific text on a webpage, giving it prominence and distinction from the surrounding content.

An HTML block empowers users to integrate custom HTML markup into their website.

An Icon card serves as a means to spotlight content available across various pages throughout the website.

An icon carousel is an element on a website that showcases a series of icons or small graphical representations in a carousel format. These icons can represent various features, services, or categories offered by the website.

The Image Block shines a spotlight on key information presented on the website.

The image card offers an excellent method to spotlight content in various sections across the website, enhancing visibility and engagement.

An Intro Text Block serves to introduce and provide an initial overview of the page's content.

The Media Carousel presents various media formats in an easily navigable carousel interface.

The Modal block is utilized for showcasing content extracted from a child page in a display format.

The "Publications" feature enables users to showcase multiple links to various publications.

The Quote block enables you to insert a quotation along with the name of the person who said it.

The Related Manual block enables users to incorporate related pages into a main website page. This functionality facilitates quick access to links, directing users to content that is relevant to the current page.

This section provides users with visibility into the roads across England that are managed by National Highways.

This banner serves as an alert, notifying users about potential issues concerning the Severn Crossing Bridges.

A standard card serves as an excellent method to guide users toward specific content on a website, offering a visually engaging and organized pathway to access relevant information or features.

The Stats Card is a dynamic and visually impactful component that enables the highlighting of a headline figure or key statistical data on a webpage. This block is commonly used to draw attention to significant metrics, achievements, or statistics that are central to the content or message being conveyed.

A Rich Text Editor is a user-friendly software tool that lets you format text easily, similar to a word processor. It offers options like bold, italics, font styles, colors, and more, simplifying the creation and editing of visually appealing content without needing to write code.

A Twitter Widget is a tool that lets you showcase live Twitter content like feeds, profiles, or hashtags on websites or apps, allowing real-time interaction without leaving the site. It's a simple way to display and engage with Twitter content directly on your platform.

This video block features content from YouTube.

This block seamlessly plays a video directly within the page's content.

This block seamlessly plays a video directly into a modal popup.

This block seamlessly plays a video directly into a modal popup which is displayed in a split banner.