SPECIAL Olympics of massachusetts

Page Builder

1. Hero Options

Hero banners are large, prominently displayed sections at the top of a webpage, often spanning the full width of the screen.

Hero banners are the first thing visitors see when they land on a webpage. They create a powerful and visually appealing introduction to your website, immediately capturing attention and setting the tone for the overall user experience.

We have created two similar Hero banners, the simple one, and a more complex banner with intro body copy and buttons, in case it's needed.Here we are listing all the versions we are currently using, the only difference is the background image.

👉 Keep in mind hero banners are exclusively at the very beginning of the page.
👉 The top margin we are using on all Hero banners is important, do not delete nor edit this.

hero opt1

The greatest place for your title

Body copy as an introduction. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula tempus sem. Morbi in posuere magna. Ut commodo risus at libero pellentesque vulputate. Morbi efficitur maximus urna eget pulvinar.

hero opt2

The greatest place for your title

Body copy as an introduction. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula tempus sem. Morbi in posuere magna. Ut commodo risus at libero pellentesque vulputate. Morbi efficitur maximus urna eget pulvinar.

hero opt3

The greatest place for your title

Body copy as an introduction. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula tempus sem. Morbi in posuere magna. Ut commodo risus at libero pellentesque vulputate. Morbi efficitur maximus urna eget pulvinar.

hero opt4

The greatest place for your title

Body copy as an introduction. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula tempus sem. Morbi in posuere magna. Ut commodo risus at libero pellentesque vulputate. Morbi efficitur maximus urna eget pulvinar.

hero opt5

The greatest place for your title

Body copy as an introduction. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula tempus sem. Morbi in posuere magna. Ut commodo risus at libero pellentesque vulputate. Morbi efficitur maximus urna eget pulvinar.

Hero opt simple

The greatest place for your title

2. Split Content

The "Split Content" layout is a common design pattern used to display content in a divided or asymmetrical manner. It allows you to present different types of content side by side, such as text, images, or other elements.

split content image right

The greatest place for your title - H2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a venenatis purus, in malesuada arcu. Donec ligula diam, pharetra sit amet pharetra ac, ultrices a ipsum. Sed quam odio, commodo vel odio eget, mollis egestas ex. Maecenas magna felis, rhoncus ut sapien quis, rutrum malesuada mauris. Proin at purus diam.

Duis venenatis turpis eu tellus faucibus, vel molestie dui congue. Donec ut facilisis urna. Cras sodales, augue quis rhoncus varius, nibh metus consequat lacus, in blandit mi orci eget quam. Sed magna sapien, fermentum ut ante a, pharetra viverra odio. In interdum risus nisi, eu eleifend elit dapibus quis.

a player from SOMA swimming
split content image left

The greatest place for your title - H2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a venenatis purus, in malesuada arcu. Donec ligula diam, pharetra sit amet pharetra ac, ultrices a ipsum. Sed quam odio, commodo vel odio eget, mollis egestas ex. Maecenas magna felis, rhoncus ut sapien quis, rutrum malesuada mauris. Proin at purus diam.

Duis venenatis turpis eu tellus faucibus, vel molestie dui congue. Donec ut facilisis urna. Cras sodales, augue quis rhoncus varius, nibh metus consequat lacus, in blandit mi orci eget quam. Sed magna sapien, fermentum ut ante a, pharetra viverra odio. In interdum risus nisi, eu eleifend elit dapibus quis.

split content image right + lightbox with video

The greatest place for your title - H2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a venenatis purus, in malesuada arcu. Donec ligula diam, pharetra sit amet pharetra ac, ultrices a ipsum. Sed quam odio, commodo vel odio eget, mollis egestas ex. Maecenas magna felis, rhoncus ut sapien quis, rutrum malesuada mauris. Proin at purus diam.

Duis venenatis turpis eu tellus faucibus, vel molestie dui congue. Donec ut facilisis urna. Cras sodales, augue quis rhoncus varius, nibh metus consequat lacus, in blandit mi orci eget quam. Sed magna sapien, fermentum ut ante a, pharetra viverra odio. In interdum risus nisi, eu eleifend elit dapibus quis.

A man and a girl wearing their volunteer tshirts smiling
Placeholder image for reference purposes
split content multiple images - left

