# Services Overview Page

Ready

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

`

    <main role="main" class="services-page">
        <header class="text-header">
            <div class="text-header__body">
                <h1 class="text-header__title">
                    Gemeinsam neue Wege gehen.
                    <hr class="text-header__divider" />
                    Dinge tun, die etwas bewirken.
                    <hr class="text-header__divider" />
                    Mit Technologie die Zukunft gestalten.
                </h1>
                <div class="text-header__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.
                </div>
                <span class="icon icon-arrow-long-down icon--brand-primary"></span>
            </div>
        </header>

        <section class="page-layout-xl--default">
            <div class="tile-grid-md">
                <a href="#" class="big-content-teaser big-content-teaser--inverted">
                    <div class="big-content-teaser__content">
                        <div class="big-content-teaser__body">
                            <h2 class="big-content-teaser__headline big-content-teaser__headline--inverted"> Entwicklung digitaler Geschäfts&shy;modelle</h2>
                            <p class="big-content-teaser__text">
                                Ihre Fachexpertise und unser Entwicklungs-Know-how sind eine erfolgsversprechende Kombination. Im Software-as-a-Service-Modell (SaaS) transformieren wir Ihr neues oder bestehendes Geschäftsmodell in einen innovativen, digitalen Service für Ihre Kunden. Das gilt selbstverständlich für den gesamten Lebenszyklus – fachlich, technisch und kommerziell.
                            </p>
                        </div>
                        <div class="big-content-teaser__footer">
                            <div class="link-teaser inverted-interaction-color" href="#">Mehr erfahren</div>
                        </div>
                    </div>
                </a>
                <a href="#" class="big-content-teaser big-content-teaser--image bg-image-edition-16">
                    <div class="big-content-teaser__content">
                        <div class="big-content-teaser__body">
                            <h2 class="big-content-teaser__headline">Strategie- und Technologie&shy;beratung</h2>
                            <p class="big-content-teaser__text">
                                Nichts interessiert uns mehr als neue Technologie. Doch bei Strategie und Technologieberatung geht es uns nicht um das neueste, sondern um das, was am besten zu Ihnen und Ihren Aufgabenstellungen passt. Dank unserer branchenübergreifenden Erfahrung können wir Ihnen dazu die richtigen Fragen stellen und die richtigen Antworten gleich dazu liefern. Dabei profitieren Sie von unserem Wissensvorsprung. Damit Ihre Entscheidung zukunftsfähig ist.
                            </p>
                        </div>
                        <div class="big-content-teaser__footer">
                            <div class="link-teaser" href="#">Mehr erfahren</div>
                        </div>
                    </div>
                </a>
            </div>
        </section>

        <section>
            <a href="#" class="case-list-teaser bg-image-edition-02">
                <div class="case-list-teaser__wrapper">
                    <div class="case-list-teaser__body">
                        <div class="case-list-teaser__caption">case study</div>
                        <h2 class="case-list-teaser__title punch-in bg-image-edition-12">
                            case study headline eggs
                        </h2>
                        <div class="case-list-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>
                    <div class="case-list-teaser__footer">
                        <span class="link-teaser">mehr erfahren</span>
                    </div>
                </div>
            </a>
        </section>

        <section class="page-layout-xl--default">
            <div class="tile-grid-md">
                <a href="#" class="big-content-teaser big-content-teaser--image bg-image-edition-02">
                    <div class="big-content-teaser__content filled-background">
                        <div class="big-content-teaser__body">
                            <h2 class="big-content-teaser__headline"> Wissens&shy;transfer, Coaching und Trainings</h2>
                            <p class="big-content-teaser__text">
                                Unsere öffentlichen Trainings, Inhouse-Schulungen und Coaching gestalten wir so, wie wir sie als Teilnehmer gerne selbst erleben: Die Schulungen sind interaktiv und unsere Trainer sind praktizierende Softwareentwickler und -architekten. Sie wenden täglich an, was sie lehren und sind immer auf dem neuesten technischen Stand. Und sie teilen gerne ihr Knowhow aus der Praxis.
                            </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">Digitale Plattformen und Infra&shy;strukturen</h2>
                            <p class="big-content-teaser__text">
                                Software muss nicht nur geschrieben, sondern auch betrieben werden. Doch gerade weil die Architekturen für moderne Systeme immer komplexer werden, bieten wir Ihnen nicht nur Unterstützung bei der Erstellung von Software, sondern auch beim Aufbau einer effektiven Infrastruktur. Vom automatisierten Deployment über eine Continuous-Delivery-Pipeline bis zum Betrieb von containerbasierten Infrastrukturen in der Public oder Private Cloud. Gerne unterstützen wir Sie dabei mit Trainings, Workshops und Reviews, aber auch mit der maßgeschneiderten Umsetzung und dem Support Ihrer Infrastruktur. Für das Beste aller Ergebnisse: Es funktioniert.
                            </p>
                        </div>
                        <div class="big-content-teaser__footer">
                            <div class="link-teaser inverted-text-color" href="#">Mehr erfahren</div>
                        </div>
                    </div>
                </a>
            </div>
        </section>
    </main>

`
`

    <main role="main" class="services-page">
        <header class="text-header">
            <div class="text-header__body">
                <h1 class="text-header__title">
                    Gemeinsam neue Wege gehen.
                    <hr class="text-header__divider" />
                    Dinge tun, die etwas bewirken.
                    <hr class="text-header__divider" />
                    Mit Technologie die Zukunft gestalten.
                </h1>
                <div class="text-header__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.
                </div>
                <span class="icon icon-arrow-long-down icon--brand-primary"></span>
            </div>
        </header>

        <section class="page-layout-xl--default">
            <div class="tile-grid-md">
                <a href="#" class="big-content-teaser big-content-teaser--inverted">
                    <div class="big-content-teaser__content">
                        <div class="big-content-teaser__body">
                            <h2 class="big-content-teaser__headline big-content-teaser__headline--inverted"> Entwicklung digitaler Geschäfts&shy;modelle</h2>
                            <p class="big-content-teaser__text">
                                Ihre Fachexpertise und unser Entwicklungs-Know-how sind eine erfolgsversprechende Kombination. Im Software-as-a-Service-Modell (SaaS) transformieren wir Ihr neues oder bestehendes Geschäftsmodell in einen innovativen, digitalen Service für Ihre Kunden. Das gilt selbstverständlich für den gesamten Lebenszyklus – fachlich, technisch und kommerziell.
                            </p>
                        </div>
                        <div class="big-content-teaser__footer">
                            <div class="link-teaser inverted-interaction-color" href="#">Mehr erfahren</div>
                        </div>
                    </div>
                </a>
                <a href="#" class="big-content-teaser big-content-teaser--image bg-image-edition-16">
                    <div class="big-content-teaser__content">
                        <div class="big-content-teaser__body">
                            <h2 class="big-content-teaser__headline">Strategie- und Technologie&shy;beratung</h2>
                            <p class="big-content-teaser__text">
                                Nichts interessiert uns mehr als neue Technologie. Doch bei Strategie und Technologieberatung geht es uns nicht um das neueste, sondern um das, was am besten zu Ihnen und Ihren Aufgabenstellungen passt. Dank unserer branchenübergreifenden Erfahrung können wir Ihnen dazu die richtigen Fragen stellen und die richtigen Antworten gleich dazu liefern. Dabei profitieren Sie von unserem Wissensvorsprung. Damit Ihre Entscheidung zukunftsfähig ist.
                            </p>
                        </div>
                        <div class="big-content-teaser__footer">
                            <div class="link-teaser" href="#">Mehr erfahren</div>
                        </div>
                    </div>
                </a>
            </div>
        </section>

        <section>
            <a href="#" class="case-list-teaser bg-image-edition-02">
                <div class="case-list-teaser__wrapper">
                    <div class="case-list-teaser__body">
                        <div class="case-list-teaser__caption">case study</div>
                        <h2 class="case-list-teaser__title punch-in bg-image-edition-12">
                            case study headline eggs
                        </h2>
                        <div class="case-list-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>
                    <div class="case-list-teaser__footer">
                        <span class="link-teaser">mehr erfahren</span>
                    </div>
                </div>
            </a>
        </section>

        <section class="page-layout-xl--default">
            <div class="tile-grid-md">
                <a href="#" class="big-content-teaser big-content-teaser--image bg-image-edition-02">
                    <div class="big-content-teaser__content filled-background">
                        <div class="big-content-teaser__body">
                            <h2 class="big-content-teaser__headline"> Wissens&shy;transfer, Coaching und Trainings</h2>
                            <p class="big-content-teaser__text">
                                Unsere öffentlichen Trainings, Inhouse-Schulungen und Coaching gestalten wir so, wie wir sie als Teilnehmer gerne selbst erleben: Die Schulungen sind interaktiv und unsere Trainer sind praktizierende Softwareentwickler und -architekten. Sie wenden täglich an, was sie lehren und sind immer auf dem neuesten technischen Stand. Und sie teilen gerne ihr Knowhow aus der Praxis.
                            </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">Digitale Plattformen und Infra&shy;strukturen</h2>
                            <p class="big-content-teaser__text">
                                Software muss nicht nur geschrieben, sondern auch betrieben werden. Doch gerade weil die Architekturen für moderne Systeme immer komplexer werden, bieten wir Ihnen nicht nur Unterstützung bei der Erstellung von Software, sondern auch beim Aufbau einer effektiven Infrastruktur. Vom automatisierten Deployment über eine Continuous-Delivery-Pipeline bis zum Betrieb von containerbasierten Infrastrukturen in der Public oder Private Cloud. Gerne unterstützen wir Sie dabei mit Trainings, Workshops und Reviews, aber auch mit der maßgeschneiderten Umsetzung und dem Support Ihrer Infrastruktur. Für das Beste aller Ergebnisse: Es funktioniert.
                            </p>
                        </div>
                        <div class="big-content-teaser__footer">
                            <div class="link-teaser inverted-text-color" href="#">Mehr erfahren</div>
                        </div>
                    </div>
                </a>
            </div>
        </section>
    </main>

`
`

    /* No context defined. */

`
File:

- Content:
  `

  `
- URL: /components/raw/services-overview-page/_services-overview-page.scss
- Filesystem Path: components/01-pages/service-pages/services-overview-page/_services-overview-page.scss
- Size: 0 Byte

- Handle: @services-overview-page
- Preview:
  - With layout
  - Component only
- Filesystem Path: components/01-pages/service-pages/services-overview-page/services-overview-page.html

No notes defined.