Union Station Intermodal Transportation Center
Listed on the National Register of Historic Place, Union Station has served as a landmark in the City of Worcester since 1911. The building, once a major industrial and transportation center, fell into disrepair after passenger service to the hub ended in 1974. Standing vacant for 25 years the building suffered major deterioration from neglect, vandalism and exposure to the elements. The Worcester Redevelopment Authority played a vital role in saving this building through their plans to recreate the station as an important transportation hub. Finegold Alexander completely restored and adapted the building for reuse as an Intermodal Transportation Center, incorporating commuter rail and bus service, travel support facilities, and a 500-car parking facility. The iconic gleaming white towers that had been destroyed were replicated and reinstalled.
(Photo credit, main image: Union Station, Worcester by Jason Ouellet and Chelsea Creekmore on Flickr.com. License information: https://creativecommons.org/licenses/by/2.0/)
The restoration proceeded without the benefit of original architectural drawings. Detailed on-site measurements and historic photographic research were necessary to recreate missing building details and finishes. Worcester residents even contributed salvaged elements, such as panels of original skylights, to aid in the restoration!
The Great Hall was in a state of near collapse, after 25 years of neglect and deterioration.
![](https://cdn.prod.website-files.com/5db85faa1251c46219e9721a/5e909cc74de5a53477e112a9_012.jpg)
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 🤙