The greatest place for your title - H2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a venenatis purus, in malesuada arcu. Donec ligula diam, pharetra sit amet pharetra ac, ultrices a ipsum. Sed quam odio, commodo vel odio eget, mollis egestas ex. Maecenas magna felis, rhoncus ut sapien quis, rutrum malesuada mauris. Proin at purus diam.

Duis venenatis turpis eu tellus faucibus, vel molestie dui congue. Donec ut facilisis urna. Cras sodales, augue quis rhoncus varius, nibh metus consequat lacus, in blandit mi orci eget quam. Sed magna sapien, fermentum ut ante a, pharetra viverra odio. In interdum risus nisi, eu eleifend elit dapibus quis.

split content multiple images - right

The greatest place for your title - H2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a venenatis purus, in malesuada arcu. Donec ligula diam, pharetra sit amet pharetra ac, ultrices a ipsum. Sed quam odio, commodo vel odio eget, mollis egestas ex. Maecenas magna felis, rhoncus ut sapien quis, rutrum malesuada mauris. Proin at purus diam.

Duis venenatis turpis eu tellus faucibus, vel molestie dui congue. Donec ut facilisis urna. Cras sodales, augue quis rhoncus varius, nibh metus consequat lacus, in blandit mi orci eget quam. Sed magna sapien, fermentum ut ante a, pharetra viverra odio. In interdum risus nisi, eu eleifend elit dapibus quis.

A man with sunglassesA group of three women smiling and waving up
A little girls holding some game flags

Directions to the center

Location

Yawkey Sports Training Center
512 Forest Street
Marlborough, MA 01752
Our phone number is: 508-485-0986

3. Cards

Card components are commonly used to display organized and visually appealing content in a grid or list format. They are versatile elements that can be used to showcase various types of information, such as products, articles, team members, or portfolio items.

For this website refresh, we included different type of cards, specially to show relevant information, display some numbers/stats, or even to list member of the SOMA staff.

All different types of cards are listed here:

2- column cards w colors

The greatest place for your title - H3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a venenatis purus, in malesuada arcu. Donec ligula diam, pharetra sit amet pharetra ac, ultrices a ipsum.

Baseball bat

H4 - Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a venenatis purus, in malesuada arcu. Donec ligula diam, pharetra sit amet pharetra ac, ultrices a ipsum.

Learn more  
School Building

H4 - Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a venenatis purus, in malesuada arcu. Donec ligula diam, pharetra sit amet pharetra ac, ultrices a ipsum.

Learn More
Community and teamwork

H4 - Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a venenatis purus, in malesuada arcu. Donec ligula diam, pharetra sit amet pharetra ac, ultrices a ipsum.

Learn More 
Award Medal

H4 - Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a venenatis purus, in malesuada arcu. Donec ligula diam, pharetra sit amet pharetra ac, ultrices a ipsum.

Learn More 
2 - column cards

The greatest place for your title - H3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a venenatis purus, in malesuada arcu. Donec ligula diam, pharetra sit amet pharetra ac, ultrices a ipsum.

H4 - Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a venenatis purus, in malesuada arcu. Donec ligula diam, pharetra sit amet pharetra ac, ultrices a ipsum.

Learn more  

H4 - Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a venenatis purus, in malesuada arcu. Donec ligula diam, pharetra sit amet pharetra ac, ultrices a ipsum.

Learn More

H4 - Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a venenatis purus, in malesuada arcu. Donec ligula diam, pharetra sit amet pharetra ac, ultrices a ipsum.

Learn More 

H4 - Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a venenatis purus, in malesuada arcu. Donec ligula diam, pharetra sit amet pharetra ac, ultrices a ipsum.

Learn More 
3 - column cards

The greatest place for your title - H3

Pin

H4 - Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a venenatis purus, in malesuada arcu. Donec ligula diam, pharetra sit amet pharetra ac, ultrices a ipsum.

Financial Report

H4 - Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a venenatis purus, in malesuada arcu. Donec ligula diam, pharetra sit amet pharetra ac, ultrices a ipsum.

Annual Report

H4 - Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a venenatis purus, in malesuada arcu. Donec ligula diam, pharetra sit amet pharetra ac, ultrices a ipsum.

Stat Icon

123,456

Stat text
Stat Icon

123,456

Stat text
Stat Icon

123,456

Stat text
Stat Icon

123,456

Stat text

123,456

Stat text

123,456

Stat text

123,456

Stat text

123,456

Stat text

123,456

Stat text

123,456

Stat text

123,456

Stat text

123,456

Stat text

