The Commons at Horn Library
The contemporary, sophisticated Babson Commons at Horn Library—light, bright, airy, and inviting—is the place on campus to connect, collaborate and caffeinate. Extending across the plaza directly in front of the library, Babson Commons houses three state-of-the-art classrooms, academic and extracurricular resource centers, and additional staff and faculty offices. A four-season garden and café encourage formal and informal meetups. The Commons is also home to the Stephen D. Cutler Center for Investments and Finance, raising the profile of finance at Babson and allowing the Finance Division to expand its curriculum and signature learning experiences.
(Photo credit: Anton Grassl Photography)
“Babson Commons created an opportunity for us to better invest in important elements of the academic experience." With three technology-enabled classrooms, a new home for the Stephen D. Cutler Center for Investments and Finance, additional group and informal study and social spaces, Babson Commons allows the "College and community to continue on its tremendous trajectory of accomplishment and distinction.”
Larry Ward, Vice President for Student Affairs and Dean of Students at Babson
After the successful renovation of Horn Library's third floor study space, Finegold Alexander was invited to design a 10,000-square-foot addition to mark a dramatic new entry for the library. While contemporary in design, the entrance transitions seamlessly into the existing building, reflecting the Babson brand with warm, sophisticated furnishings.
![](https://cdn.prod.website-files.com/5db85faa1251c46219e9721a/5e5400362bce240557cd1b0f_Process_180118-Babson-Collider-model_3.jpg)
“For years, I have seen our students gather at Horn Library, studying and socializing… It was clear to me that they needed more space to do so. At its heart, this is a place for our community to come together—for chance encounters and shared experiences. In this space, we will discuss ideas and extend learning beyond the classroom."
Kerry Healey, former President of Babson College
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 🤙