{TEAM}
{LOCATION}
{APP DATE}
Careers at Surgical Science

Innovators with Purpose

You will be a part of a dynamic and creative environment. We make sure to make room for all employees to influence and contribute with their own experience and knowledge.
We are confident that diversity is crucial for innovation and growth. Join a welcoming and open team!
We Are Change-Makers

We are change-makers, guided by values that shape how we work. These values help us push the boundaries of medical simulation.
We Are Change-Makers

We are change-makers, guided by values that shape how we work. These values help us push the boundaries of medical simulation.

Innovators with Purpose


Values That Shape Our Culture

Respect: No matter where we are, geographically or in the organization, respect makes us feel welcomed, included, and comfortable at work.
Curiosity: Innovation adds value to our customers, and curiosity is at the heart of innovation.
Perseverance: Our success is dependent on patience and a sense of sticking-to-it.


Recruitment Process

Submit Your Application
Initial Screening
Interview Process
Assessment
Offer & Onboarding
Open positions
Intro to this template/changelog
This template is a "component library": it has multiple variants of layout-styles for different sections. Always duplicate the section you want to edit (the little blue copy-button you see when an element is selected). As a rule, you should not have to edit any structure, except for deleting/hiding those you don't need.
These are the main things you should edit:
- text, background, border colours
- button styling
- typeface & font
- images
- icons
- text
- animations
You can use the Layers Panel to hide objects you might need later.
More documentation on Confluence https://talentech-docs.atlassian.net/wiki/x/CQCs1Q
- use card-based components as much as possible
- order of components changed
- text colour to be set on col-x, rather than individually! ⚠️🥳
- fixed border radius
- cleaned up typography alignments
- colour override cleanup on responsive sizes
- added advanced list component with even-odd
- added component with large emoji
- added "image gallery" card grid
- option for icons in navbar
- rebuilt zig-zag
- added "back to top" button
- naming sections by giving upper-case classes. These have, and should not have any custom css!
- changed some components to contain styling examples
Buttons
Social media
List, advanced with even-odd
Title

Title

Title
Title
Heading 2 – text content align left
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
Heading 3 – text content align left
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
· I am a bullet
· I am a bullet
· I am a bullet
· I am a bullet
Heading 4 – text content align left
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
Image top center
Heading 3

Card group 2, image overflow
Overflow image, wrap center. Delete or duplicate "col" as needed
Heading 3
Heading 3
Heading 3
Card group 3, emoji
Wrap center. Delete or duplicate "col" as needed. For similar layout with other elements such as icons or text, modify a card in Card group 4 and duplicate.
Heading 3
Heading 3
Heading 3
Card group 4, symbols overflow
Overflow character. digit, text, emoji, fontawesome icon.
Wrap center. Delete or duplicate "col" as needed.
Heading 3
Heading 3
Heading 3
Heading 3
Heading 3
Heading 3
Card group 5, advanced background images
Resize viewport to see image scaling behaviour. Wrap center. Delete or duplicate "col" as needed
Heading 3
Heading 3
Heading 3
Card group 6, ⚠️horizontal scroll⚠️
Delete or duplicate "col" as needed

Heading 3

Heading 3

Heading 3

Heading 3
Card group 7, figure gallery
Wrap center. Delete or duplicate "col" as needed. Adjust grid classes for larger/smaller on responsive






Text + image left flow

Heading 3

Heading 3 quite a longish heading

Heading 3
Text + image right flow

Heading 3

Heading 3

Heading 3
Text + image left, vertical center

Heading 3
Text + image right, vertical center
Heading 3

Text + image left

Heading 3
Text + image right
Heading 3

Carousel auto slide
Speed of sliding set in Settings > Attribute "data-bs-interval" (milliseconds). Ask Bente! you'll need some help here.
Video
Card group with Gobi
Delete or duplicate "col" as needed

