Page builder elements and style guide
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
Hear from some of the inspirational people we’ve helped move forward.
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:
Page builder element name: Two columns with a hero image and WYSIWYG editor.
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.
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.
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
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
“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.
Page builder element name: Sign up newsletter (with form)
Page builder element name: Sign up newsletter (no form)
Page builder element name: “Donate” call to action full width row
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
Please get in touch to see how we can help with your workforce
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"]
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
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:
- Unordered list item
- Unordered list item
- Unordered list item
- Unordered list item
Buttons colours and hover opacity:
“FB3099” – Pink
“3C3C3B” – Light black
“6CC671” – Green
“FC561A” – Orange
“44267C” – Purple
“0095D5” – Blue