Skip to main content

Outline Overlap Boxes

A solid pink diamond shape centered on a dark background. Icon Matrix

Outline Overlap Boxes

How to Use the Component

The Icon Matrix component is one of Smart Sites’ most adaptable and dynamic tools, offering 10 unique design styles to present content in a highly visual layout. It allows you to transform static information into interactive grids that guide site visitors effortlessly. By pairing clean iconography with flexible text and link structures, you can build engaging hubs for navigating complex sites or showcasing key data points.

Common ways to use this component include:

A blurry image of a bright yellow, diamond-shaped object against a dark background.Popular Links & Quick Access: Direct users to frequently visited pages, portals, or external resources using intuitive visual cues.

A blurry image of a bright yellow, diamond-shaped object.Facts, Figures & Milestones: Highlight key statistics, metrics, or achievements using eye-catching visual counters.

A blurry, close-up image of a solid yellow shape on a dark background.School, Program & Course Directories: Outline academic pathways, featured programs, or campus locations in organized grids.

A blurry, close-up image of a vibrant yellow diamond shape against a dark background.Core Values & Mission Statements: Present organizational pillars, staff spotlights, or community initiatives with clear visual emphasis.

Access­ible Colors & Custom Icons

Combine custom brand palettes with built-in ADA contrast guardrails while selecting from FontAwesome icons or uploading custom graphics.

Interactive Links & Lightboxes

Attach internal/external URLs to icons or trigger pop-up lightboxes to display additional details and media without leaving the page.

Flex­ible Layouts & Responsive Displays

Choose from four structural component bodies, control the exact number of icons per row, and set items to wrap or scroll horizontally.

Dynamic Counters & Styling Controls

Engage visitors with animated number counters, shareable content options, and five icon size options paired with left or center alignment.

Examples

Facts & Figures

At a Glance

Get to know us and start your journey here.
 

View the Full District Profile

968

Currently enrolled students

99%

Average graduation rate

44

Clubs and co-curriculars

87%

Average college enrollment

Social Media

Whether it’s celebrating student achievements, sharing resources for parents, or providing essential updates, our social media channels are a great way to stay informed. Follow us now and never miss a moment!

Featured People

Join us in celebrating the achievements and aspirations of our graduating class.

Corey Savage
Senior Student

Corey Savage is a dedicated and ambitious senior known for his leadership and enthusiasm both in and out of the classroom. A top performer academically, Corey is also actively involved in student government, the debate team, and the school’s community service initiatives.

With a passion for innovation and problem-solving, Corey plans to pursue a degree in engineering after graduation. In his free time, he enjoys playing basketball, volunteering at local charities, and exploring creative projects. Corey is an inspiring role model for his peers and a proud member of our school community.

Sasha Minium
Senior Student

Sasha Minium is a motivated and creative senior who excels both academically and artistically. She is an active member of the school’s art club and drama program, where she showcases her talent and passion for storytelling.

In addition to her artistic pursuits, Sasha volunteers at local community events and is known for her friendly and supportive nature. She plans to study graphic design in college and hopes to one day work in the creative arts industry. Sasha’s energy and creativity make her a valued part of our school community.

Sasha Minium
Senior Student

Mia Belle is an accomplished and driven senior with a passion for academics and community service. She is a member of the National Honor Society and serves as captain of the varsity volleyball team, leading with dedication and teamwork.

Outside of school, Mia volunteers at a local animal shelter and mentors younger students through peer tutoring programs. She plans to pursue a degree in environmental science and hopes to make a positive impact on the planet. Mia’s leadership and commitment make her an inspiring role model within our school community.

Damien Harden
Senior Student

Damien Harden is a talented and goal-oriented senior known for his excellence in both academics and athletics. As a standout member of the track and field team, Damien has earned multiple awards for his dedication and performance.

Off the field, he is an active participant in the STEM club, where he explores his passion for engineering and technology. Damien plans to study mechanical engineering in college and aspires to design innovative solutions that improve everyday life. His determination and leadership make him a respected member of our school community.

Corrine Shellock
Senior Student

Corrine Shellock is a compassionate and hardworking senior who excels academically and is deeply involved in her community. She serves as president of the Environmental Club, leading initiatives to promote sustainability and environmental awareness.

Outside of school, Corrine volunteers at a local food bank and enjoys hiking and photography. She plans to pursue a degree in environmental studies and aims to make a meaningful impact through conservation efforts. Corrine’s dedication and positive spirit make her a valued member of our school community.