Page Section Menu

When you create a new page on Ashoka.org, there are many ways to organize your content. This page is a resource to help you see and decide what types of "sections" you would like to use to organize your new page. Feel free to peruse the different categories below to figure out what type of page sections to add to your pages!

If you have any questions, concerns, or suggestions to what we have, we'd love to hear from you!

Optional Button 1 Optional Button 2

Note: The component being used at the top of this page is the "Slanting Banner" heading banner. Heading banners appear at the very top of the page and feature the page title and a short description to help visitors understand where they are. There are 7 Heading banner styles, and the one used on this page is the "Slanting banner" style. See other Heading Banners style options

Banners

On Ashoka.org, we know that you may need to find graphically pleasing ways to showcase your text, images / videos, impact numbers, and possibly buttons into a singular page section.

We have created 5 different types of 'banners' to help with this need:

Basic Image banner with Gradient
Basic image banner with impact strip
Banner with Image & Video
Call to Action Banner
Content Box - 2-column

I want to banner my page so that it sparkles

Columns

On Ashoka.org, we know that you may need to divide up your content into nice neat vertical columns across your page.

To this end, we have 4 page sections specially designed for all your vertical columns needs and cravings:

Flexible Columns (for icons and pictures)
Featured Content – 3 block (for stories and actions)
Featured Content – 5 block
Big button columns

I want to use columns to lift up my page

Page Sections for Longer Texts

The scene: you have a large amount of connected text or content in one location on your page (potentially including impact numbers) but you really don't want your audience to get that tired screen-eye.

Enter: our 6 page sections to spice up your long text's style and all those that view them:

Long Description with Sidebar
Information Block with Background Image
Impact Strip with Image Background
Impact Strip | Legacy (no image background)
Term List
Accordion

I want to make these long texts shine

Audio-visual Immersion Page Sections

You have a bunch of photos and videos, or better yet a video playlist on YouTube, and you're at a loss for how to put them onto a website in an immersive.

We've been there, and it was that experience that led to the origin of the following page sections:

Full Width Image
Photo Gallery
Video Gallery
YouTube playlist

I do enjoy a good ol' audio-visual immsersion

Lists

Have a lot of people, events, institutions, or media files to list but are not at all into the idea of trying to format them using an open editing interface?

We got you covered with some visually appealing lists that are tailored towards each type of content you list:

List: Fellows
List: Staff
List: People (Custom)
List: CM School / Campus
List: Partners
List: Events
Filtered List (automated)
List: Resources

I'll make me a list and check it twice

Listings

Related to lists, we have some listing page sections to help create visually appealing rows to your pages.

3 are tailored towards the specific type of website content you've already created, and 1 that you can customize towards your needs:

Programs Listing
Story Listing
Collections Listing
Customized Listing

Listings. Listings? Listings!!!

Best of the Rest

Sometimes there are some page sections that can't be categorized. And it's because the following page sections are some of the most innovative and interactive that we have made in direct collaboration with Ashoka teams.

Without any way to introduce them as a unit, we hope you take advantage of the Best of the Rest:

Timeline
Testimonial slider
Fellow Map
Special Content Embed
Chart

Best of the Rest! Best of the Rest!