Buttons

There are currently two unique button styles, in small, medium, and large.

Primary Button (Large)

Secondary Button (Large)

Primary Button

Secondary Button

Primary Button (Small)

Secondary Button (Small)

Sub Nav

Buttons that can be used to suplement the global nav. On mobile, buttons will scroll.

Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text

Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text

Cards

Cards that will expand to fit the container. On mobile, will expand to 100% of screen.

Card component title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Card component title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Card component title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Card component title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Card component title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Card component title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Card component title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Card component title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Cards + Ghost Cards

If cards need to align on desktop, ghost cards can be used to fill in the gaps. On mobile, ghost cards will disappear.

Card component title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Card component title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Title Cards

These cards can be used to feature important content / links.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Call to action goes here.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Call to action goes here.

Comparison Table

Table used to compare different feature sets.

Feature

Feature

Feature

Feature

Feature

Feature

Feature

Our process

From free inspections to maximized settlements, Four Elements has you covered with our holistic approach.

1

Step 1

Inspection

2

Step 2

Policy Review

3

Step 3

Agreement

4

Step 4

Initiation

5

Step 5

Execution

6

Step 6

Negotiation

7

Step 7

Capital Recovery

8

Step 8

Review

9

Step 9

Final Settlement

Our process

From free inspections to maximized settlements, Four Elements has you covered with our holistic approach.

Step 1

Inspection

Step 2

Policy Review

Step 3

Agreement

Step 4

Initiation

Step 5

Execution

Step 6

Negotiation

Step 7

Capital Recovery

Step 8

Review

Step 9

Final Settlement

Our process

From Free Inspections to full restorations, Four Elements has you covered with our holistic approach.

Step 1

Inspection

Step 2

Policy Review

Step 3

Agreement

Step 4

Initiation

Step 5

Execution

Step 6

Negotiation

Step 7

Capital Recovery

Step 8

Review

Step 9

Final Settlement