Text Area / 100% Width

This is the subtitle

This is a h2

This is a h3

This is h4

Standard paragraph. Donec rutrum congue leo eget malesuada. Nulla quis lorem ut libero malesuada feugiat. Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim.

Larger paragraph. Donec rutrum congue leo eget malesuada. Nulla quis lorem ut libero malesuada feugiat. Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim.

Smaller paragraph. Donec rutrum congue leo eget malesuada. Nulla quis lorem ut libero malesuada feugiat. Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim.

 

This is a larger button

This is smaller button

Text Area / 50% Width

This is the subtitle

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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Text Area / 50% Width

This is the subtitle

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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

This is a larger button

Cards

Card components are primarily used for call to actions, that redirect the user to other parts of the website. They consist of an image, title and (optionally) link.

Normal 50% width

Normal 50% width

Subtitle Field

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

Normal 33% width

Normal 33% width

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

Normal / Full width

Normal / Full width

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

Image Gallery

With Dark background style

Image and text

Single Image / 33% width

Single Image / 33% width

Example of using two Construkt blocks together.

With Off white Container Background style

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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Biographies Grid View Example

Black and white headshot of Chrystal-E.-Williams
Chrystal E. Williams
Chrystal E. Williams

Image Override

Biographies List View Example

Role

Chrystal E. Williams

Role 2

Chrystal E. Williams

Excerpt Override

Chrystal E. Williams

Role 3

Aaron Chaplin

Title

Agatha Meehan

Instrument

Alison Langer

Spektrix Components

Donation Title

50% Width / with Dark background style

With the Donation Component you can select the Fund from Spektrix and the amounts on the Ask Buttons.

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.

Donation Title

33% Width / with Light background style/ No Boarder

With the Donation Component you can select the Fund from Spektrix and the amounts on the Ask Buttons.

Membership Title

Price field

Full Width / with Off white background style

With the Membership Component you can select the Membership from Spektrix and if the Membership can Auto Renew

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.

Elements - Full Width Container

These are great for content you want to repeat again and again throughout the site without having to build it multiple times on each page. And if you need to update it you only need to update once in the Element set-up.

New to Opera

New to Opera

If you are new to opera, welcome!

Become a Member and Save! 

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.

Watch Online

Watch Online

We are delighted to be able to share some of our productions and performances with viewers online, connecting people through the powerful shared experience of music and opera.

Container Styles

Image and Tint Toggle on.

Text Area

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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

×
Close

Search our site