About Us | Voconiq

/* Stylesheet for browsers with JS disabled, so the navigation will still function. * Styles here seem to have lower specificity, so `!important` may be necessary. */ .header__links { display: none !important; } .header__actions { & > .desktop { display: none !important; } & > .mobile { display: flex !important; } } /* If we're in a browser that doesn't support scroll queries, and JS is disabled, just show the header shadow. */ @supports not (container-type: scroll-state) { .header:not([data-shadow]) { --shadow-opacity: 1; } }

The VQ Way

Quisque tellus tortor, sodales a purus non, tristique tempor dui. Suspendisse nec metus sollicitudin nibh pharetra volutpat nec in massa. Aliquam egestas porttitor ornare. Aliquam vulputate sapien at tincidunt bibendum. Quisque id lectus nisl. Cras nec ipsum in lacus mattis commodo.

Meet Our Team

/* Styling to allow the card to function without JS. * Styles in this no-script element seem to have low specificity; hence the use of `!important` */ .profile[data-state="no-js"] { animation: none !important; .profile__bio { & > div.profile__text { block-size: auto !important; } footer > button.profile__show { display: none !important; } footer > button.profile__hide { display: flex !important; } } .profile__image { overflow: hidden; border-radius: 1000px; block-size: var(--space-xl); inline-size: var(--space-xl); flex: 0 1 min-content; margin-block-start: var(--card-padding-block); margin-inline-start: var(--card-padding-inline); } }

Job Title

Team Member

A brief biography describing this team member's background and expertise.

/* Styling to allow the card to function without JS. * Styles in this no-script element seem to have low specificity; hence the use of `!important` */ .profile[data-state="no-js"] { animation: none !important; .profile__bio { & > div.profile__text { block-size: auto !important; } footer > button.profile__show { display: none !important; } footer > button.profile__hide { display: flex !important; } } .profile__image { overflow: hidden; border-radius: 1000px; block-size: var(--space-xl); inline-size: var(--space-xl); flex: 0 1 min-content; margin-block-start: var(--card-padding-block); margin-inline-start: var(--card-padding-inline); } }

Job Title

Another Team Member

A brief biography describing this team member's background and expertise.

/* Styling to allow the card to function without JS. * Styles in this no-script element seem to have low specificity; hence the use of `!important` */ .profile[data-state="no-js"] { animation: none !important; .profile__bio { & > div.profile__text { block-size: auto !important; } footer > button.profile__show { display: none !important; } footer > button.profile__hide { display: flex !important; } } .profile__image { overflow: hidden; border-radius: 1000px; block-size: var(--space-xl); inline-size: var(--space-xl); flex: 0 1 min-content; margin-block-start: var(--card-padding-block); margin-inline-start: var(--card-padding-inline); } }

Job Title

A Third Team Member

A brief biography describing this team member's background and expertise.

/* Styling to allow the card to function without JS. * Styles in this no-script element seem to have low specificity; hence the use of `!important` */ .profile[data-state="no-js"] { animation: none !important; .profile__bio { & > div.profile__text { block-size: auto !important; } footer > button.profile__show { display: none !important; } footer > button.profile__hide { display: flex !important; } } .profile__image { overflow: hidden; border-radius: 1000px; block-size: var(--space-xl); inline-size: var(--space-xl); flex: 0 1 min-content; margin-block-start: var(--card-padding-block); margin-inline-start: var(--card-padding-inline); } }

Job Title

4th Team Member

A brief biography describing this person's background and expertise.