Page builder elements and style guide

 

Page builder element name: One column

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum

Page builder element name: One column with full width hero Image and WYSIWYG editor

The text added into the WYSIWYG text editor can be adjusted in different areas over the image. The select text position function of this page builder element has the follow options:

  • bottom-left
  • top-left
  • top-right
  • bottom-right
  • centered
  • centered-right
  • centered-left
image

Hear from some of the inspirational people we’ve helped move forward.

read more

Page builder element name: Two columns

This page builder block allows us to add one row with two columns with several width sizes options:

50 / 50
25 / 75
75 / 25
33 / 66
66 / 33

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Page builder element name: Two columns with video popup and image placeholder options

Creating inspirational and sustainable opportunities

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sodales dui lacus, quis imperdiet odio pellentesque et. Nullam dictum sapien sit amet porttitor elementum. Interdum et malesuada fames ac ante ipsum.

Element second example:

video

Image subtitle goes here

video

Image subtitle goes here

Page builder element name: Two columns with a hero image and WYSIWYG editor.

hero

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sodales dui lacus, quis imperdiet odio pellentesque et. Nullam dictum sapien sit amet porttitor elementum. Interdum et malesuada fames ac ante ipsum.

Click here

hero

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sodales dui lacus, quis imperdiet odio pellentesque et. Nullam dictum sapien sit amet porttitor elementum. Interdum et malesuada fames ac ante ipsum.

Read more

threecolumns

Page builder element name: Three columns

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum

Page builder element name: Three columns with image, title, description and button

Page builder element name: Three columns with a full-width row

Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Page builder element name: Four columns

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Page builder element name: Five columns

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

Page builder element name: Testimonials columns

testimonials

“Lorem ipsum dolor sit amet”

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sodales dui lacus, quis imperdiet odio pellentesque et. Nullam dictum sapien sit amet porttitor elementum. Interdum et malesuada fames ac ante ipsum.elementum. Interdum et malesuada fames ac ante ipsum.

Read more

Page builder element name: Sign up newsletter (with form)

newsletter

Page builder element name: Sign up newsletter (no form)

Page builder element name: “Donate” call to action full width row

Help create a society that works for autistic people

signup

Page builder element name: “Video” call to action full width row

Page builder element name: “Apply here” call to action full width row

Page builder element name: “Call us & Email us” call to action full width row

Page builder element name: Team members shortcode.

This shortcode has two attributes in case you need to use:

Limit how many posts to show ‘ posts_per_page=”6″ ‘.
Code to use on WYSIWYG editor [teamcpt posts_per_page="4"]

Use a specific posts category ‘ term=”1″ ‘.
Code to use on WYSIWYG editor [teamcpt term="1"]

 

Judith Kerem

Development Director

[email protected]

Jemma Dear

The Autism Project Manager

[email protected]

Ela Dyduch

The Autism Project Functional Skills Tutor

[email protected]

Demelza Danaher

Employment Manager

[email protected]

Karen Edwards

Chief Executive Officer (CEO)

[email protected]

Katherine Dymond

The Autism Project Job Coach

[email protected]

Page builder element name: “our impact” this element is only for use on “We are CareTrade” page

Our Impact

200 people reached

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

200 people reached

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

200 people reached

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

200 people reached

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Page builder element name: “our impact” this element is only for use on “We are CareTrade” page

News

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Events

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Style guidelines:

 

Colour palette:

“FB3099” – Pink
“3C3C3B” – Light black
“6CC671” – Green
“FC561A” – Orange
“44267C” – Purple
“0095D5” – Blue

 

Fonts:

Poppins ( thin, regular, bold).

Poppins thin

Poppins regular

Poppins bold

Typography:

 

Headline 1 <h1> 50px

Font:Poppins Bold, Color:Any

Headline 2 <h2> 33px

Font:Poppins Bold, Color:Any

Headline 3 <h3> 25px

Font:Poppins Bold, Color:Any

Headline 4 <h4> 20px

Font:Poppins Bold, Color:Any

Headline 5 <h5> 18px

Font:Poppins Bold, Color:Any

Headline 6 <h6> 18px
Font:Poppins Bold, Color:Any

This is a body copy: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard
Font:Poppins, Regular, 15px, Color:Any

 

Unordered list:

  • Unordered list item
  • Unordered list item
  • Unordered list item
  • Unordered list item

Ordered list:

  1. Unordered list item
  2. Unordered list item
  3. Unordered list item
  4. Unordered list item

Buttons colours and hover opacity:

“FB3099” – Pink
“3C3C3B” – Light black
“6CC671” – Green
“FC561A” – Orange
“44267C” – Purple
“0095D5” – Blue