Ashoka
Component Sample page
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. If you have any questions or concerns, we'd love to hear from you
This is a 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
Long Description with Sidebar
The Long Description with Sidebar is designed to hold a lot of content so works well for a detailed description of your initiative. You can add images, pull quotes, links, and more. If you have long content, we recommend adding a sidebar. There are currently 3 options for sidebar content, and you can see an example of all three to the right. In order:
- Call to Action - elevate any link
- Resource Download - select and feature a file that you'd like visitors to this page to download
- Featured Partner - ideal for when you have a funding partner on your project who needs high visibility of their logo on the page
Dummy text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu dolor eget elit gravida blandit ac id dui. Aliquam erat volutpat. Nunc nec lorem mollis, scelerisque orci eget, scelerisque leo. In vitae sem maximus, ultrices orci vitae, sollicitudin ligula. Curabitur euismod feugiat elit, ac molestie velit molestie vitae. Praesent hendrerit et quam nec rhoncus. Donec posuere aliquam nunc at dignissim. Duis velit tellus, cursus sed rhoncus eget, dapibus mattis ante.
Example of a Pull Quote. Suspendisse potenti. Morbi et diam id risus eleifend sagittis quis eget risus. Ut aliquet aliquet porta.
Donec rhoncus mattis est ut lacinia. Aenean a mauris convallis, porta lacus ac, tempus sem. Curabitur maximus, leo ut varius hendrerit, dui dolor pharetra lacus, vel condimentum ante ipsum a ligula. Aenean vitae dapibus sem. Aenean cursus elementum erat sed tristique. Cras vel felis a augue scelerisque consequat. Pellentesque molestie ex quis nisi eleifend, quis feugiat ligula semper. Suspendisse potenti.
Example of Block Quote. Phasellus libero sapien, venenatis et porttitor ut, mattis sed tellus. Fusce vel vulputate leo, et placerat mauris. Nulla in pharetra nibh. In efficitur nibh eu eros pulvinar venenatis. Vestibulum blandit velit vel condimentum sagittis. Maecenas consequat in ipsum at ultrices. Pellentesque eleifend massa sed eleifend pulvinar. Ut semper volutpat leo, vitae lacinia odio tempor ac. Quisque pellentesque aliquet molestie. Mauris at convallis lectus, ut vestibulum lacus. Praesent tempor ultrices urna, sit amet porta odio rutrum sit amet.
Aenean et laoreet nisi, a tempus neque. Proin quis nulla ultrices, suscipit velit ac, vehicula nulla. Etiam ornare ipsum hendrerit dui porta tincidunt. Donec pharetra ornare imperdiet. Ut quis convallis metus, eu dictum justo. Praesent porttitor, neque vel pulvinar faucibus, elit tellus finibus felis, vel laoreet libero ex eu odio. Nulla volutpat dui quis risus ultricies congue. Praesent vel viverra sem, et mattis sem. In vel tristique neque. Donec scelerisque sapien id elit euismod lacinia sed non nunc.
Curabitur ipsum augue, maximus eu lorem ac, posuere lacinia magna. Maecenas tempor sagittis lacus quis sodales. Nulla facilisi. Nullam finibus, ex sit amet fermentum rhoncus, massa ante accumsan leo, nec lobortis nisi magna eget nisl. Nam blandit sagittis eros nec laoreet. Nulla iaculis laoreet justo id pulvinar. Curabitur viverra justo mauris, quis maximus nisi tincidunt quis. Donec pellentesque ultrices tellus, sit amet bibendum turpis scelerisque eu. Nunc mattis enim ac orci consequat rhoncus. Praesent justo risus, molestie a suscipit ac, interdum et mauris. Donec convallis dui dui, id placerat mi laoreet nec. Quisque eu neque eu nibh laoreet efficitur. Sed mi eros, aliquam ut semper nec, dapibus vel leo. Aliquam ac bibendum risus, sed venenatis lorem. Duis dolor tortor, malesuada in mi ac, gravida interdum lacus. Mauris sed egestas augue.
Suspendisse finibus risus nisi, nec gravida sem maximus non. Sed faucibus non sapien eget rutrum. Vivamus in purus venenatis, vulputate orci euismod, fermentum enim. In hac habitasse platea dictumst. Curabitur mauris magna, eleifend id turpis id, fringilla vehicula libero. Fusce dapibus maximus mi. Donec ut ullamcorper turpis, vitae viverra turpis.
Information Block with Background Image
The Info Block is the simplest block out of all these options. It is just a block of text with two optional buttons and an optional heading. Information blocks are usually placed above a section that you'd like to give a heading and description to. You can have it be left or center aligned.
If you'd like, you can also put a background image behind the text along with a color overlay (no overlay, white overlay, dark blue overlay, light blue overlay, and black overlay); this block has an image with a light blue overlay.
Flexible Columns
A versatile section that you can use for offerings or summaries. Works best with an icon on each column. We recommend using 2-4 columns.
Column Heading 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris laoreet justo vitae aliquam condimentum. Duis quis sem quis tellus volutpat sollicitudin non eget libero.
Column Heading 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris laoreet justo vitae aliquam condimentum. Duis quis sem quis tellus volutpat sollicitudin non eget libero.
Column Heading 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris laoreet justo vitae aliquam condimentum. Duis quis sem quis tellus volutpat sollicitudin non eget libero.
Column 1
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Nulla quis lorem ut libero malesuada feugiat.