123,456

Stat text

You can have a title here
Terry Keilty

VP of Program Partnerships

Email
Patti Doherty

VP of Schools and Community Development

Email
Kathy Lutz

Schools and Unified Sports Manager

Email
Vicky DiNatale

Competition and Fitness Coordinator

Email
Rachel Carron

Manager of Inclusive City Initiatives

Email
Stephen Basden

Director of City Initiatives

Email

4. Tabs

Tabs are interactive user interface elements that allow users to switch between different sections or content within a single space without reloading the page. They are often used to organize and present a large amount of information or multiple views in a compact and intuitive manner.

We have two different options for tabs: horizontal and vertical.

Horizontal tabs are mainly used on the Sport Leagues pages, and Vertical tabs are being used on pages like "Inclusive Schools" and "Athlete Leadership" to explain the different programs and their details.

vertical tabs

The greatest place for your title - H2

H4 - Title 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc interdum, ipsum vel ullamcorper scelerisque, urna magna placerat mi, et tempor ipsum nibh aliquet ex. Phasellus at sagittis metus. Aliquam et luctus massa. Morbi augue tellus, varius ut placerat ut, venenatis quis urna. Duis consectetur ipsum et viverra mollis.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc imperdiet, lectus vel tincidunt lacinia, sapien est volutpat neque, ut fringilla nibh elit facilisis diam. Morbi vitae ex scelerisque, feugiat urna sit amet, pulvinar metus.Sed consequat metus mollis, tristique neque at, tempus eros. Duis placerat dui sit amet odio pellentesque, tempus volutpat elit finibus.

Phasellus ut diam rutrum, vehicula arcu vel, finibus enim. Nam felis lacus, venenatis at aliquam id, auctor semper libero. Donec et magna condimentum, sodales eros quis, feugiat turpis. Sed justo diam, efficitur non efficitur semper, sollicitudin a ligula. Nam venenatis tortor non lobortis rhoncus. Suspendisse quis gravida velit, ut eleifend orci. Pellentesque blandit quam rhoncus purus feugiat, eget efficitur ante vestibulum. Pellentesque ut sem eu orci porta malesuada nec at mi. Aenean vitae venenatis augue. Vivamus in laoreet arcu.

H4 Title 2

Summary

Donec at massa orci. Morbi pellentesque eu justo eu pulvinar. In hac habitasse platea dictumst. Vestibulum in tellus ligula. Donec et hendrerit ex, ut accumsan arcu. Sed suscipit lorem a ultrices varius. Donec finibus leo enim, ut scelerisque risus euismod vel. Vivamus at egestas odio. Nulla condimentum, turpis a laoreet vestibulum, purus sem tempus tellus, ut eleifend dolor lectus in est. Nam et dolor consectetur, interdum nisl id, pharetra justo.

Surveys

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc interdum, ipsum vel ullamcorper scelerisque, urna magna placerat mi, et tempor ipsum nibh aliquet ex. Phasellus at sagittis metus. Aliquam et luctus massa. Morbi augue tellus, varius ut placerat ut, venenatis quis urna. Duis consectetur ipsum et viverra mollis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc imperdiet, lectus vel tincidunt lacinia, sapien est volutpat neque, ut fringilla nibh elit facilisis diam.

Morbi vitae ex scelerisque, feugiat urna sit amet, pulvinar metus.Sed consequat metus mollis, tristique neque at, tempus eros. Duis placerat dui sit amet odio pellentesque, tempus volutpat elit finibus. Phasellus ut diam rutrum, vehicula arcu vel, finibus enim. Nam felis lacus, venenatis at aliquam id, auctor semper libero. Donec et magna condimentum, sodales eros quis, feugiat turpis. Sed justo diam, efficitur non efficitur semper, sollicitudin a ligula. Nam venenatis tortor non lobortis rhoncus. Suspendisse quis gravida velit, ut eleifend orci. Pellentesque blandit quam rhoncus purus feugiat, eget efficitur ante vestibulum. Pellentesque ut sem eu orci porta malesuada nec at mi. Aenean vitae venenatis augue. Vivamus in laoreet arcu.

Criteria For Success

