Flexible Columns

A versatile section that you can use for offerings or summaries. Works best with an icon or picture on each column (you can select if you'll be using an icon or picture). Comes in three different color styles (light blue, blue, white).

You can center, left or right align the text, and you can also add in links at the end of each column should you wish to link to other pages. We recommend using 2-4 columns per row.

 

Icon view:

Global network - Ashoka Pack

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. 

Support icon - Ashoka pack

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. 

Visibility - Ashoka Pack

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. 

Picture view:
 

igazgyongy_l ritok nora hungary_2.jpg

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.

Ronny Eriksson

Column 2

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.

Capa do livro "Rebecca, a jovem transformadora Maasai". No topo, há uma faixa vermelha com o título do livro. Abaixo, o escrito "Baseado em uma história real". Há uma ilustração com um grupo de pessoas Maasai ao ar livre. Elas estão vestindo roupas e adereços coloridos. Na parte inferior, há uma faixa vermelha com os logos da Ashoka e Worldreader no canto inferior direito

Column 3

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.

austin-distel-RX_0vwSPiWs-unsplash.jpg

Column 4

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.

Content Box – 2-column

 

This content block is a hybrid banner / column component that is useful for breaking up large blocks of text into two: an image is on one side (which will be the size you upload it so be sure to check the dimensions before uploading!), and long paragraph text is on the other side (which you can space to fit the image through formatting or spacing).


Background color options are: white, light blue, and dark blue. This block looks especially good with a transparent png image or icon like the one to the right. 


Dummy text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas imperdiet commodo odio vitae porttitor. Integer ex nisl, elementum a leo non, consectetur facilisis est. Mauris volutpat dui lorem, ac ultricies augue ultrices vel. Vestibulum euismod volutpat mattis. Morbi eu mauris non metus euismod sodales in ut est. Nunc eleifend velit id augue tincidunt mattis. Vestibulum lacinia lorem a pellentesque facilisis. 

 

impactreport_assets4web_zezza.png

Big Button Columns


Big Button Columns are one of three visual designs that are specifically tailored to 'call to actions' (the other two being a call to action banner and the Featured Content - 3 / 5 blocks).

Big Button Columns feature a vertical design to call to actions, and allow for people to click on the photo, title, or button at the bottom to take action. They are similar to Flexible Columns in their makeup except they allow for larger images and have a box, the color scheme is set, and you cannot choose how many fit on each row (the size of the big button column changes based on how many you add in – where if you add only 1 it'll be very large and if you add 4 it'll be much smaller).

As such, we suggest you choose between two or three columns. You can technically add 4 per row if you'd like, just keep in mind the more you add will make the columns smaller.
 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris laoreet justo vitae aliquam condimentum. Duis quis sem quis tellus volutpat sollicitudin non eget libero.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris laoreet justo vitae aliquam condimentum. Duis quis sem quis tellus volutpat sollicitudin non eget libero. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris laoreet justo vitae aliquam condimentum. Duis quis sem quis tellus volutpat sollicitudin non eget libero.