Technology in the Classroom

The Evolution of Learning: A Rich Text Stress Test

This is a standard paragraph. When designing a CMS template, your body copy is the most critical element on the page. It needs to have a comfortable line height (typically around 1.5 to 1.7), a readable font size, and enough contrast against the background to prevent eye strain. You should also check how bold text stands out, how italicized text flows, and ensure that your inline text links have a clear hover state that matches the Fostree brand colors (like your Accent Orange).

Another standard paragraph follows here to test the spacing between sibling paragraphs. You should ideally have about 1.5rem of bottom margin on your paragraphs so the text doesn't look like an intimidating, unreadable wall. Now, let's move on to the hierarchical structure of your article.

This is an H3 Subheading

Headings are the signposts of your content. While your H1 is reserved for the dynamic title at the very top of the page, your H2 and H3 tags do the heavy lifting inside the actual article.

This is an H4 Sub-Subheading

Sometimes articles get deeply technical or highly structured, requiring an H4. It should be distinctly smaller than the H3, perhaps utilizing uppercase styling or a slightly lighter font weight to differentiate it from normal body text.

Testing Lists and Bullet Points

Lists are notoriously tricky in Webflow if you forget to style the left padding. Make sure your bullets align nicely with the standard paragraph text.

The Unordered List (Bullet Points):

• Inquiry-based learning: Encouraging students to ask questions.
• Nature immersion: Connecting the curriculum to the outdoors.
• Technology integration: Using digital tools thoughtfully.
• A slightly longer bullet point that wraps to a second line on mobile devices, ensuring that the line height within the <li> element matches the standard paragraph line height, and that the text doesn't flow underneath the bullet icon itself.

The Ordered List (Numbered):

1. First, we identify the learning objective.
2. Second, we craft an engaging provocation for the students.
3. Third, we facilitate exploration and research.
4. Finally, we reflect on the outcomes and document the growth.

The Power of Blockquotes

Whenever a Fostree educator says something profound, or you cite an educational philosophy, it usually goes into a blockquote. This should look distinctly different from the rest of the text—perhaps with your Light Peach background, a thick Accent Orange left border, and slightly italicized typography.

"Education is not the filling of a pail, but the lighting of a fire. We must create environments where students feel safe enough to take risks, fail forward, and discover their intrinsic motivation. The environment itself is the third teacher."— A classic educational philosophy

‍