Alice K. Wolf Center
Finegold Alexander worked with the City of Cambridge to transform the historic Cambridge Police Headquarters into an open, collaborative environment for three distinct community service agencies: the Cambridge Housing Authority, the Multi-Service Center and the Community Learning Center. The 1933 building—with its near original mechanical systems and low ceiling heights—had stood empty since 2008. The exterior was completely restored, including original copper roof details. All spaces were made accessible. Natural daylight and ventilation were provided for all the occupants, providing a calming environment for the building’s service providers as well as the community members they serve.
(Photo credit: Neil Alexander Photography)
“It’s a win-win-win-win”
Richard Rossi, former Cambridge City Manager
The design removed the existing boiler stack at the core of the building and included the installation of all-new highly efficient mechanical and lighting systems. Designed to achieve a 43% energy savings over Code, with a focus on occupant comfort and daylighting, the project achieved LEED Gold. Exterior walls and roof were restored and insulated and new high performance, historically appropriate windows were installed.
![](https://cdn.prod.website-files.com/5db85faa1251c46219e9721a/61533c85fe85d60da98fdda6_21_0927_Alice-K-Wolf_sustainability-axon-diagram.gif)
“We were able to remain in Central Square which is a benefit [to our clients and staff], and that’s a big thing because we could not duplicate this anywhere else in Central Square in today’s market.”
Greg Russ, former Executive Director, Cambridge Housing Authority
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 🤙