GI Patient Center Widgets 2

GI Patient Center Widgets

An example of widgets we can use 

Widget rules

The first widget used on each page should be the default (A). After a default widget has been used, move to the next widget color option.

Note: If all widget color options have been used, you can repeat starting with the default (A).

Flip box

Flip box (default) – Plum A

This is the heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

This is the heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Click Here

Flip box – Water B

This is the heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

This is the heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Click Here

Flip box – Cloud C

This is the heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

This is the heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Click Here

Call to action box w/image

Call to action box w/image (default) – Plum A

This is the heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

Call to action box w/image – Water B

This is the heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

Call to action box w/image – Cloud C

This is the heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

Call to action box no image

Call to action box no image​ (default) – Plum A

Call to action box no image​ – Water B

Call to action box no image​ – Cloud C

Graphic banner

Graphic banner​ (default) – Plum A

Graphic banner​ – Valencia B

Graphic banner​ – Avocado C

Graphic banner​ – Sky D

Buttons

Feature Button

Utility Button

Toggles

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.

Accordion

The first item in an accordian is always open.

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.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Feature list

Feature list​ (default) A

  • Feature Item 1

    Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna

  • Feature Item 2

    Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna

  • Feature Item 3

    Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna

Feature list​  – Ocean B

  • Feature Item 1

    Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna

  • Feature Item 2

    Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna

  • Feature Item 3

    Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna

Feature list​ – Avocado C

  • Feature Item 1

    Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna

  • Feature Item 2

    Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna

  • Feature Item 3

    Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna

Gallery

Info box (Master Addon)

Patient undergoing ERCP

ERCP

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.

Button Text

Testimonial carousal

Author box

Data table

Table Header Table Header Table Header Table Header
Content
Content
Content
Content

Alert

Alert (default) Water A

Alert – Sky B

Alert – Grass C

Social share for page

Icon box

Icon box (default) Cloud A

Questions to ask your doctor

1. Will I need to do other tests in the future?

2. What if my treatment isn't working? How long should I wait to tell you if I am still having symptoms?

3. Are there symptoms that should cause worry? If so, what are they?

If you don't know something at any point, as for more (or clearer) information!

Icon box – Water B

Questions to ask your doctor

1. Will I need to do other tests in the future?

2. What if my treatment isn't working? How long should I wait to tell you if I am still having symptoms?

3. Are there symptoms that should cause worry? If so, what are they?

If you don't know something at any point, as for more (or clearer) information!

Icon box – Ocean C

Questions to ask your doctor

1. Will I need to do other tests in the future?

2. What if my treatment isn't working? How long should I wait to tell you if I am still having symptoms?

3. Are there symptoms that should cause worry? If so, what are they?

If you don't know something at any point, as for more (or clearer) information!

Video

Custom coded call to action box​

Custom coded call to action box​ – Horizontal

Custom coded call to action box​ – Vertical