Typography

Heading 1

Donec rutrum congue leo eget malesuada. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Donec sollicitudin molestie malesuada. Cras ultricies ligula sed magna dictum porta.

Heading 2

Donec rutrum congue leo eget malesuada. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Donec sollicitudin molestie malesuada. Cras ultricies ligula sed magna dictum porta.

Heading 3

Donec rutrum congue leo eget malesuada. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Donec sollicitudin molestie malesuada. Cras ultricies ligula sed magna dictum porta.

Heading 4

Donec rutrum congue leo eget malesuada. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Donec sollicitudin molestie malesuada. Cras ultricies ligula sed magna dictum porta.

Heading 5

Donec rutrum congue leo eget malesuada. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Donec sollicitudin molestie malesuada. Cras ultricies ligula sed magna dictum porta.

Heading 6

Donec rutrum congue leo eget malesuada. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Donec sollicitudin molestie malesuada. Cras ultricies ligula sed magna dictum porta.

Text colors & fonts

Text with class

“txt_color_grey” Lorem ipsum dolor sit amet
“txt_color_red” Lorem ipsum dolor sit amet
“txt_color_gold” Lorem ipsum dolor sit amet
“txt_font_Recoleta” Lorem ipsum dolor sit amet

Permalink

Default permalink lorem ipsum dolor sit amet

Buttons

Text with class

“a.btn_bgRed”

Sample button

“a.btn_bgRed_arrow”

Sample button

“a.btn_longArrow”

Sample button

“a.hyperlink_color_gold”

Sample button

Headings

Text with class

“heading_regular_italic”
“heading_line_dots_bottom”

“heading_22px_bold_red”

Titles

Text with class

“txt_line_right”

“txt_16px_semibold_italic”

“txt_16px_bold”

“txt_16px_heavy”

“txt_22px_bold”

“txt_25px_bold”

“txt_16px_semibold_red”

“txt_16px_bold_red”

“txt_19px_bold_red”

“txt_20px_heavy_red”

Lists

List with class “ul.custom_ul”

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
  • Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.
  • Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

Icons

Text with class

“icon_txt_telefoon”
“icon_txt_email”

Boxes

Text block with class “box_highlight”

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Section demo 1:

– Select element “Slider Image”.
– Choose photo and add description.

Tet 2020

Tet 2020

Tet2020

Tet2020

WhatsApp Image 2020-01-17 at 18.16.11

WhatsApp Image 2020-01-17 at 18.16.11

WhatsApp Image 2020-01-17 at 18.19.55

WhatsApp Image 2020-01-17 at 18.19.55

Section demo 2:

– Select element “Content with two images”.
– Select Row stretch “Stretch row and content (no paddings)”.
– Select position “Right”.
– Choose photos and add description.

61
188

Content with two images

Position “Right”

This uniqueness is supported and enhanced by a learning environment that is respectful of the child as he/she seeks to make meaning of the socio-cultural context in which he/she lives. EtonHouse provides a curriculum approach that represents the best in 21st century pedagogical thinking from around the world.

Section demo 3:

– Select element “Content with two images”.
– Select Row stretch “Stretch row and content (no paddings)”.
– Select position “Left”.
– Choose photos and add description.

61
188

Content with two images

Position “Left”

This uniqueness is supported and enhanced by a learning environment that is respectful of the child as he/she seeks to make meaning of the socio-cultural context in which he/she lives. EtonHouse provides a curriculum approach that represents the best in 21st century pedagogical thinking from around the world.

Section demo 4:

Extra class “has_line_red_left”.

Text block extra class “has_line_red_left”.

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Row extra class “has_line_red_left”.

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Section demo 5:

style Table

Table with class “table.custom-table”.

7:30 – 8:00Welcome children and families
8:00 – 8:30Integrated learning
8:30 – 9:00Morning Meeting -Story – Planning- Reflection
9:00 – 10:00Outdoor exploration and discovery
10:00 – 10:30Snack
10:30 – 12:00Project time – Individual skill based learning
12:00 – 12:30Lunch
12:30 – 1:00Quiet time
1:00 – 2:15Small group activities (literacy and numeracy)
2:15 – 2:30Snack
2:30 – 3:00Story – planning – reflection
3:00End of Day

Accordion

Accordion with class “custom-accordion”

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Let’s book a tour