Hero title example

Hero headline example, with longer text and more words

Band backgrounds can have both images and colors,
and can also be displayed in different sizes
and alignments. 

Custom band example

Social Follow links

Follow

This band demonstrates the use of a quote box, and also has social media icons. Quote boxes can be displayed with various backgrounds, text alignment, and band placement.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis ornare erat, sit amet aliquet tortor. Aenean dapibus leo nec commodo blandit. Aliquam erat volutpat. Aenean ac rutrum nisl, non volutpat Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis ornare erat, sit amet aliquet tortor. Aenean dapibus leo nec commodo blandit. Aliquam erat volutpat. Aenean ac rutrum nisl, non volutpat metus. Cras sed luctus libero. Donec id orci quis justo tincidunt placerat. Donec ut vulputate mauris. Pellentesque eu velit quis ligula scelerisque laoreet. Nunc non leo id diam lacinia tristique id nec quam. Ut et dui massa. Etiam condimentum interdum nulla, in fermentum neque ultricies vestibulum. Ut eget leo aliquam sapien vestibulum eleifend nec quis nunc. In tincidunt metus erat, non hendrerit turpis venenatis ac. Phasellus interdum et dui sed posuere. Duis dictum velit sed enim mollis pharetra. Aenean vitae ultricies eros.

Features and Benefits

Duis aute irure dolor

Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur.

Vel illum qui dolorem

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni. 

Quis nostrud exercitation

Nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatu.

Custom band with '6 5' layout

Social Share with custom text

Every band uses the 12 column grid system, so '6 6' means 2 equal columns, '4 4 4' is 3 equal columns. View this layout demo page for a visual.

A different title can be placed

With software release time cut from hours to minutes, Macquarie can release software multiple times a day. Customers can now easily manage all aspects of their finances in one place. Macquarie’s DevOps approach allows developers to focus on innovation and asset delivery, rather than routine tasks, improving developer productivity by more than 50%. "Red Hat technology has helped us to work in a more efficient way, with speed and agility as the biggest outcomes," said Luis Uguina, chief digital officer at Macquarie’s Banking and Financial Services Group.

Video title

Aenean dapibus leo nec commodo blandit. Aliquam erat volutpat. Aenean ac rutrum nisl, non volutpat metus

Success stories example

Social share with auto-gather enabled

This is a logo wall

feature set example

Feature set band headline

This band displays a feature set. Feature sets can contain a multitude of icons with various background colors and band setups.

Feature 1 title

Infrastructure is the foundation of your business— it makes everything work. And it requires a significant investment to change. What happens when you see demand from your customers that goes beyond your abilities?

Feature 2 title

Optimizing your existing IT gets more out of what you already have while allowing you to plan for the future. With a new and updated environment, your business can move faster and realize new benefits and ways of working. An incremental approach is easier on the budget, while still freeing up resources that can help you meet today's IT challenges.

This band displays a testimonial band with a quote. Testimonial bands usually contain various backgrounds, and colors. You can also select which side you want the quote to appear on.

Name of a person
Title of the person

This will serve as introductory text

Featured Item gallery band headline

This band is a featured item gallery. You can see how text can be linked in this sentence. A featured item gallery can contain video and images, with different layouts.

This will be another example of a featured item

Band headline depicting possible events

This band features WYSIWYG styles and a dynamic form box

Dynamic forms are created by utilizing a configuration ID. The ID will placed the correct form in the band, once the id has been placed in the proper field.

Default H3 Title

  • Default unordered list item with link
  • Default unordered list item without Link
  • Softline
  • Mont
  • Two Paragraphs inside of a list item, dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et

  • another list item

Default H4 Title

  1. Default ordered list item with link
  2. Default ordered list item without Link
  3. Softline
  4. Mont
  5. Two Paragraphs inside of a list item, dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et

  6. another list item
Default H5 Title
Skill assessments
Map out your training path
Ways to train
Pick the course style that’s right for you
Bundled discounts
Save when you bundle courses and labs or exams
Default H6 Title
Skill assessments
Map out your training path

Featured success stories

Cigna builds a private cloud

Cigna needed to improve its IT provisioning processes to keep up with the innovations of its developers. The company created an entrepreneurial team to experiment with building an Infrastructure-as-a-Service (IaaS) self-service provisioning capability. Deploying Red Hat solutions and Red Hat-supported open source projects Cigna's initial proof of concept was so successful that it immediately spread throughout the IT organization. Today Cigna's development and infrastructure teams are seamlessly aligned and able to speed business applications to customers while carving out costs from the provisioning process to boost Cigna's bottom line.

We think of Red Hat as one of just a handful of superior engineering and support organizations in the United States.

John Defeo
Vice president of infrastructure cigna

Using 8 layout

Custom band center layout

Laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.

4 column layout

Example headline

This uses gallery4 to accomplish a 4-column layout. View this layout demo page for a visual of all available layouts.

The foundation for next-generation architectures, with support for all major hardware platforms and thousands of commercial and custom applications.

The Red Hat Enterprise Linux Developer Program delivers industry-leading developer tools, instructional resources, and an ecosystem of experts to help Linux programmers build great Linux applications.

Each version of Red Hat Enterprise Linux introduces new features and capabilities. And these enhancements are available to you at no additional cost.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis ornare erat, sit amet aliquet tortor. Aenean dapibus leo nec commodo blandit. Aliquam erat volutpat. Aenean ac rutrum nisl, non volutpat metus

Video band

Video band pattern

Red Hat Learning subscription

Aliquam erat volutpat. Aenean ac rutrum nisl, non volutpat metus

Optional title

Aenean dapibus leo nec commodo blandit. Aliquam erat volutpat. Aenean ac rutrum nisl, non volutpat metus

Open Source Stories

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis ornare erat, sit amet aliquet tortor.

7 4 layout

Custom band - kitchen sink

white card, gray border

HTML Ipsum Presents

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis.


Header Level 2

  1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  2. Aliquam tincidunt mauris eu risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.


Header Level 3

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Aliquam tincidunt mauris eu risus.

#header h1 a {
  display: block;
  width: 300px;
  height: 80px;
}

just a group, no background color

Lorem ipsum dolor sit amet, sumo appetere accusata ea has. Hinc sale ridens te mea, in labore regione voluptatibus vix, wisi commune deserunt ex usu. Te mea aperiam sententiae, cum ei phaedrum intellegat, indoctum postulant intellegam ad ius. At eripuit ponderum eos. Vel suas alia erat at, cu magna dicit fierent cum. Vim euismod bonorum no. Tamquam saperet referrentur est no, eius veritus laboramus ei est. At eam diam everti, no idque iuvaret vis.

Optional title

Multiple calls to action band

Optional subtitle can be added to the band if needed