Elements

(Dynamic)


Dynamic elements automatically pull content in from other places (like a feed of blog posts).

In many cases, you can use CSS classes like .bg-dark, .larger or .invert to quickly modify the appearance of many of these sections. To learn more about available classes, visit your Style Guide.

Looking for more elements?
Visit your static elements library.

⚡️ Quick Tip

How to use classes in the page builder

All page builder elements, from rows, to columns, to modules, allow you to assign custom CSS classes to manipulate their appearance in a predefined way. We have indicated when this is the case with any of the elements below.

To assign a class to an element:

  1. Open the Row, Column, or Module settings.
  2. Click the "Advanced" tab.
  3. Scroll to the bottom.
  4. Enter your desired class in the "Classes" field. (To add multiple classes, separate them with a space.)
  5. Hit "Save"

Bonus: You can add the class invert to any element to create inverted text (like this!)

Click to open larger.

Featured

Dynamic - Featured Event

Tip: Use this as a base for creating your own feed item layouts. This one is useful for meta-heavy results.

Please try a different search.

Feed

Dynamic - Feed - News

Tip: Use this as a base for creating your own feed item layouts. This one is useful for meta-heavy results.

Dynamic - Feed - Awards

Tip: Use this as a base for creating your own feed item layouts. This one is useful for meta-heavy results.

Example Award Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut…

Example Award Two

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.

Example Award One

Sunt in culpa qui officia deserunt mollit anim id est laborum.

Grids

Dynamic - Grid - Featured Events

Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.

Please try a different search.

Dynamic - Grid - Events Grid

Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.

Please try a different search.

Dynamic - Grid - Resources

Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.

Example Resource Five

Dolor sit amet consectetur adipiscing.

Example Resource Six

Dolor sit amet consectetur adipiscing.

Example Resource Seven

Dolor sit amet consectetur adipiscing.

Dynamic - Grid - People

Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.

Mike Madrid
Mike Madrid
Lafayette, Ind.
Tim McNelis
Tim McNelis
Indianapolis, Ind.
Brad Henry
Brad Henry
Columbia, Tenn.

Filters

Dynamic - Grid with Filters - Posts

Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.

May 7, 2025
ATSS Foundation awards nine scholarships for 2025-26 academic year

ATSS Foundation awards nine scholarships for 2025-26 academic year The ATSS Foundation awarded Roadway Worker Memorial Scholarships to nine students…

May 5, 2025
Epic Solutions awards company handliner to winning bidder

Epic Solutions awards company handliner to winning bidder Epic Solutions Inc. announced Davies Imperial Coatings as the winning bidder for…

April 3, 2025
National Work Zone Memorial spotlights the cost of work zone crashes

National Work Zone Memorial spotlights the cost of work zone crashes 20 new names in 2025 brings work zone crash…

March 13, 2025
3M’s 10 years of fundraising add up for ATSS Foundation

3M’s 10 years of fundraising add up for ATSS Foundation Toward Zero Deaths Pledge Wall started with 3M’s iconic Post-it…

March 5, 2025
2025 Convention & Traffic Expo draws global interest, sets another record

2025 Convention & Traffic Expo draws global interest, sets another record Traffic Expo new features and education day proved popular…

February 25, 2025
Now Online – ATSSA and the ATSS Foundation Annual Reports: Advancing Roadway Safety in 2024

Now Online – ATSSA and the ATSS Foundation Annual Reports: Advancing Roadway Safety in 2024 ATSSA and the ATSS Foundation…

January 29, 2025
Roadway Worker Memorial Scholarships offer pathway to success

Roadway Worker Memorial Scholarships offer pathway to success Students encouraged to apply by Feb. 15 for up to $11,000 in…

January 23, 2025
Gain advocacy, chapter insights in Winter issue of Roadway Safety

Gain advocacy, chapter insights in Winter issue of Roadway Safety Texas roundtable, roadway markings research also featured Roadway Safety magazine…

Dynamic - Grid with Filters - Resources

Tip: This row has the class .open-grid-filters-content that allows the content to have a different 'open' layout. This class only works with the configuration this whole row/content has. Please don't add this class to any other row.

Example Resource Five

Dolor sit amet consectetur adipiscing.

Example Resource Six

Dolor sit amet consectetur adipiscing.

Example Resource Seven

Dolor sit amet consectetur adipiscing.

Dynamic - Feed - Grid with Filters - Groups

Tip: This row has the class .open-grid-filters-content that allows the content to have a different 'open' layout. This class only works with the configuration this whole row/content has. Please don't add this class to any other row.

Example Group Five

Hac habitasse platea dictumst quisque sagittis. Lacus viverra vitae congue eu. Et pharetra pharetra massa massa ultricies. Eleifend mi in…

Example Group Six

Hac habitasse platea dictumst quisque sagittis. Lacus viverra vitae congue eu. Et pharetra pharetra massa massa ultricies. Eleifend mi in…

