# Culture Page Default

Ready

- HTML
- View
- Context
- Assets
- Info
- Notes

`

    <main role="main" class="culture-page">
        <header class="image-header bg-image-culture-01">
            <div class="image-header__content">
                <h1 class="image-header__title image-header__title--punch-in bg-image-culture-01">Ein Titel</h1>
                <span class="icon icon-arrow-long-down icon--brand-secondary"></span>
            </div>
        </header>
        <header class="claim-header">
            <div class="claim-header__body">
                <h1 class="claim-header__type">Unser Versprechen</h1>
                <h2 class="claim-header__title">
                    Maximale Transparenz.
                    <hr class="claim-header__divider" />
                    Minimale Regeln.
                    <hr class="claim-header__divider" />
                    Und Arbeit, auf die wir stolz sind.
                </h2>
                <span class="icon icon-arrow-long-down icon--brand-secondary"></span>
            </div>
        </header>
        <div class="image-divider-right">
            <div class="image-divider-right-content">
                <div class="image-divider-right-textbox">
                    <p class="image-divider-right-content-textbox__text">
                        Unsere Unternehmenskultur ist aus dem Anspruch entstanden, Dinge anders und besser zu machen. An erster
                        Stelle: Vertrauen in unsere Mitarbeiterinnen und Mitarbeiter und ein respektvoller Umgang untereinander.
                        Jede und jeder Einzelne verfügt über weitreichende Freiheit und trägt ein hohes Maß an Verantwortung.
                    </p>
                </div>
                <img class="image-divider-right-image" itemprop="photo" src="../../assets/bg-images/general/visual-culture-02.webp" alt="INNOQ Mitarbeitende" />
            </div>
        </div>
        <div class="stripe stripe--gray">
            <div class="container-xl">
                <div class="image-divider-center bg-image-culture-03  m-t-lg container-vertical-spacing-lg">
                    <div class="image-divider-center__textbox">
                        <h2 class="image-divider-center__title bg-image-culture-03">Ein Titel</h2>
                        <p class="image-divider-center__textbox__text">
                            Filet mignon sausage tongue, hamburger porchetta fatback kielbasa flank
                            ribeye. Pastrami t-bone pork chop sirloin ham swine cupim brisket
                            prosciutto buffalo drumstick strip steak capicola short loin.
                            Frankfurter fatback turkey pork chop prosciutto pork ground round tongue
                            chuck doner. Pig venison pork chop shoulder corned beef capicola
                            meatball.
                        </p>
                        <span class="icon icon-arrow-long-down icon--brand-primary"></span>
                    </div>
                </div>
            </div>
        </div>

        <div class="default-full-width-teaser bg-image-culture-04">
            <div class="default-full-width-teaser__wrapper">
                <div class="default-full-width-teaser__body">
                    <div class="default-full-width-teaser__header">
                        <h2 class="punch-in bg-image-culture-04">
                            Was uns wichtig ist
                        </h2>
                    </div>
                    <div class="default-full-width-teaser__text">
                        lorem ipsum dolor sit amet, consectetur adipisicing elit. velit
                        doloremque culpa minima vero quod, optio itaque nisi deserunt,
                        debitis ad laudantium libero, quia nemo!
                    </div>
                    <div class="default-full-width-teaser__footer">
                        <a href="#" class="link-teaser">mehr erfahren</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="page-layout-xl--default">
            <div class="tile-grid-md">
                <a href="#" class="big-content-teaser big-content-teaser--image bg-image-culture-05">
                    <div class="big-content-teaser__content">
                        <div class="big-content-teaser__body">
                            <h2 class="big-content-teaser__headline">Arbeiten bei INNOQ</h2>
                            <p class="big-content-teaser__text">
                                Wir wünschen uns Kolleginnen und Kollegen, die Fragen stellen und mitdenken, neugierig, lernbereit, kooperativ und tolerant sind. Wir setzen auf Eigenverantwortung und Freiraum statt Formulare und Prozesse. Lieber riskieren wir, von Zeit zu Zeit einen Fehler zu machen, als starre Kontrollstrukturen einzuführen. Dabei hilft eine einfache Grundregel: Wenn etwas dumm ist, tun wir es nicht. Wir geben allen die Möglichkeit, eigene Projekte zu verfolgen und sich weiterzubilden. Technologie-Know-how ist unsere Superkraft und dank unserer Mitarbeiterinnen und Mitarbeiter wächst sie Tag für Tag.
                            </p>
                        </div>
                        <div class="big-content-teaser__footer">
                            <div class="link-teaser" href="#">Mehr erfahren</div>
                        </div>
                    </div>
                </a>
                <a href="#" class="big-content-teaser big-content-teaser--colored">
                    <div class="big-content-teaser__content">
                        <div class="big-content-teaser__body">
                            <h2 class="big-content-teaser__headline">Wie wir zusammenarbeiten</h2>
                            <p class="big-content-teaser__text">
                                Aktuell sind wir über 120 Personen an sechs Standorten, die daran arbeiten, unseren Kunden strategische und technologische Vorteile zu verschaffen. Dabei nehmen wir ganz unterschiedliche Rollen ein: Wir sind Technologieberater ebenso wie Realisierungspartner. Wir verstärken oder unterstützen in einzelnen Bereichen, entwickeln aber auch ganzheitliche Geschäftsmodelle, Softwareprodukte und technische Infrastrukturen – immer individuell. Dabei geben wir unseren Kunden die Unterstützung, die sie brauchen, damit sie uns möglichst bald nicht mehr brauchen.
                            </p>
                        </div>
                        <div class="big-content-teaser__footer">
                            <div class="link-teaser inverted-text-color" href="#">Mehr erfahren</div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </main>

`
`

    <main role="main" class="culture-page">
    <header class="image-header bg-image-culture-01">
        <div class="image-header__content">
            <h1 class="image-header__title image-header__title--punch-in bg-image-culture-01">Ein Titel</h1>
            <span class="icon icon-arrow-long-down icon--brand-secondary"></span>
        </div>
    </header>
        <header class="claim-header">
            <div class="claim-header__body">
                <h1 class="claim-header__type">Unser Versprechen</h1>
                <h2 class="claim-header__title">
                    Maximale Transparenz.
                    <hr class="claim-header__divider"/>
                    Minimale Regeln.
                    <hr class="claim-header__divider"/>
                    Und Arbeit, auf die wir stolz sind.
                </h2>
                <span class="icon icon-arrow-long-down icon--brand-secondary"></span>
            </div>
        </header>
        <div class="image-divider-right">
            <div class="image-divider-right-content">
                <div class="image-divider-right-textbox">
                    <p class="image-divider-right-content-textbox__text">
                        Unsere Unternehmenskultur ist aus dem Anspruch entstanden, Dinge anders und besser zu machen. An erster
                        Stelle: Vertrauen in unsere Mitarbeiterinnen und Mitarbeiter und ein respektvoller Umgang untereinander.
                        Jede und jeder Einzelne verfügt über weitreichende Freiheit und trägt ein hohes Maß an Verantwortung.
                    </p>
                </div>
                <img class="image-divider-right-image" itemprop="photo"
                    src="{{ path '/assets/bg-images/general/visual-culture-02.webp'}}" alt="INNOQ Mitarbeitende" />
            </div>
        </div>
        <div  class="stripe stripe--gray">
            <div class="container-xl">
                <div class="image-divider-center bg-image-culture-03  m-t-lg container-vertical-spacing-lg">
                    <div class="image-divider-center__textbox">
                        <h2 class="image-divider-center__title bg-image-culture-03">Ein Titel</h2>
                        <p class="image-divider-center__textbox__text">
                            Filet mignon sausage tongue, hamburger porchetta fatback kielbasa flank
                            ribeye. Pastrami t-bone pork chop sirloin ham swine cupim brisket
                            prosciutto buffalo drumstick strip steak capicola short loin.
                            Frankfurter fatback turkey pork chop prosciutto pork ground round tongue
                            chuck doner. Pig venison pork chop shoulder corned beef capicola
                            meatball.
                        </p>
                        <span class="icon icon-arrow-long-down icon--brand-primary"></span>
                    </div>
                </div>
            </div>
    </div>

    <div class="default-full-width-teaser bg-image-culture-04">
        <div class="default-full-width-teaser__wrapper">
            <div class="default-full-width-teaser__body">
                <div class="default-full-width-teaser__header">
                    <h2 class="punch-in bg-image-culture-04">
                        Was uns wichtig ist
                    </h2>
                </div>
                <div class="default-full-width-teaser__text">
                    lorem ipsum dolor sit amet, consectetur adipisicing elit. velit
                    doloremque culpa minima vero quod, optio itaque nisi deserunt,
                    debitis ad laudantium libero, quia nemo!
                </div>
                <div class="default-full-width-teaser__footer">
                    <a href="#" class="link-teaser">mehr erfahren</a>
                </div>
            </div>
        </div>
    </div>

        <div class="page-layout-xl--default">
            <div class="tile-grid-md">
                <a href="#" class="big-content-teaser big-content-teaser--image bg-image-culture-05">
                    <div class="big-content-teaser__content">
                        <div class="big-content-teaser__body">
                            <h2 class="big-content-teaser__headline">Arbeiten bei INNOQ</h2>
                            <p class="big-content-teaser__text">
                                Wir wünschen uns Kolleginnen und Kollegen, die Fragen stellen und mitdenken, neugierig, lernbereit, kooperativ und tolerant sind. Wir setzen auf Eigenverantwortung und Freiraum statt Formulare und Prozesse. Lieber riskieren wir, von Zeit zu Zeit einen Fehler zu machen, als starre Kontrollstrukturen einzuführen. Dabei hilft eine einfache Grundregel: Wenn etwas dumm ist, tun wir es nicht. Wir geben allen die Möglichkeit, eigene Projekte zu verfolgen und sich weiterzubilden. Technologie-Know-how ist unsere Superkraft und dank unserer Mitarbeiterinnen und Mitarbeiter wächst sie Tag für Tag.
                            </p>
                        </div>
                        <div class="big-content-teaser__footer">
                            <div class="link-teaser" href="#">Mehr erfahren</div>
                        </div>
                    </div>
                </a>
                <a href="#" class="big-content-teaser big-content-teaser--colored">
                    <div class="big-content-teaser__content">
                        <div class="big-content-teaser__body">
                            <h2 class="big-content-teaser__headline">Wie wir zusammenarbeiten</h2>
                            <p class="big-content-teaser__text">
                                Aktuell sind wir über 120 Personen an sechs Standorten, die daran arbeiten, unseren Kunden strategische und technologische Vorteile zu verschaffen. Dabei nehmen wir ganz unterschiedliche Rollen ein: Wir sind Technologieberater ebenso wie Realisierungspartner. Wir verstärken oder unterstützen in einzelnen Bereichen, entwickeln aber auch ganzheitliche Geschäftsmodelle, Softwareprodukte und technische Infrastrukturen – immer individuell. Dabei geben wir unseren Kunden die Unterstützung, die sie brauchen, damit sie uns möglichst bald nicht mehr brauchen.
                            </p>
                        </div>
                        <div class="big-content-teaser__footer">
                            <div class="link-teaser inverted-text-color" href="#">Mehr erfahren</div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </main>

`
`

    /* No context defined. */

`
File:

- Content:
  `

      // TODO

  `
- URL: /components/raw/culture-page-default/_culture-page-default.scss
- Filesystem Path: components/01-pages/culture-pages/culture-page-default/_culture-page-default.scss
- Size: 8 Bytes

- Handle: @culture-page-default
- Preview:
  - With layout
  - Component only
- Filesystem Path: components/01-pages/culture-pages/culture-page-default/culture-page-default.html

No notes defined.