Hero (Layout: Photo Bg + Content)

Content Positioning: Wrapper edge (default)

Hero (Layout: Video Bg + Content)

Content Positioning: Padded (as used on homepage)

Hero below this has Layout: Video Boxed

Quote + Text/Image

Layout: [Quote][Text/Image], Space Above: Small, Space Below: Medium.

Quote here. Fusce tempor porttitor mauris nec scelerisque. Nunc tempor nisl augue, sit amet imperdiet ex venenatis quis. Quisque convallis, nisi sit amet interdum tincidunt, erat orci efficitur nisi, vel condimentum nibh dolor vel lacus. Nullam at molestie mi.

Quote + Text/Image

Layout: [Text/Image][Quote], Space Below: Large.

Quote here. Phasellus sodales lectus consectetur diam tempor, et aliquet justo tristique. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam sit amet finibus enim. Aliquam erat volutpat.

Icon + Text Columns

You can add 2-4 columns

  • Background: white

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a egestas est. Quisque feugiat arcu urna, nec faucibus diam lobortis vitae. In tristique enim magna, et accumsan sem placerat ut.

  • Add Intro: On

    In varius massa non convallis sagittis. In vitae nulla dapibus, commodo lectus ut, aliquet odio. Interdum et malesuada fames ac ante ipsum primis in faucibus.

  • Space Below: Medium

    Aenean bibendum pellentesque vehicula. Quisque ut dui aliquam, mollis lectus ac, fringilla nisl. Pellentesque iaculis, felis vel suscipit hendrerit, augue felis cursus est, sit amet iaculis enim odio elementum turpis.

  • Sed mollis ornare nunc ac eleifend

    Sed et sagittis odio, et ornare purus. Donec et elit ac est sollicitudin interdum at nec elit. Donec nibh metus, facilisis ac tincidunt nec, commodo ac nulla. Curabitur facilisis libero ut vestibulum mattis. Integer vestibulum iaculis vulputate.

  • Icon + Text Columns

    Sed pretium ipsum quis tempus dapibus. Nam ac tellus iaculis, sagittis tortor vel, consectetur metus. Etiam id risus cursus, ornare magna nec, gravida erat. Morbi lacinia tristique nisl, et malesuada tortor pharetra non.

  • Background: Blue Gradient

    Sit amet imperdiet ex venenatis quis. Quisque convallis, nisi sit amet interdum tincidunt, erat orci efficitur nisi, vel condimentum nibh dolor vel lacus. Nullam at molestie mi.

  • Add Intro: Off, Spacing: Large

    Tristique convallis hendrerit quis, sagittis eget lectus. Nulla maximus eu magna vel faucibus. Donec quam nibh, aliquet nec orci et, fermentum gravida nunc.

Photo Circles

  • 1

    Can have 2-4 circles

  • 2

    Optional intro and button, this example shows it with both

  • 3

    Spacing: Medium

  • 4

    Proin placerat sodales ligula. Etiam mauris orci, convallis quis convallis in.

  • Quote Slider, Background Color: White, Spacing Above: None, Spacing Below: Medium

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Quote Slider, Background Color: Light Gray, Overlap bottom of background color: Yes, Spacing: Medium

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Full Width Image + Blue Box Overlay

Content Type: Content editor + Stats, Space Above: none, Space Below (desktop): Large, Space Below (mobile): Medium

  • 100%

    Stats can go here with some supporting details

  • $419

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • 8.8x

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Layout: [Image][Blue Box]

Boxed Image + Blue Box Overlay

Button

Layout: [Blue Box][Image]

Boxed Image + Blue Box Overlay

Spacing: Medium

Content Editor

Width: thin, Background color: Light gray, Desktop spacing: Medium, Mobile spacing: XS.

The module below this is: Events

It’s content pulls in dynamically. Spacing: Large.

2024

  • May15

    Collaborative by Classy

    Collaborative by Classy brings together forward-thinking nonprofit professionals and social sector experts. Together, we will uncover the ideas and strategies necessary to propel our sector forward.

    See Details

Content Editor

Width: Wide, Background color: White (default), Space Below (desktop): Medium, Space Below (mobile): Small.

Content Editor

Width: medium, Background color: Blue gradient, Space Above (desktop): Medium, Space Below (desktop): Large, Space Above (mobile): Small, Space Below (mobile): Medium.

The module below this is: Contact Info

It’s content pulls in dynamically. Spacing: Medium.

Eyebrow Title

Colored Box Row

Works with 2-4 boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Background Color

White (default)

Optional

Space for eyebrow and headline titles

Subheading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Colored Box Row: Subheading Intro

Background Color

Light gray

Example with 2 boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Logo Slider

Layout: [1/2 Image][1/2 Text]

Image + Text

Background Color: white (default), Content Type: Content Editor, Space Above (desktop): None, Space Below (desktop): Medium, Space Above (mobile): None, Space Below (mobile): Small.

Layout: [3/4 Text][1/4 Image]

Image + Text

  • Background Color

    Blue gradient

  • Content Type

    Content + checklist

  • Image

    Have image extend above/below background color: Yes

  • Spacing

    Above: None, Space Below (desktop): Medium, Space Below (mobile): Small

Layout: [1/4 Image][3/4 Image]

Image + Text

  • Label (optional)

    Details (optional)

  • Spacing

    Desktop: Medium, Mobile: Small

  • Background Color: Light gray

  • Have image extend above/below background color: No

  • Content Type: Content + checklist

  • Image + Text Module
  • Layout: [1/2 Text][1/2 Image], Background Color: White (default), Content Type: Icon list
  • Spacing: Medium

Team

Type: Staff Grid, Add Intro: Yes, Space Below: Large

Team

Type: 2 Featured Team Members, Add Intro: Yes, Space Below: Large, Featured Team Members: chosen from dropdown

Dinel Njoroge

Video Production Coordinator

Dinel holds a Bachelor of Arts in Film Technology and Theatre Arts. Her areas of expertise include digital marketing, film creation, videography, and editing. She enjoys using her…

Dinel Njoroge

Video Production Coordinator

Dinel holds a Bachelor of Arts in Film Technology and Theatre Arts. Her areas of expertise include digital marketing, film creation, videography, and editing.

She enjoys using her skills to help organizations in the non-profit sector. Aside from work, she enjoys listening to music and reading books.

Connect On

Heather Ipson

Solutions Architect & Partner

Heather is a knowledgeable and talented software developer. She has managed the development and support for many web and mobile applications, including many in the charity space. She…

Heather Ipson

Solutions Architect & Partner

Heather is a knowledgeable and talented software developer. She has managed the development and support for many web and mobile applications, including many in the charity space. She has been highly effective in leading development teams to successfully complete software projects. She is perfectly at home in the cloud and is very proficient in architecting and managing systems there. She is familiar with building secure software that adheres to industry standards such as HIPAA, PCI, and SOC and has helped many teams become compliant with these standards.

Connect On