Skip to main content

Components

Accordion

If you click on the titles below you will see the details below the title expand and collapse. This component is very useful on "Frequently Asked Questions" sections.

Accordion item details can be BOLDED, italicized, linked and more below:

Left aligned

Right aligned

Center aligned

and you can have a list that is:

  • bulleted or
  1. numbered

Accordion item details can be BOLDED, italicized, linked and more below:

Left aligned

Right aligned

Center aligned

and you can have a list that is:

  • bulleted or
  1. numbered

Button

There are multiple styles for our button component and should be selected based on the background.

Animation

When you came to this page you may have seen some components moving, if you did not, feel free to refresh the page to see the animations replay. We have 2 component options to make these animations.

  • Animated Container
  • Animated Image

We can make items animate in 1 of 4 ways:

  • Slide Right (used on this component)
  • Slide Left (used on the image below)
  • Slide Top
  • Slide Bottom
Independent-Health-Logo.svg

Image

The image component is pretty straightforward. You can use any image in the digital asset manager and you can also apply a link to the image as well.

Independent-Health-Logo.svg

Business Card

This component was designed for employee's headshots and job information. It should be used for contact information.

Card Link

This component is a variation of a button and will go the entire width the the container it is in. There are styling options of an outline or shadow to go around the edges and you have the ability to use an image or not. 

Calendar Event

This component has built in sections like date, time, and location so that you can fill it out with ease.

Event Title

Here is the description for the event happening.

Dates:  Dates go here

Times:  Times go here

Location:  Location go here

Return to Top

Carousel

Also known as a slider, the carousel rotates through different content. Currently we can use the Teaser component (first slide) and Hero banner (second slide) to "style" our content.

Column Container

This component allows you to split a larger dropzone into multiple smaller dropzones. All options are shown below.

2 Columns

Column 1

Column 2

Column 1

Column 2

Column 1

Column 2

Column 1

Column 2

Column 1

Column 2

Column 1

Column 2

3 Columns

Column 1

Column 2

Column 3

Column 1

Column 2

Column 3

Column 1

Column 2

Column 3

4 Columns

Column 1

Column 2

Column 3

Column 4

6 Columns

Column 1

Column 2

Column 3

Column 4

Column 5

Column 6

Filler

This component gives users the option to add padding between components.

There is a filler above the is 20px tall.

Modal

This component allow a modal to open on a button click. 

Embed

Want videos on your webpages? Use this component to embed YouTube or Vimeo videos. Below are a few tips:

  • Only paste the end of your Youtube/Vimeo embed URL in the URL field
    • https://www.youtube.com/embed/27Nu0QxoOFQ
  • If you want the video to be responsive fill in the height field, but leave the width field empty and the video width will automatically take on the size of the container it is in.

Hero Banner

This component allows you to place an image what will stretch the width of the page. The recommended dimensions for this component is 1920x390. Anything larger may risk getting cut off at the top, bottom, or edges. This component can only work in the full width dropzone like this.

important-alert The notification banner component allows text to appear as alerts. You can also set a start and end date. Button
important-alert The notification banner can also be set as an informational alert with this blue background. Button

Lists

We have 2 component options to make automatically updated lists.

  • List
  • Newsroom List

List 

This component creates a list automatically, you can choose to build your list through Child Pages, Fixed Lists, Search, and Tags. It can pull in different content from the pages' properties settings. You can choose to show the Title, Description, and Image, you can also make the items link to the pages themselves.

  • $0 Preventive Care Services

    $0 Preventive Care Services

    Being proactive in leading a healthier lifestyle is easy with these free preventive services.

  • Mental Health & Substance Use

    Mental Health & Substance Use

    When you need help, we’re here to listen. Access experienced care specialists and a wide variety of community resources and services that align with and support your unique needs.

  • FitWorks

    FitWorks

    Start living a healthier lifestyle! Use our online wellness tool to engage in healthy challenges and achieve your fitness goals. Depending on your plan, you may be eligible to earn a reward!

  • Healthwise

    Healthwise

    Our health tools provide you with information on hundreds of health topics, symptoms, prescriptions, drug interactions and more, so making informed decisions about your health is quick and easy.

  • HealthStyles Newsletter

    HealthStyles Newsletter

    Access the most recent issues of Independent Health’s Commercial and Medicare Advantage member newsletters.

