Tabs

Tabs are used to help organize large quantities of parallel content and consequently reduce page length by providing an alternative to a standard vertical stack. For more information about this rendering’s styles, see the Tab page (link opens in new window) in Responsive Web section of the Humana Digital Style Guide.

What's Included In This Rendering?

Component overview

A: Tabbed container

Required.

The tabbed container is the primary interactive element of the rendering, allowing the user to quickly scan and peruse multiple parallel topics. Both horizontal and vertical arrangements of the tabs are available (see sample configurations below). In both instances, the selected tab is given greater visual connection to the associated content by opening into the content area (B).

B: Content area

Required.

The content area is highly flexible, capable of housing various sublayouts and renderings, not unlike the main body area of any standard page.

How Can I Use This Rendering?

Sample configurations

SAMPLE 1: Horizontal tab container

Medical

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elementum lobortis nulla at sagittis. Aliquam vitae semper arcu, quis dictum orci. Integer venenatis sagittis odio in aliquam. Cras cursus luctus nisl, in luctus quam suscipit id. Phasellus et elit commodo, dapibus libero non, porta ante. Fusce in elit id ex gravida tempor. Suspendisse nibh est, sodales ut ultricies at, fringilla vel tortor. Curabitur consequat ac dui id vestibulum.

Dental/vision

Group dental plans

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elementum lobortis nulla at sagittis. Aliquam vitae semper arcu, quis dictum orci. Integer venenatis sagittis odio in aliquam. Cras cursus luctus nisl, in luctus quam suscipit id. Phasellus et elit commodo, dapibus libero non, porta ante. Fusce in elit id ex gravida tempor. Suspendisse nibh est, sodales ut ultricies at, fringilla vel tortor. Curabitur consequat ac dui id vestibulum.

Life/supplemental

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elementum lobortis nulla at sagittis. Aliquam vitae semper arcu, quis dictum orci. Integer venenatis sagittis odio in aliquam. Cras cursus luctus nisl, in luctus quam suscipit id. Phasellus et elit commodo, dapibus libero non, porta ante. Fusce in elit id ex gravida tempor. Suspendisse nibh est, sodales ut ultricies at, fringilla vel tortor. Curabitur consequat ac dui id vestibulum.

Bundled products

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elementum lobortis nulla at sagittis. Aliquam vitae semper arcu, quis dictum orci. Integer venenatis sagittis odio in aliquam. Cras cursus luctus nisl, in luctus quam suscipit id. Phasellus et elit commodo, dapibus libero non, porta ante. Fusce in elit id ex gravida tempor. Suspendisse nibh est, sodales ut ultricies at, fringilla vel tortor. Curabitur consequat ac dui id vestibulum.

SAMPLE 2: Vertical tab container

Why Register?

After you register, you can:
  • View your benefits.
  • Find doctors, hospitals, and other providers
  • Check you claims
  • See how much you've spent on healthcare and got cost estimates
  • Get started with HumanaVitality

Register here if you have a Humana health insurance plan, including Medicare. To get started you'll need your memeber ID, date of birth and ZIP code.

Get Started

Kentucky Medicaid member? Choose this option to register

Provider

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elementum lobortis nulla at sagittis. Aliquam vitae semper arcu, quis dictum orci. Integer venenatis sagittis odio in aliquam. Cras cursus luctus nisl, in luctus quam suscipit id. Phasellus et elit commodo, dapibus libero non, porta ante. Fusce in elit id ex gravida tempor. Suspendisse nibh est, sodales ut ultricies at, fringilla vel tortor. Curabitur consequat ac dui id vestibulum.

Dentist

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elementum lobortis nulla at sagittis. Aliquam vitae semper arcu, quis dictum orci. Integer venenatis sagittis odio in aliquam. Cras cursus luctus nisl, in luctus quam suscipit id. Phasellus et elit commodo, dapibus libero non, porta ante. Fusce in elit id ex gravida tempor. Suspendisse nibh est, sodales ut ultricies at, fringilla vel tortor. Curabitur consequat ac dui id vestibulum.

Pharmacist

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elementum lobortis nulla at sagittis. Aliquam vitae semper arcu, quis dictum orci. Integer venenatis sagittis odio in aliquam. Cras cursus luctus nisl, in luctus quam suscipit id. Phasellus et elit commodo, dapibus libero non, porta ante. Fusce in elit id ex gravida tempor. Suspendisse nibh est, sodales ut ultricies at, fringilla vel tortor. Curabitur consequat ac dui id vestibulum.

Employer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elementum lobortis nulla at sagittis. Aliquam vitae semper arcu, quis dictum orci. Integer venenatis sagittis odio in aliquam. Cras cursus luctus nisl, in luctus quam suscipit id. Phasellus et elit commodo, dapibus libero non, porta ante. Fusce in elit id ex gravida tempor. Suspendisse nibh est, sodales ut ultricies at, fringilla vel tortor. Curabitur consequat ac dui id vestibulum.

Agent/broker or agency

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elementum lobortis nulla at sagittis. Aliquam vitae semper arcu, quis dictum orci. Integer venenatis sagittis odio in aliquam. Cras cursus luctus nisl, in luctus quam suscipit id. Phasellus et elit commodo, dapibus libero non, porta ante. Fusce in elit id ex gravida tempor. Suspendisse nibh est, sodales ut ultricies at, fringilla vel tortor. Curabitur consequat ac dui id vestibulum.