Gladstone Elementary School
Finegold Alexander is working closely with the City of Cranston on the design of the new Gladstone Elementary School, to replace an existing 1950’s-era school. With an enrollment of 798 students serving grades K- through 5, the new facility will serve as the international school for the City of Cranston which includes the consolidation of both Gladstone and Arlington Elementary Schools. The design team is leveraging the existing site topography to create a compact building footprint, promoting energy efficiency. The school’s layout optimizes the building’s solar orientation to maximize natural daylight and views for both teachers and students.
Gladstone Elementary School will feature 3+ stories of teaching and learning, with a building design that is innovative when compared to most traditional classrooms. Instead of arranging classrooms along a central corridor, the six distinct Learning Communities are each designed as a single suite of interconnected rooms. Curiosity Centers with purpose-built music, art and maker spaces serve to connect the Learning Communities on each floor. Learning opportunities extend beyond the building proper to the larger site. Outdoor activities are encouraged with three outdoor learning areas, multiple playgrounds, and a community garden.
Click here to read more about Gladstone Elementary School in Boston Real Estate Times.
“I wanted to tell you how pleased I am with your firm right now. You are doing exactly what I thought you could do. We do things very differently [in Cranston] and you have adopted our approach.”
--Ed Collins, Director of Plant Operations, Cranston Public Schools
“This is community (and) student-centered-driven from all aspects … It’s just such a great design! Thank you for taking all our feedback and listening along the way. Obviously, you made it very intentional in the design, and we greatly appreciate that.”
--Roxanne Gustafson, Executive Director of Curriculum, Assessment and Grants, Cranston Public Schools
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 🤙