Newsroom List 

This component only works with pages using the Newsroom Page Template and allows you to select a "root" page and a tag that is used on any of the subpages of the root page to create this list display. The content is pulled from each pages' "Newroom Properties", where you will manually enter the Article Year, Date, Title, Description, and an accompanying image.

Dec 30, 2019

Thousands take part in the Health & Wellness Challenge

The Independent Health and Buffalo Bills Health & Wellness Challenge continues to motivate Western New Yorkers to get active, eat right and take charge of their health. More than 33,000 individuals – including 2,930 new participants – were registered for the 11th Health & Wellness Challenge, which ran from October 21 through December 1.

Oct 17, 2019

Independent Health recognized by U.S. News & World Report

Independent Health has been named to U.S. News & World Report’s annual list of the best health insurance companies offering Medicare Advantage coverage in 2020. Independent Health is only one of two health plans in New York state to be included on the list, with the other being Capital District Physicians’ Health Plan (CDPHP) in Albany.

Oct 10, 2019

East Aurora Good for the Neighborhood

The newest rural location for Good for the Neighborhood – free events throughout the City of Buffalo, Niagara Falls, Akron, and Lackawanna where the Independent Health Foundation invests in underserved communities to help sustain healthy lifestyle changes – is in East Aurora at the Rural Outreach Center, 730 Olean Rd., where the first event is scheduled on Saturday, October 26 from 12 pm to 2 pm.

Sep 24, 2019

Buffalo Bills and Independent Health Renew Partnership

The Buffalo Bills and Independent Health renewed their commitment today to team up and tackle the region’s health challenges and promote better health and well-being for Western New Yorkers.

Sep 20, 2019

Among the nation’s highest-rated health plans

Independent Health is one of the highest-rated health insurance plans in the nation for clinical quality and member satisfaction, according to the 2019-2020 Private/Commercial Health Insurance Plan Ratings by the National Committee for Quality Assurance (NCQA), a private, leading organization dedicated to improving health care quality.

Jul 19, 2019

Reddy Bikeshare Photo Scavenger Hunt

Reddy Bikeshare and Independent Health will honor the bikeshare program’s third full year in the City of Buffalo with a week-long celebration that will provide opportunities for members to get out and explore Buffalo by bike. Participants will have a chance at winning a free one-night hotel stay at The Westin Buffalo, one of Reddy Bikeshare’s station partners at Delaware and Chippewa in downtown Buffalo.

Jul 15, 2019

Health & Wellness Challenge has a milestone

The Independent Health and Buffalo Bills 10th Health & Wellness Challenge continues to inspire Western New Yorkers to become more engaged in their own health and well-being. More than 30,000 individuals – including 3,230 new participants – were registered for the 10th Health & Wellness Challenge, which ran from April 29 through June 9.

May 20, 2019

Announcing new partnership with HealthEquity

Independent Health is pleased to announce a new partnership with HealthEquity, one of the leading administrators of Health Savings Accounts (HSAs) in the nation. Through this new collaboration, Independent Health is now the only health plan in Western New York that offers an HSA product with complete integrated enrollment and claims payment solutions that makes it easier for employers and members to manage, use and maximize an HSA.

May 10, 2019

Media statement regarding privacy event

On March 19, 2019, an Independent Health employee inadvertently emailed documents containing the protected health information (PHI) of 7,605 members to one unauthorized recipient.

Apr 25, 2019

Kids Run to feature families, fitness and fun!

The Independent Health Foundation invites all Western New Yorkers to register for this year’s Kids Run, which will be held rain or shine at 9 a.m., Saturday, June 1, in Delaware Park, at the corner of Colvin Avenue and Amherst Street.

Apr 22, 2019

10th Health & Wellness Challenge to kick off

