Playground - this hero is Light Theme

Dark Themed background Core buttons example

Light Themed background Core buttons example

Generic content panel

H1

H2

H3

H4 

P

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


lorem ipsum

example image

Resignation_Piece_0afafe7c65.jpg

 

 

1234
2   
3   
4   

 

quote-Experience is one thing you can't get for nothing.

unordered list example

  • item 1
  • item 2
  • item 3

Ordered list example

  1. item 1
  2. item 2
  3. item 3

 

Align left

Align centre

Align right

Link to website: https://blackfinch.com/ 

 

 

Multi-Content Component

Heading

Sub-heading

 

Tyram Lakes Development.jpg

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

 

Heading

Sub-heading

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Standout Content Component

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Link Boxes Component

Cards Component

Heading

Some content here for perusal

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Link

H1

Lorem ipsum dolor sit amet

 

Link

h2

Lorem ipsum dolor sit amet

123
2  
3  
Link

H3

image_1_7dece5ba85.jpg
Trading
Link

H4

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Link

Paragraph

CONTENT SIX

Text

Heading

Some content here for perusal

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Link

H1

Lorem ipsum dolor sit amet

Link

H2

Statistics Component

Heading

Content here

Stats Heading

Description

Stats Heading

Description

Stats Heading

Description

Heading

Description

Heading

Description

Heading

Description

Icon Block Component

Heading in H2 centred

globeicon.png

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

globeicon.png

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

globeicon.png

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading in h3

globeicon.png

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

globeicon.png

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

globeicon.png

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Image Block Component- Portrait left/right 

Portrait Left 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

writing_on_a_notepad

Portrait Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Whats_App_Image_2022_07_06_at_8_46_11_AM_325930c6dc.jpeg

Image Block Component - Floating left/right

josh_olalde_X1_P1_ED_Nnok_unsplash_1_de8cc34011.jpg

Floating Left

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Resignation_Piece_0afafe7c65.jpg

Floating right

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Slider Component

Documents Component

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet.

 

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

 

Image Required

Image Required

Image Required

Image Required

Image Required

Employees Component

Heading

Dwayne Brick.jpg

Dwayne Brick

Front End Developer

Alex Kaminski

Web Development Manager

Mark Alford

Head of Engineering

Showcase Component

Jobs Component

Heading from RTE

Investment Director

Salary: £40-60k

Department: Investments

Role Location: Remote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec nunc finibus, venenatis risus convallis, sodales diam. Sed pretium varius dolor, quis semper mi laoreet non. Vivamus malesuada condimentum efficitur. Morbi id posuere metus. Integer massa lectus, sollicitudin ut suscipit quis, malesuada quis mi. Curabitur et suscipit mauris. Morbi id imperdiet velit.

Apply now 1

Business Analyst

Salary: £25-30k

Department: Engineering

Role Location: Remote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec nunc finibus, venenatis risus convallis, sodales diam. Sed pretium varius dolor, quis semper mi laoreet non. Vivamus malesuada condimentum efficitur. Morbi id posuere metus. Integer massa lectus, sollicitudin ut suscipit quis, malesuada quis mi. Curabitur et suscipit mauris. Morbi id imperdiet velit.

Apply now 2

Tester

Salary: £5k

Department: Engineering

Role Location: Remote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec nunc finibus, venenatis risus convallis, sodales diam. Sed pretium varius dolor, quis semper mi laoreet non. Vivamus malesuada condimentum efficitur. Morbi id posuere metus. Integer massa lectus, sollicitudin ut suscipit quis, malesuada quis mi. Curabitur et suscipit mauris. Morbi id imperdiet velit.

Apply now 3

 Heading for Newsletter

Sub-heading