Donec at massa orci. Morbi pellentesque eu justo eu pulvinar. In hac habitasse platea dictumst. Vestibulum in tellus ligula. Donec et hendrerit ex, ut accumsan arcu. Sed suscipit lorem a ultrices varius. Donec finibus leo enim, ut scelerisque risus euismod vel. Vivamus at egestas odio.

  • Whole School Engagement: Awareness and education activities that promote respect and social inclusion and reach the majority of students and school staff members.
  • Inclusive Youth Leadership: Encouraging students with and without intellectual disabilities to take on leading roles as they work with adults in the school to create a socially inclusive environment through sports and other activities.
  • Unified Sports: Opportunities for students with and without intellectual disabilities to participate in a variety of fitness, play, and sports activities alongside one another
Sign Up

Middle School (Ages 12-15)

Surveys

We require all Unified Champion Schools to complete a mid and end of year survey to keep us informed on how your school is meeting the 3 components of Unified Sports, Youth Leadership and Whole School Engagement. The End of Year Survey for schools to complete will be ready soon!

Criteria For Success

In order for your school to be an official Unified Champion School, you must demonstrate the following 3 components. Once your school has these components, you can apply to become a Unified Champion School.

Unified Sports

Special Olympics Unified Sports is a component of the Unified Champion Schools program that engages students with and without intellectual disabilities on the same sports team. Unified Sports provides valuable social inclusion opportunities for all teammates to build friendships on and off the playing field. Through modeling genuine inclusion for the entire school community, all teammates are challenged to improve their sports skills and fitness. In the process, young adolescents with and without intellectual disabilities increase their positive attitudes and perceptions toward their peers and establish friendships.

Options to Implement at Your School:

For other great examples of what unified sports looks like at the Middle School level, please check out the Middle Level Playbook.

Youth Leadership

  • Students with and without intellectual disabilities will be given the opportunity to work together as leaders to advocate for inclusion and promote unified activities within the school and throughout the community.
  • Options to Implement at Your School:
    - Best Buddies (or a like program)
    - National Honors Society
    - Inclusive Student Council
    - Youth Activation Council – A committee of students who bridge together their schools with Special Olympics and Unified Champion Schools to create an inclusive atmosphere made up of students who act as agents of change within their communities and beyond.
  • For other great examples of what inclusive Youth Leadership looks like at the Middle School level, please check out the Inclusive Youth Leadership Guidelines.

Whole School Engagement

  • Special Olympics Unified Champion Schools provide opportunities for all students to learn about and practice social inclusion through sustained engagement, whether during an assembly, as part of a sports experience, or through planned activities that reach the interdisciplinary team or whole school. Through whole school engagement opportunities integrated with inclusive youth leadership and inclusive sports components, the school becomes a powerful community that represents new ways of thinking and acting.
  • Options to Implement at Your School:
    - Spread the Word to End the Word Campaign
    - Unified Pep Rallies and Unified Sports Days
    - Plays and Film Clips
    - Assemblies
    - Fans in the Stands
Sign Up

High School (Ages 14-22)

Surveys

We require all Unified Champion Schools to complete a mid and end of year survey to keep us informed on how your school is meeting the 3 components of Unified Sports, Youth Leadership and Whole School Engagement. The End of Year Survey for schools to complete will be ready soon!

Criteria For Success

In order for your school to be an official Unified Champion School, you must demonstrate the following 3 components. Once your school has these components, you can apply to become a Unified Champion School.

Unified Sports

  • Athletes with and without intellectual disabilities train alongside each other as teammates to promote inclusion, acceptance, and respect.
  • Teams in the Special Olympics Unified Champion Schools Program will engage in a competition that will highlight each athlete's strengths and abilities, making the competition challenging and fun for each participant.

Youth Leadership

  • Students with and without intellectual disabilities will be given the opportunity to work together as leaders to advocate for inclusion and promote unified activities within the school and throughout the community.
  • May include:
    - Best Buddies (or a like program)National Honors Society
    - Student Council
    - Youth Activation Council – A committee of students who bridge together their schools with Special Olympics and Unified Champion Schools to create an inclusive atmosphere made up of students who act as agents of change within their communities and beyond.

Whole School Engagement

Fans in the Stands

  • Students will attend inclusive events to cheer on their peers who are competing in unified events

MASC Plunge

  • Join the MASC in their epic plunge into icy cold Massachusetts water to support your local unified team.

School-Wide R-word Pledge

  • Students with and without disabilities will hold events for and raise awareness on the harmful effects of the word “retard(ed)” as well as encouraging their peers to pledge to end the incorrect and hurtful use of the R-word.