Example Group Seven

Hac habitasse platea dictumst quisque sagittis. Lacus viverra vitae congue eu. Et pharetra pharetra massa massa ultricies. Eleifend mi in…

EXTRAS

Dynamic - Related Content - Posts

Related News

July 18, 2022
Help teen drivers safely navigate work zones

The ATSS Foundation is partnering with Work Zone Safe to teach teen drivers how to safely navigate roadway work zones. The online program is currently only available to teens who live in Oklahoma but could be expanded to other states. Learn about the program and how to bring it to your state during a free webinar, "No More Pamphlets! Modernizing Teen Driver Work Zone Safety," on Aug. 9, 2-3 p.m. ATSSA members and representatives from departments of transportation DOTs are encouraged to attend. The ATSS Foundation is partnering with Work Zone Safe to teach teen drivers how to safely navigate roadway work zones. The online program is currently only available to teens who live in Oklahoma but could be expanded to other states. Learn about the program and how to bring it to your state during a free webinar, "No More Pamphlets! Modernizing Teen Driver Work Zone Safety," on Aug. 9, 2-3 p.m. ET.  ATSSA members and representatives from departments of transportation DOTs are encouraged to attend. Webinar participants include: Lori Diaz, Director, The ATSS Foundation moderator Tom Robins, founder, Work Zone Safe Haley Norman, Chapter President, Oklahoma ATSSA Chapter Paul Harris, Director, Oklahoma Highway Safety Office Lauren Parrish, P.E., State Traffic Engineer, Oklahoma Department of Transportation Marty Farris, Traffic Engineering Division, Oklahoma Department of Transportation Thanks to a grant from the PPG Foundation of Pittsburgh, The ATSS Foundation worked with Work Zone Safe to develop the free interactive program that teaches teen drivers the importance of work zone safety including the importance of safe driving habits, the results of speeding and inattentiveness, and how to read work zone signage, operate within queuing and navigate night work zones. It also covers how to understand work zone devices, pavement markings and mobile operations. mobile operations. In the first year of its adoption in Oklahoma, more than 12,000 Oklahoma teens representing more than 250 high schools took part in the work zone safety program. Register now for the free webinar to help teach teen drivers the importance of work zone safety.

July 7, 2022
ATSS Foundation partners to offer teen driver education for work zones

The American Traffic Safety Services ATSS Foundation is partnering with Work Zone Safe to educate teen drivers on how to safely navigate work zones. Thanks to a grant from the PPG Foundation of Pittsburgh, The ATSS Foundation worked with Work Zone Safe to develop a free interactive training program that teaches teen drivers the importance of work zone safety including how to navigate a work zone. The curriculum addresses the importance of safe driving habits, the results of speeding and inattentiveness, and how to read work zone signage, operate within queuing and navigate night work zones. It also covers how to understand work zone devices, pavement markings and mobile operations. mobile operations. “We are excited to be addressing this gap in driver education for teens,” ATSS Foundation Director Lori Diaz said. “The information in this curriculum is critical in helping the next generation of drivers protect themselves and roadway workers as we continue working toward zero deaths on the nation’s roads and highways. We hope departments of transportation in states across the country will be interested in making the curriculum available in their jurisdictions.” The American Traffic Safety Services ATSS Foundation is partnering with Work Zone Safe to educate teen drivers on how to safely navigate work zones. Thanks to a grant from the PPG Foundation of Pittsburgh, The ATSS Foundation worked with Work Zone Safe to develop a free interactive training program that teaches teen drivers the importance of work zone safety including how to navigate a work zone. The curriculum addresses the importance of safe driving habits, the results of speeding and inattentiveness, and how to read work zone signage, operate within queuing and navigate night work zones. It also covers how to understand work zone devices, pavement markings and mobile operations. mobile operations. The work zone safety online course is free and currently available only for Oklahoma teens where completion of the program could qualify the individual for a reduced rate on the family’s insurance policy. “We are excited to be addressing this gap in driver education for teens,” ATSS Foundation Director Lori Diaz said. “The information in this curriculum is critical in helping the next generation of drivers protect themselves and roadway workers as we continue working toward zero deaths on the nation’s roads and highways. We hope departments of transportation in states across the country will be interested in making the curriculum available in their jurisdictions.” The Centers for Disease Control and Prevention notes that motor vehicle crashes are the second leading cause of death for teens and that crash risks are highest in the first months a teen is licensed. In addition, most people killed in work zone traffic crashes are drivers and their passengers. In 2020, 857 people were killed in work zone crashes, 740 of whom were not roadway workers, according to the National Work Zone Safety Information Clearinghouse. Teens who complete the Work Zone Safe course are entered into a monthly drawing for a $500 educational scholarship. The ATSS Foundation is providing funding to award a scholarship each month. The course is open to teens aged 15-19. Every Oklahoma teen who completes the program also receives a one-hour jump pass for Sky Zone in Edmond, Okla. Any state or state department of transportation DOT interested in offering the program can contact Diaz lori.diaz@atssa.com for details on how to adapt the program. The ATSS Foundation is the charitable arm of the American Traffic Safety Services Association.  It was formed in 1988 with the core purpose to promote roadway safety through charitable giving and public awareness programs.

