What We Do

 

Welcome to Paragraphs!

Combine the power of the world's most popular front end framework, Bootstrap with Drupal Paragraphs, the power tool to allow content creators to build layouts and structured pages.

Using the Bootstrap Paragraphs, you'll be able to create Bootstrap features like Accordions, Carousels, Modals, Tabs, and Multi-column layouts. You can also harness the power of Drupal referencing Text, Images, Blocks, and even Views!

Engage Your Users With a Call To Action

Make a Compelling Statement

This content area allows you to expand upon the above message statement. It should be brief and attention-grabbing while encouraging people to learn more and get involved with your current campaign!

 

Accordions 

One of the main reasons we implement accordions in so many of our clients’ web treatments is to allow mobile-first visitors to have control over their content path so that they can decide whether to expand or defer it for later, giving them the choice of what to read and what to ignore. 

Use accordions to build FAQ lists, Historical Timelines, Board Directories, or programs.

Examples:

https://anticruelty.org/clinic-faq

1910-1930

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque varius nulla at nibh placerat elementum. Nulla ultrices a est eu ultrices. Sed quis gravida nunc. Proin lacinia vestibulum vulputate. Donec tempus mollis erat dignissim gravida. Mauris at diam pellentesque leo luctus accumsan

historical photo 1

1931-1960

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque varius nulla at nibh placerat elementum. Nulla ultrices a est eu ultrices. Sed quis gravida nunc. Proin lacinia vestibulum vulputate. Donec tempus mollis erat dignissim gravida. Mauris at diam pellentesque leo luctus accumsan

1960

1961-1990

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque varius nulla at nibh placerat elementum. Nulla ultrices a est eu ultrices. Sed quis gravida nunc. Proin lacinia vestibulum vulputate. Donec tempus mollis erat dignissim gravida. Mauris at diam pellentesque leo luctus accumsan

1980

 

 

Knowledge is power. Information is liberating. Education is the premise of progress, in every society, in every family.

David Jobs

 

 

Tabs

Tabs are intuitive due to being a commonly used convention. Use tabs to group content, connect related information, and as a tool to save space or when you need the information to be highly scannable and simple to navigate. People often scan websites rather than reading them. In these cases, including tabs can aid users in locating the specific information they need.  A page could benefit from having a more organized structure. Using tabs can be efficient and lead to strong UX because the navigation scheme aligns with users’ expectations.

Examples: 

https://www.kibi.org/volunteer

We can't do it without your help! 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque varius nulla at nibh placerat elementum. Nulla ultrices a est eu ultrices. Sed quis gravida nunc. Proin lacinia vestibulum vulputate. Donec tempus mollis erat dignissim gravida. Mauris at diam pellentesque leo luctus accumsan. Nunc egestas dictum magna, eu ultrices augue condimentum at. In hac habitasse platea dictumst. In fringilla, nibh ac hendrerit feugiat, urna ligula viverra nisi, sed rhoncus dui velit quis purus. Proin volutpat id mi tempus tempor. Etiam quis libero porttitor, pretium erat aliquet, hendrerit ligula. Ut sollicitudin leo eu arcu gravida, ultricies varius dui placerat.

Praesent suscipit sem ac ante efficitur, sit amet mollis felis elementum. Phasellus volutpat mauris non mauris mattis gravida. Donec in consectetur nulla. Aliquam erat volutpat. Proin tortor nisi, tristique sit amet lectus vitae, pretium sagittis nibh. Etiam finibus leo id sem congue lacinia. Donec blandit est ut dui accumsan fermentum. Curabitur mollis lacus facilisis nisl egestas lacinia. Pellentesque rhoncus ornare lorem sed feugiat. Nullam imperdiet tortor ut nulla porttitor tincidunt in sed lorem. 

Image of a woman holding a dog.

So Many Ways to Help! 

Nonprofit Organization offers many programs and volunteer-led projects that have a positive impact on the community.

Sample Opportunity 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque varius nulla at nibh placerat elementum. Nulla ultrices a est eu ultrices. Sed quis gravida nunc. Proin lacinia vestibulum vulputate. Donec tempus mollis erat dignissim gravida. Mauris at diam pellentesque leo luctus accumsan

Sample Opportunity 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque varius nulla at nibh placerat elementum. Nulla ultrices a est eu ultrices. Sed quis gravida nunc. Proin lacinia vestibulum vulputate. Donec tempus mollis erat dignissim gravida. Mauris at diam pellentesque leo luctus accumsan

Sample Opportunity 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque varius nulla at nibh placerat elementum. Nulla ultrices a est eu ultrices. Sed quis gravida nunc. Proin lacinia vestibulum vulputate. Donec tempus mollis erat dignissim gravida. Mauris at diam pellentesque leo luctus accumsan

Please complete our volunteer application online to get started. 

Image CAPTCHA
Enter the characters shown in the image.

Carousel Slide 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque varius nulla at nibh placerat elementum. Nulla ultrices a est eu ultrices. Sed quis gravida nunc. Proin lacinia vestibulum vulputate. Donec tempus mollis erat dignissim gravida. Mauris at diam pellentesque leo luctus accumsan. Nunc egestas dictum magna, eu ultrices augue condimentum at. In hac habitasse platea dictumst. In fringilla, nibh ac hendrerit feugiat, urna ligula viverra nisi, sed rhoncus dui velit quis purus. Proin volutpat id mi tempus tempor. Etiam quis libero porttitor, pretium erat aliquet, hendrerit ligula. Ut sollicitudin leo eu arcu gravida, ultricies varius dui placerat.