Respect/Pep Rally

  • Students will hold a school wide rally to promote inclusion and to support their peers of all abilities.

College

Summary

College and university campuses across the country have a long history with Special Olympics, from UCLA, to Notre Dame, to Harvard. College campuses were some of the first places to let Special Olympics host games and training. Today, the role of colleges and universities has grown to College Clubs and Unified Sports offered on campuses, that connect college students and individuals with intellectual disabilities through sports to build friendships.

Criteria For Success

In order for your school to be an official Unified Champion School, you must demonstrate the following 3 components. Once your school has these components, you can apply to become a Unified Champion School.

Unified Sports

  • Unified Sports joins college students without intellectual disabilities (Unified partners) and college students or community members with intellectual disabilities (Special Olympics athletes) on the same team – playing together is a quick path to friendship and understanding.
  • At the college level, Unified Sports functions as:
    - Unified Sports Intramurals
    - Unified College Club
    - Unified Health & Fitness
  • For more information about starting a Special Olympics College Club on your campus, please check out the Special Olympics College Club Starter’s Guide.

Inclusive Leadership

  • Inclusive leadership occurs when people of all abilities are given opportunities to be leaders -on their campus. These leadership activities help individuals, both with and without intellectual disabilities, to find their voices and become change agents in their communities by promoting equity and acceptance.
  • At the college level, Inclusive Leadership functions as:
    - Special Olympics College Clubs
    - Student-Athlete Leadership Council (NCAA & NAIA Institutions)

Whole School Engagement

  • Awareness events bring the whole college community together, bringing attention to the need for meaningful inclusion. These events impact numerous stakeholders in a campus community and are great entry points to introduce more students to the Special Olympics movement.
  • At the college level, Whole Campus Engagement functions as:
    - Attending Local Special Olympics Events as Volunteers or Fans in the Stands
    - Organizing “Spread the Word Inclusion” and Respect Campaigns
    - Fundraisers Like Polar Plunges or On-Campus Events
horizontal tabs

The greatest place for your title - H2

Heading for Tab 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc interdum, ipsum vel ullamcorper scelerisque, urna magna placerat mi, et tempor ipsum nibh aliquet ex. Phasellus at sagittis metus. Aliquam et luctus massa. Morbi augue tellus, varius ut placerat ut, venenatis quis urna. Duis consectetur ipsum et viverra mollis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc imperdiet, lectus vel tincidunt lacinia, sapien est volutpat neque, ut fringilla nibh elit facilisis diam.

Morbi vitae ex scelerisque, feugiat urna sit amet, pulvinar metus.Sed consequat metus mollis, tristique neque at, tempus eros. Duis placerat dui sit amet odio pellentesque, tempus volutpat elit finibus. Phasellus ut diam rutrum, vehicula arcu vel, finibus enim. Nam felis lacus, venenatis at aliquam id, auctor semper libero. Donec et magna condimentum, sodales eros quis, feugiat turpis. Sed justo diam, efficitur non efficitur semper, sollicitudin a ligula. Nam venenatis tortor non lobortis rhoncus. Suspendisse quis gravida velit, ut eleifend orci. Pellentesque blandit quam rhoncus purus feugiat, eget efficitur ante vestibulum. Pellentesque ut sem eu orci porta malesuada nec at mi. Aenean vitae venenatis augue. Vivamus in laoreet arcu.

Heading for Tab 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc interdum, ipsum vel ullamcorper scelerisque, urna magna placerat mi, et tempor ipsum nibh aliquet ex. Phasellus at sagittis metus. Aliquam et luctus massa. Morbi augue tellus, varius ut placerat ut, venenatis quis urna. Duis consectetur ipsum et viverra mollis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc imperdiet, lectus vel tincidunt lacinia, sapien est volutpat neque, ut fringilla nibh elit facilisis diam.

Morbi vitae ex scelerisque, feugiat urna sit amet, pulvinar metus.Sed consequat metus mollis, tristique neque at, tempus eros. Duis placerat dui sit amet odio pellentesque, tempus volutpat elit finibus. Phasellus ut diam rutrum, vehicula arcu vel, finibus enim. Nam felis lacus, venenatis at aliquam id, auctor semper libero. Donec et magna condimentum, sodales eros quis, feugiat turpis. Sed justo diam, efficitur non efficitur semper, sollicitudin a ligula. Nam venenatis tortor non lobortis rhoncus. Suspendisse quis gravida velit, ut eleifend orci. Pellentesque blandit quam rhoncus purus feugiat, eget efficitur ante vestibulum. Pellentesque ut sem eu orci porta malesuada nec at mi. Aenean vitae venenatis augue. Vivamus in laoreet arcu.

