Boston City Hall Council Chambers
Completed in 1968, City Hall is a leading example of Brutalist architecture in America, featuring exterior facades and interiors of exposed, cast-in-place concrete. Finegold Alexander strategically redesigned the Boston City Hall Council Chamber to enhance accessibility and upgrade the technology and building systems. To resolve code and access deficiencies, Finegold Alexander raised the council chamber floor, eliminating ramps and steps making accessibility in and round the space universal. Other key interventions include acoustical upgrades, technology and lighting improvements.
(Photo credit: Raj Das Photography)
“The wheelchair seating area and the location of the podiums on each end provide real equity for people with disabilities… Thank you for eliminating a huge barrier to civic participation for people with disabilities.”
Commissioner Kristen McCosh, Mayor's Commission for Persons with Disabilities
The importance of the Council Chambers is signaled on the exterior of the iconic Boston City Hall. The Council Chambers are located at the paired windows, extending outward above the building's main entrance, at the right-hand side of this view. Its location is directly below the Boston City Hall inscription.
![](https://cdn.prod.website-files.com/5db85faa1251c46219e9721a/5e4be2ae5d8bac6fdc164767_Process_Boston_City_Hall_shutterstock_89661523_Boston-City-Hall.jpg)
“It has been wonderful to partner with this team to oversee renovations of theCity Council Chamber that will provide universal accessibility while honoring the iconic nature of City Hall’s architecture.”
Boston City Council President Michelle Wu
Webflow Before & After Images
Building an image comparison section in Webflow doesn't need to be difficult, and it shouldn't cost you time or money. Here's a simple solution, we built ontop of the awesome js work from @pehaa
![](https://cdn.prod.website-files.com/5db85faa1251c44fa7e971ef/66a11d9645b2077cb136bf66_Slide%201.png)
![](https://cdn.prod.website-files.com/5db85faa1251c44fa7e971ef/66a11d9645b2077cb136bfd5_Slide%202.png)
Before & After Images
*Update January 2023
We made fixes to all mobile and safari browsers and you should no longer experience issues with those. Thanks!
Overview
Building an image comparison section in Webflow doesn't need to be difficult, and it shouldn't cost you time or money...
Here's a simple solution, we built ontop of the awesome js work from @pehaa.
We've tried to make this really accessible for all users, so what's important here is <Image Wrapper> and the two images inside of it, namely <Image One> and of course <Image Two>. We recommend you size your two images the same, although it will work regardless.
Use <Image Wrapper> to set your maximum width, and copy the code from page settings. That's it, when you publish the page the magic will happen.
Learn more about the sliders JS from @pehaa
![](https://cdn.prod.website-files.com/5db85faa1251c44fa7e971ef/66a11d9645b2077cb136bf29_Flowbase%20Logo.png)
Was it helpful? Please consider supporting us on socials, just tweeting @ us with a thanks helps more than you'll know 🤙