July 6, 2022
Join ATSSA’s Midyear Meeting in Rhode Island

Join roadway safety professionals for ATSSA’s Midyear Meeting to help shape policies and initiatives for the roadway safety infrastructure industry for the coming year. Network with more than 350 industry professionals from across the country who are gathering in Providence, R.I., to further innovation and infrastructure for roadway safety, Aug. 23-26. The meeting is tailored to national committee members and friends to learn, network and build leadership skills. “These meetings are critical to the work of our Association,” said ATSSA President & CEO Stacy Tetschner. “We lay the groundwork for many efforts and innovations for advancing roadway safety at our committee and council meetings. We were pleased by last year’s record-breaking attendance of 381 and hope to exceed that this year as we work to develop roadway safety plans that utilize the funding approved in the Infrastructure Investment & Jobs Act.” Join roadway safety professionals for ATSSA’s Midyear Meeting to help shape policies and initiatives for the roadway safety infrastructure industry for the coming year. Network with more than 350 industry professionals from across the country who are gathering in Providence, R.I., to further innovation and infrastructure for roadway safety, Aug. 23-26. The meeting will be held at the Omni Providence Hotel and is tailored to national committee members and friends to learn, network and build leadership skills. “These meetings are critical to the work of our Association,” said ATSSA President & CEO Stacy Tetschner. “We lay the groundwork for many efforts and innovations for advancing roadway safety at our committee and council meetings. We were pleased by last year’s record-breaking attendance of 381 and hope to exceed that this year as we work to develop roadway safety plans that utilize the funding approved in the Infrastructure Investment & Jobs Act.” Registration is free for ATSSA committee and council members but is required so register now. Public agency and department of transportation DOT employees who are ATSSA members also register for free and should request the discount code from meetings@atssa.com if they are not also a committee or council member. Reserve hotel rooms within the ATSSA room block online or by calling 401-598-8000 by Aug. 5. The Midyear Meeting includes an ATSS Foundation Fundraiser on Aug. 24 from 6:30-9:30 p.m. The fundraiser is hosted by the New England ATSSA Chapter with New England Highway Technologies as title sponsor. Purchase fundraiser tickets during registration $60 advance, $75 onsite and enjoy a New England-style dinner, games, prize drawings and entertainment from Stone Shakers, the group that won ATSSA’s Battle of the Bands contest in 2021. “The ATSS Foundation appreciates the work of the New England ATSSA Chapter in organizing this fundraiser, which supports Foundation programs including the Roadway Worker Memorial Scholarship, Chuck Bailey Scholarship, the National Work Zone Memorial and our youth activity book,” said Foundation Director Lori Diaz. “The Squantum Association facility is beautiful, historic and overlooks Narragansett Bay, providing a wonderful setting for the evening’s activities.” The full schedule of Midyear Meeting events is below. Registration and hotel booking are now available. Tuesday, Aug. 23 11 a.m.-1 p.m. – Member Engagement Committee 1:30-5:30 p.m. ­­– Chapter Presidents’ Council 6-7 p.m. – Chapter Presidents Council Reception by invitation only Wednesday, Aug. 24 8:30-9:30 a.m. – General Session 9:45 a.m.-noon – Work Zone ITS Subcommittee 9:45 a.m.-noon – Women in Roadway Safety Council 9:45 a.m.-noon – Strategic Highway Safety Plan Council 1-5 p.m. – High Friction Surface Treatment Council 1-5 p.m. – Innovation Council 5:30-6:30 p.m. – ATSSA Reception 6:30-9:30 p.m. – ATSS Foundation Event Thursday, Aug. 25 8 a.m. to noon – Guardrail Committee 8 a.m. to noon – Pavement Marking Committee 8 a.m. to noon – Sign Committee 1-5 p.m. – Temporary Traffic Control Committee 1-5 p.m. – Traffic Signals Committee 1-5 p.m. – Safety & Public Awareness Committee 6-7 p.m. – PAC Reception Friday, Aug. 26 8-9 a.m. – PAC Oversight Committee 9 a.m.-noon – Roadway Worker Protection Council 9 a.m.-noon – Government Relations Committee

Dynamic - Related Content - Events

Related Events

Please try a different search.

Dynamic - Related Content - Resources

Related Resources

Example Resource Five

Dolor sit amet consectetur adipiscing.

Example Resource Six

Dolor sit amet consectetur adipiscing.

Example Resource Seven

Dolor sit amet consectetur adipiscing.