Heading for Tab 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc interdum, ipsum vel ullamcorper scelerisque, urna magna placerat mi, et tempor ipsum nibh aliquet ex. Phasellus at sagittis metus. Aliquam et luctus massa. Morbi augue tellus, varius ut placerat ut, venenatis quis urna. Duis consectetur ipsum et viverra mollis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc imperdiet, lectus vel tincidunt lacinia, sapien est volutpat neque, ut fringilla nibh elit facilisis diam.

Morbi vitae ex scelerisque, feugiat urna sit amet, pulvinar metus.Sed consequat metus mollis, tristique neque at, tempus eros. Duis placerat dui sit amet odio pellentesque, tempus volutpat elit finibus. Phasellus ut diam rutrum, vehicula arcu vel, finibus enim. Nam felis lacus, venenatis at aliquam id, auctor semper libero. Donec et magna condimentum, sodales eros quis, feugiat turpis. Sed justo diam, efficitur non efficitur semper, sollicitudin a ligula. Nam venenatis tortor non lobortis rhoncus. Suspendisse quis gravida velit, ut eleifend orci. Pellentesque blandit quam rhoncus purus feugiat, eget efficitur ante vestibulum. Pellentesque ut sem eu orci porta malesuada nec at mi. Aenean vitae venenatis augue. Vivamus in laoreet arcu.

5. Blog Articles

This 3-column component allow us to preview some of the recent posts we have uploaded to the CMS. We can customize it so it features specific categories.

If you ever need to change the category featured on this section, follow these steps once you have copied and pasted this component into the page you want
1. Select the "blog-post-list" component.
2. Go to the settings panel (⚙️)
3. Scroll to "Filters"
4. We have already set one category-filter, you can pick any other category you want. You can also add a new filter if you want two categories featured here.

Stories

Our Athletes In Action

Text Link
Point32 Celebrates Special Olympics Athlete Dee Cotter as a ‘Healthy Hero’

Dee Cotter was honored with the Healthy Hero award by Point32Health for her leadership in sport and wellness. A champion athlete and advocate, Dee inspires through inclusion, fitness, and her impact on the Final Leg.

Text Link
Meet the 2025 Hall of Fame Class: Scott Fraser

For nearly 40 years, Scott Fraser has led with heart. From athlete to advocate, he honors his late partner Lauren by sharing the power of inclusion and showing others what it means to keep going.

Text Link
Meet the 2025 Hall of Fame Class: Johnathan and Kyle Titus

Double the laughs, double the impact! The Titus Brothers have lit up courts and hearts. Their bond with law enforcement & passion for inclusion earned them a spot in the 2025 Hall of Fame!

6. FAQ Accordions

A "FAQ component" is a feature or element commonly used on websites to display frequently asked questions and their corresponding answers. It is designed to provide quick access to helpful information and address common inquiries that users may have about a product, service, or topic.

The FAQ component often employs an accordion or toggle functionality, where the answers are initially hidden and can be expanded or collapsed to conserve space and improve user experience. This allows visitors to quickly scan through the questions and expand only the ones they are interested in.

You can add or remove these accordions depending on how many FAQ you have.

FAQ's

Frequently asked questions about [Name of the page]

Couldn’t find what you were looking for? write to us at Ops@SpecialOlympicsMA.org

This could be a question about a sport program?
do you know the answer to this?
This could be a question about a sport program?
How can I get involved to Special Olympics?
FAQ's

Frequently asked questions about [Name of the page]

Couldn’t find what you were looking for? write to us at Ops@SpecialOlympicsMA.org

This could be a question about a sport program?
do you know the answer to this?
This could be a question about a sport program?
How can I get involved to Special Olympics?
This could be a question about a sport program?

7. Fullwidth image divider

A "fullwidth image divider" typically refers to a design element that spans the entire width of the webpage and serves as a visual separator or divider between sections. It is commonly used to add visual interest, break up content, or create a distinct visual hierarchy on a page.

We have been using this component on content-heavy pages to create a visual break for the users.

9. Modals

The purpose of modals can be summed up in one word: focus. If you need visitors to focus on something simple, a modal window is one of the most effective means to do so.