New Blog Post: Wattson, The Energy Efficiency Elf Holiday Tips >>

Jump to a Component


Header Options Subheader Main Content Components Callout Components Card Grid Components

Header Options

HERO BANNER 1
(Text Left + Image Right) HERO BANNER 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Button 1 (optional) Button 2 (optional)

Subheader

Subheader Title

Standard subheader which can provide general details about what the user is about to experience on this page.

Welcome to your one stop for Wisconsin IRA Home Energy Rebates information.
As part of the Inflation Reduction Act (IRA), Wisconsin has been allocated $149 million for Home Energy Rebates. Focus on Energy was chosen by the Public Service Commission of Wisconsin to deliver the IRA Home Energy Rebate Programs.

IRA Home Energy Rebates are not the only ways to save on your home energy projects. You may be eligible for other programs, including Focus on Energy rebates and discounts, the Weatherization Assistance Program, and tax credits. Plus, in some cases you can combine for even more savings! The Get Started tool will help you identify what you are eligible for.

Back to Top ▲

Main Content Component Options

The following are options for how you would like general content to look in the body of the page.

Content Component: Accordion
[Text with Image / Video - Row]

Content Component: Text with Image

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco 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, sunt in culpa qui officia deserunt mollit anim id est laborum.

Hover over me Tooltip Example
Single image template placeholder

Content Component: Standard Content Block

Standard content block, can be used for general copy information. Can add an image or call to action button manually.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet ante lobortis nisi aliquam mollis vitae a lacus. Quisque vel interdum mi. Nulla faucibus aliquam ipsum eu sodales. Aliquam porttitor viverra accumsan. Suspendisse id neque vitae orci bibendum cursus. In sagittis metus et sodales scelerisque.

Content Component: Tabs
Tab 1 Tab 2 Medium Title Tab 3 Long Title Lorem Ipsum (Too Long for Mobile Example) Tab 4

Tabs allow multiple sections of content to be in a single section, allowing the user to “tab” to different sections, that contain material specific to that area. Use case example can be found in the Income Document Options of the Income-Qualified Rebates page. This is a great way to consolidate a lot of information into a section, however, you can only open one tab at a time. Tabbed content section will close your current section if you click a new one.

NOTE: Tab space is limited, try to keep tab length to 1-3 words. Best practice recommendation, try to limit to 5 tabs max. Otherwise

Multiple Columns (5 max) for text and images.
Content Component: Column Grid
Column 1 center heading

Multiple column grids can be used if you want to split rich text (copy and images) up into columns. Be aware of the amount of content you want in a section. More columns, means less space for each content column. Recommend not going over two columns.

Columns are responsive and will transform into a single column on mobile.

Test Link Here
Column 2 center heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Content Component: Link List

If you have a library of resource links, you can add multiple links here
Internal links will open in same tab
External Links will open in a new window (recommended, not required)
Link 4
Link 5
Can have up to 20 links. Recommend not going over 8.
Content Component: Steps / Instructions
1 Step 1

Steps can be used when creating a list of items or steps a user should follow. Accordions can expand and collapse information if there is a section with multiple bullets. Use case example can be found on Residential Heating & Cooling. You can have as many as you'd like but recommended no more than 6-8 to not over inundate a user with steps.

2 Step 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet ante lobortis nisi aliquam mollis vitae a lacus.

3 Step 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet ante lobortis nisi aliquam mollis vitae a lacus.

4 Step 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet ante lobortis nisi aliquam mollis vitae a lacus.

Back to Top ▲

Callout Components

Callout component options for when you want a section to stand out or have link associated with a call-to-action.

Callout: Call to Action Block

Call to action blocks will stand out more than a normal standard Content Block, highlighting the text and button around a bordered block. URL Link is required to fill in the button that would associate with this block.

Link Text
Callout: Block Callout

Block callout for content you want to highlight specifically. Call to action button available for section if wanted.

Button (optional)

Callout: Callout Component - creates a colored bar that can highlight a new section or an important piece of content. Copy only, no images.

Back to Top ▲

Card Grid Components

The following are options available for when you want to place multiple pages for reference from another section or source of the website.

Highlighting a single page from another part of the website. 3 posts recommended.

Featured Content

Lighting an Energy-Efficient Future For Wisconsin Manufacturers
Wisconsin’s large industrials around Wausau can thank Bill Smiley for lower energy bills every month, better lighting for employees and…
Read More

125 Years in Germantown Using Energy Efficiency for Sustainability and the Community
Gehl Food & Beverage understands the energy it requires for production knowing its sustainability and growth relies on responsible energy usage.
Read More

Ductless Mini-Split Heat Pump Market Assessment and Savings Review Report
Read More

Page Grid (Card Grid)

Individual Page Title
Custom card grid, can load pages, blogs, posts, from other areas of the website to load into a centralized area. Can link to an internal page associated with the…
Internal Page Card Example (From Success Stories)
Description of the page goes here.

Scrolling Card List

Wattson, The Energy Efficiency Elf Holiday Tips
It's easy to stay off the "Naughty List."
Taking Advantage of Federal Tax Credits
Make energy-related home upgrades and save even more with Focus on Energy and 2024 tax credits.
Shining a Light on Sustainability: Bob’s Copy Shop
By investing in sustainability, Bob’s Copy Shop is not only embracing energy efficiency but also ensuring their ability to serve Madison’s community for generations…
Breathe Easy with these Home Ventilation Tips
Done right, these three key elements can help you save energy while protecting your home and family from unwelcome air pollutants, allergens, and asthma triggers.
Arming the Community with Energy Efficiency: Platteville Armory
The Platteville Armory is a community cornerstone, serving Platteville and the surrounding areas for the last 82 years. It's a vibrant community center that brings…
Energy Efficiency Rebates for Affordable Housing Properties
FOCUS ON ENERGY® provides resources and incentives to help multifamily property owners reduce energy costs while also improving building comfort and tenant…
Small Town Cafe, Big Impact: Portage Cafe’s Green Upgrades
Nestled in downtown Portage, Wisconsin, Portage Cafe embodies the essence of a small-town establishment where you can connect with your community. After partnering…
Historic Menasha Hangout, Old Grog Gets Green Makeover
Old Grog’s building in historic downtown Menasha has witnessed 134 years of transformation: It has been a grocery store, livery, and even a brothel. Now, owners…
Top Signs Your Home Has Moisture Issues
There are a lot of ways your household produces moisture. Cooking, washing and even breathing puts moisture in the air. The most concerning moisture and…
Discover Energy Savings During Energy Awareness Month
In 1991, then President George H.W. Bush declared October “Energy Awareness Month” and began what is now a month aimed at much more than “Energy Awareness.”
Icon Grids

Icon grids allow for simple icons to be placed in a call out box (each one takes 1/3 horizontal space) and can be custom linked. Recommend placing in 3 to keep the design even (1/3 + 1/3 + 1/3).

Icon Grid 2

Description area optional, but for design purposes it's recommended if one has a description, all 3 should keep the display evenly distributed across.

Icon Grid 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet ante lobortis nisi aliquam mollis vitae a lacus.

Back to Top ▲
Join our newsletter to stay up-to-date.
Need answers? Try our Help Center. Help Center
Looking for something specific?
© 2024 Focus On Energy
Terms & Conditions Privacy Policy