The entire community is encouraged to celebrate the milestone by participating in this fun and engaging program, which will take place from April 29 through June 9. Participants will be eligible to win a variety of prizes by moving more, eating better and drinking water. They will also be able to attend Monday Night Fitness, a free fitness class at the ADPRO Sports Training Center every Monday evening during the Challenge (except on Memorial Day).

Jan 17, 2019

Health & Wellness Challenge inspires to live healthier

The Independent Health and Buffalo Bills Health & Wellness Challenge continues to motivate Western New Yorkers to get active, eat right and take charge of their health. More than 27,000 individuals – including 2,725 new participants – registered for this past fall’s Health & Wellness Challenge, which ran from October 22 through December 2.

Location Search

This component creates a map based on the criteria provided in the location pages. You can change the zoom, center point, and it also has filter functionality.

Numbered Text

This component autogenerates the numbered circles based on how many descriptions added.

Heading

  • 1

    Descriptions for item 1

  • 2

    Descriptions for item 2

  • 3

    Descriptions for item 3

Social Icons

Add social icons and their links to Facebook, Twitter, and Instagram. You can add up to 6 icons.

Tabbed Navigation

Add icons, titles, and links as an alternative navigation or more visual way to display links. The icons are pulled from Font Awesome so you will need to find an icon you link on their site and copy to code from their HTML code.

  • Their code is: <i class="fab fa-accessible-icon"></i>
  • You need: fab fa-accessible-icon

Tabs

Tabs are a great way to organize content and keep pages short. Users will be able to tab through the different categories of content.

Tab 1 description can be BOLDEDitalicizedlinked and more below:

Left aligned

Right aligned

Center aligned

and you can have a list that is:

  • bulleted or
  1. numbered

Tab 2 description can be BOLDEDitalicizedlinked and more below:

Left aligned

Right aligned

Center aligned

and you can have a list that is:

  • bulleted or
  1. numbered

Text

The text component is a part of a lot of the other components and functions like a Microsoft Word document can be BOLDED, italicized linked and more below:

Left aligned

Right aligned

Center aligned

and you can have a list that is:

  • bulleted or
  1. numbered

This component also allows you to stylize the text, you can chane the heading styles and change the color of the text to white or dark grey.

Heading 2 - Grey

Heading 2 - White

Quick Links

This component allows you to add multiple links with horizontal lines inbetween each one. This component is used in the footer, but is also a great way to display on any page with a list of links. There are different options for the styles too.

Show More/Less

This component allows you hide or show specific content. You can make the Red Link say anything you want so you can Show More Videos or Show Less Podcasts. The choice on the verbiage is yours.

This content is hidden until you hit the "Show More" link above, and if you hit the "Show Less" link below, it will hide the content again.

Separator

This component creates a horizontal line on the page. You can change the color of the line, as well as change the width of the line to full width. Best used to separate content on the page. Below we have a white separator, a light grey, a medium grey, and a dark grey. The dark grey separator is the full width option and the other separators are the default options.

Title

The title component allows you to apply heading styles to text. Headings should be used to establish heiarchy on the page, making it easier for users to scan the page content.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Table

Add tables to your webpage to help users compare data. Do not use the table component for display purposes only, should only be used for data entry.

Column 1
Column 2
Column 3

Data 1:1

Data 1:2

Data 1:3

Data 2:1

Data 2:2

Data 2:3

Teaser

This component is very versitile can display content a mulitude of different ways.

Horizontal Layout

Horizontal Layout

Desciptive text for the teaser component.

Vertical Layout

Vertical Layout

Desciptive text for the teaser component.

Reverse Horizontal Layout

Reverse Horizontal Layout

Desciptive text for the teaser component.

White Card Layout

White Card Layout

Desciptive text for the teaser component.

Flip Card Layout

Flip Card Layout

Desciptive text for the teaser component.

Flip Card Layout

Flip Card Layout

Desciptive text for the teaser component.

Thumbnail Layout

Thumbnail Layout

Desciptive text for the teaser component.