# Training Detail Page

Ready

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

`

    <header class="standard-header" style="background-image: url(../../assets/bg-images/general/visual-trainings-08.webp); background-color: var(--overlay-standard-color);">
        <h3 class="standard-header__type">Training</h3>
        <h1 class="standard-header__title">Cloud Migration</h1>
        <h2 class="standard-header__subtitle">Von Legacy zu Cloud Native</h2>
        <div class="standard-header__intro">
            <div class="standard-header__intro__text">
                In diesem Training zeigen wir Ihnen, was die Begriffe Cloud Native und Cloud Native Development eigentlich
                bedeuten und welche Konsequenzen Sie daraus ableiten müssen. Sie lernen die Herausforderungen einer solchen
                Migration kennen und bekommen Empfehlungen für ein schrittweises Vorgehen. Natürlich lassen wir auch die
                Sicherheit von Umgebungen und Daten nicht außer Acht. Abschließend entwickeln wir gemeinsam Migrationsmuster,
                die Best Practices aus echten Migrationsprojekten berücksichtigen.
            </div>
        </div>
    </header>
    <main role="main">
        <article class="training-detail-page">
            <p>Cloud-Migration ist der Prozess der Verlagerung von Arbeitslasten, Daten, Anwendungen und Prozessen in eine Cloud-Umgebung. In den meisten Fällen werden die Ressourcen von einem lokalen Rechenzentrum zu einem Cloud-Anbieter verschoben. Manchmal erfolgt die Migration auch von einem Cloud-Anbieter zu einem anderen.</p>

            <p>Die Gründe dafür sind vielfältig, manche Unternehmen erhoffen sich geringere Kosten, andere mehr Flexibilität. Manchmal zwingen Vorschriften dazu, mehr als einen Cloud-Anbieter zu nutzen. Was auch immer der Grund ist – ein simpler Umzug in die Cloud ist nicht ausreichend. Durch fortschrittliche Maßnahmen können die Vorteile und das Versprechen der Cloud viel besser genutzt werden. Aber ein Teil der Wahrheit ist, dass der Wechsel zur Cloud neue Anforderungen an Unternehmen stellt und Veränderungen erfordert. Eine Veränderung, die für Unternehmen mit einer langen und erfolgreichen IT-Geschichte nicht immer einfach ist.</p>

            <section class="two-column-image-divider-asymmetric">
                <figure>
                    <img class="two-column-image-divider-asymmetric__left-image two-column-image-divider-asymmetric__left-image--quer" src="../../assets/bg-images/general/visual-workshop-12.webp" alt="Bild mit Umrandung" />
                </figure>
                <figure>
                    <img class="two-column-image-divider-asymmetric__left-image two-column-image-divider-asymmetric__right-image--quer" src="../../assets/bg-images/general/visual-trainings-08.webp" alt="Bild mit Umrandung" />
                </figure>
            </section>

            <p>In diesem Training zeigen wir Dir, was die Begriffe Cloud Native und Cloud Native Development eigentlich bedeuten und welche Konsequenzen Du daraus ableiten musst. Du lernst die Herausforderungen einer solchen Migration kennen und bekommst Empfehlungen für ein schrittweises Vorgehen. Natürlich lassen wir auch die Sicherheit von Umgebungen und Daten nicht außer Acht. Abschließend entwickeln wir gemeinsam Migrationsmuster, die Best Practices aus echten Migrationsprojekten berücksichtigen.</p>

            <h3>Ihr Nutzen</h3>

            <ul class="checklist">
                <li>Wettbewerbsvorteile, sowohl bei der Cloud-Migration bestehender Systeme als auch bei der Konzeption von neuen Systemen</li>

                <li>Vielschichtige Kompetenz: Konzepte für die Produktion, organisatorische Verbesserungen und flexible SW-Architekturen</li>

                <li>Empfehlungen und Best Practices für Ihr Cloud-Migrationsprojekt</li>

                <li>Lösungen für regulierte Organisationen</li>
            </ul>

            <figure>
                <img src="../../assets/bg-images/general/visual-trainings-09.webp" alt="Bild Groß" />
                <figcaption>Teilnehmerinnen eines Trainings an unserem Standort Zürich</figcaption>
            </figure>

            <h3>Zielgruppe</h3>
            <p>
                Du bist Architekt:in oder IT-Manager:in, die an Cloud-Migrationsinitiativen beteiligt ist oder eine Cloud-Migration plant. Du hast Dich bereits mit den Herausforderungen vertraut gemacht, die bei einem solchen Übergang auftreten können.
            </p>

            <h3>Lernziele</h3>
            <ul class="checklist">
                <li>Verstehen des organisatorischen und kulturellen Wandels, der erforderlich ist, um die Vorteile der Cloud optimal zu nutzen</li>

                <li>Wissen, was Cloud Native und Cloud Native Development tatsächlich bedeutet und welche Konsequenzen dies hat</li>

                <li>Kenntnis der gängigsten Cloud-Lösungen für regulierte Organisationen (FINMA, BAFIN)</li>

                <li>Verstehen der vielen verschiedenen Sicherheitsebenen, die zu berücksichtigen sind</li>

                <li>Best Practices kennen, um Sicherheitsebenen zu gewährleisten</li>

                <li>Best Practices, Muster und Empfehlungen für eine schrittweise Cloud-Migration kennen</li>

                <li>Moderne und flexible Architekturkonzepte kennenlernen (CQRS, Microservices, SCS)</li>

                <li>Prozesse und organisatorische Maßnahmen zur Automatisierung und kontinuierlichen Bereitstellung kennenlernen</li>

                <li>Grundlegende Kenntnisse über aktuelle Cloud-Infrastrukturen, Container und Kubernetes erlangen</li>
            </ul>
        </article>

        <aside class="container-md">
            <h3>Ihre Trainer:innen</h3>
            <section class="tile-grid-sm">
                <div id="author-bio" class="author-bio author-bio--long" itemscope itemtype="http://schema.org/Person">
                    <a rel="author" class="author-bio__head" itemprop="url" href="#">
                        <div class="author-bio__image avatar avatar--base">
                            <img itemprop="photo" class="avatar__image" src="../../assets/example-content/heribert.jpg" alt="Portrait von Heribert Innoq" />
                        </div>
                        <address class="author">
                            <span rel="author" class="author-bio__name" itemprop="fullName">Heribert Innoq</span>
                            <span class="author-bio__info" itemprop="jobTitle">Senior Consultant</span>
                        </address>
                    </a>

                    <address class="author-bio__social">
                        <a rel="author" class="author-bio__social-profile" href="#" title="Twitter">
                            <span class="icon icon--small icon-twitter icon--brand-secondary"></span>
                        </a>
                        <a rel="author" class="author-bio__social-profile" href="#" title="GitHub">
                            <span class="icon icon--small icon-github icon--brand-secondary"></span>
                        </a>
                    </address>
                    <div class="author-bio__text">
                        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Delectus vel blanditiis optio asperiores eius molestias mollitia. Repudiandae enim maxime quasi exercitationem ipsa iure debitis. Corrupti reprehenderit delectus voluptas sit officiis?</p>
                    </div>
                </div>

                <div id="author-bio" class="author-bio author-bio--long" itemscope itemtype="http://schema.org/Person">
                    <a rel="author" class="author-bio__head" itemprop="url" href="#">
                        <div class="author-bio__image avatar avatar--base">
                            <img itemprop="photo" class="avatar__image" src="../../assets/example-content/heribert.jpg" alt="Portrait von Heribert Innoq" />
                        </div>
                        <address class="author">
                            <span rel="author" class="author-bio__name" itemprop="fullName">Heribert Innoq</span>
                            <span class="author-bio__info" itemprop="jobTitle">Senior Consultant</span>
                        </address>
                    </a>

                    <address class="author-bio__social">
                        <a rel="author" class="author-bio__social-profile" href="#" title="Twitter">
                            <span class="icon icon--small icon-twitter icon--brand-secondary"></span>
                        </a>
                        <a rel="author" class="author-bio__social-profile" href="#" title="GitHub">
                            <span class="icon icon--small icon-github icon--brand-secondary"></span>
                        </a>
                    </address>
                    <div class="author-bio__text">
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem, facilis fugit. Eius ipsam dolor quisquam odio quod, magnam sed ea debitis laudantium velit soluta nulla maiores vitae aliquid voluptatem eos?</p>
                    </div>
                </div>
            </section>
        </aside>

        <div class="default-full-width-teaser bg-image-trainings-10">
            <div class="default-full-width-teaser__wrapper">
                <div class="default-full-width-teaser__body">
                    <div class="default-full-width-teaser__caption">Individuelles Training: Cloud Migration</div>
                    <div class="default-full-width-teaser__header">
                        <h2>Auf Ihre Branche angepasst</h2>
                    </div>
                    <div class="default-full-width-teaser__text">
                        Wir machen Ihnen gerne ein unverbindliches Angebot. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quas nemo accusamus vero architecto voluptatum, voluptates molestiae aspernatur aliquam et quod doloribus consequatur labore cum blanditiis fugit dolor quam maiores eligendi.
                    </div>

                    <form class="form" novalidate="novalidate" accept-charset="UTF-8" method="post" style="width: 100%;">
                        <div class="form-group">
                            <label class="form-label" for="contact_message_company">Firma</label>
                            <input required="required" class="form-control" type="text" name="contact_message[name]" id="contact_message_company">
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="contact_message_name">Name</label>
                            <input required="required" class="form-control" type="text" name="contact_message[name]" id="contact_message_name">
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="contact_message_email">E-Mail</label>
                            <input required="required" class="form-control" type="email" name="contact_message[email]" id="contact_message_email">
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="contact_message_content">Bemerkungen</label>
                            <textarea required="required" class="form-control" rows="5" name="contact_message[content]" id="contact_message_content" placeholder="Nennen Sie uns gerne Ihre Anforderungen, wie etwa Anzahl der Teilnehmer:innen, Ausrichtungsort und Terminwünsche."></textarea>
                        </div>
                        <button name="button" type="submit" class="btn btn--cta btn--small" data-label="Training anfragen">Training anfragen</button>
                    </form>
                </div>
            </div>
        </div>
    </main>

`
`

    <header class="standard-header" style="background-image: url({{ path '/assets/bg-images/general/visual-trainings-08.webp' }}); background-color: var(--overlay-standard-color);">
        <h3 class="standard-header__type">Training</h3>
        <h1 class="standard-header__title">Cloud Migration</h1>
        <h2 class="standard-header__subtitle">Von Legacy zu Cloud Native</h2>
        <div class="standard-header__intro">
            <div class="standard-header__intro__text">
                In diesem Training zeigen wir Ihnen, was die Begriffe Cloud Native und Cloud Native Development eigentlich
                bedeuten und welche Konsequenzen Sie daraus ableiten müssen. Sie lernen die Herausforderungen einer solchen
                Migration kennen und bekommen Empfehlungen für ein schrittweises Vorgehen. Natürlich lassen wir auch die
                Sicherheit von Umgebungen und Daten nicht außer Acht. Abschließend entwickeln wir gemeinsam Migrationsmuster,
                die Best Practices aus echten Migrationsprojekten berücksichtigen.
            </div>
        </div>
    </header>
    <main role="main">
        <article class="training-detail-page">
            <p>Cloud-Migration ist der Prozess der Verlagerung von Arbeitslasten, Daten, Anwendungen und Prozessen in eine Cloud-Umgebung. In den meisten Fällen werden die Ressourcen von einem lokalen Rechenzentrum zu einem Cloud-Anbieter verschoben. Manchmal erfolgt die Migration auch von einem Cloud-Anbieter zu einem anderen.</p>

            <p>Die Gründe dafür sind vielfältig, manche Unternehmen erhoffen sich geringere Kosten, andere mehr Flexibilität. Manchmal zwingen Vorschriften dazu, mehr als einen Cloud-Anbieter zu nutzen. Was auch immer der Grund ist – ein simpler Umzug in die Cloud ist nicht ausreichend. Durch fortschrittliche Maßnahmen können die Vorteile und das Versprechen der Cloud viel besser genutzt werden. Aber ein Teil der Wahrheit ist, dass der Wechsel zur Cloud neue Anforderungen an Unternehmen stellt und Veränderungen erfordert. Eine Veränderung, die für Unternehmen mit einer langen und erfolgreichen IT-Geschichte nicht immer einfach ist.</p>

            <section class="two-column-image-divider-asymmetric">
                <figure>
                    <img class="two-column-image-divider-asymmetric__left-image two-column-image-divider-asymmetric__left-image--quer" src="{{ path '/assets/bg-images/general/visual-workshop-12.webp' }}" alt="Bild mit Umrandung" />
                </figure>
                <figure>
                    <img class="two-column-image-divider-asymmetric__left-image two-column-image-divider-asymmetric__right-image--quer" src="{{ path '/assets/bg-images/general/visual-trainings-08.webp' }}" alt="Bild mit Umrandung" />
                </figure>
            </section>

            <p>In diesem Training zeigen wir Dir, was die Begriffe Cloud Native und Cloud Native Development eigentlich bedeuten und welche Konsequenzen Du daraus ableiten musst. Du lernst die Herausforderungen einer solchen Migration kennen und bekommst Empfehlungen für ein schrittweises Vorgehen. Natürlich lassen wir auch die Sicherheit von Umgebungen und Daten nicht außer Acht. Abschließend entwickeln wir gemeinsam Migrationsmuster, die Best Practices aus echten Migrationsprojekten berücksichtigen.</p>

            <h3>Ihr Nutzen</h3>

            <ul class="checklist">
                <li>Wettbewerbsvorteile, sowohl bei der Cloud-Migration bestehender Systeme als auch bei der Konzeption von neuen Systemen</li>

                <li>Vielschichtige Kompetenz: Konzepte für die Produktion, organisatorische Verbesserungen und flexible SW-Architekturen</li>

                <li>Empfehlungen und Best Practices für Ihr Cloud-Migrationsprojekt</li>

                <li>Lösungen für regulierte Organisationen</li>
            </ul>

            <figure>
                <img src="{{ path '/assets/bg-images/general/visual-trainings-09.webp'}}" alt="Bild Groß" />
                <figcaption>Teilnehmerinnen eines Trainings an unserem Standort Zürich</figcaption>
            </figure>

            <h3>Zielgruppe</h3>
            <p>
                Du bist Architekt:in oder IT-Manager:in, die an Cloud-Migrationsinitiativen beteiligt ist oder eine Cloud-Migration plant. Du hast Dich bereits mit den Herausforderungen vertraut gemacht, die bei einem solchen Übergang auftreten können.
            </p>

            <h3>Lernziele</h3>
            <ul class="checklist">
                <li>Verstehen des organisatorischen und kulturellen Wandels, der erforderlich ist, um die Vorteile der Cloud optimal zu nutzen</li>

                <li>Wissen, was Cloud Native und Cloud Native Development tatsächlich bedeutet und welche Konsequenzen dies hat</li>

                <li>Kenntnis der gängigsten Cloud-Lösungen für regulierte Organisationen (FINMA, BAFIN)</li>

                <li>Verstehen der vielen verschiedenen Sicherheitsebenen, die zu berücksichtigen sind</li>

                <li>Best Practices kennen, um Sicherheitsebenen zu gewährleisten</li>

                <li>Best Practices, Muster und Empfehlungen für eine schrittweise Cloud-Migration kennen</li>

                <li>Moderne und flexible Architekturkonzepte kennenlernen (CQRS, Microservices, SCS)</li>

                <li>Prozesse und organisatorische Maßnahmen zur Automatisierung und kontinuierlichen Bereitstellung kennenlernen</li>

                <li>Grundlegende Kenntnisse über aktuelle Cloud-Infrastrukturen, Container und Kubernetes erlangen</li>
            </ul>
        </article>

        <aside class="container-md">
            <h3>Ihre Trainer:innen</h3>
            <section class="tile-grid-sm">
                <div id="author-bio" class="author-bio author-bio--long" itemscope itemtype="http://schema.org/Person">
                    <a rel="author" class ="author-bio__head" itemprop="url" href="#">
                        <div class="author-bio__image avatar avatar--base">
                            <img itemprop="photo" class="avatar__image" src="{{ path '/assets/example-content/heribert.jpg' }}"  alt="Portrait von Heribert Innoq"/>
                        </div>
                        <address class="author">
                            <span rel="author" class="author-bio__name" itemprop="fullName">Heribert Innoq</span>
                            <span class="author-bio__info" itemprop="jobTitle">Senior Consultant</span>
                        </address>
                    </a>

                    <address class="author-bio__social">
                        <a rel="author" class="author-bio__social-profile" href="#" title="Twitter">
                            <span class="icon icon--small icon-twitter icon--brand-secondary"></span>
                        </a>
                        <a rel= "author" class="author-bio__social-profile" href="#" title="GitHub">
                            <span class="icon icon--small icon-github icon--brand-secondary"></span>
                        </a>
                    </address>
                    <div class="author-bio__text">
                        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Delectus vel blanditiis optio asperiores eius molestias mollitia. Repudiandae enim maxime quasi exercitationem ipsa iure debitis. Corrupti reprehenderit delectus voluptas sit officiis?</p>
                    </div>
                </div>

                <div id="author-bio" class="author-bio author-bio--long" itemscope itemtype="http://schema.org/Person">
                    <a rel="author" class ="author-bio__head" itemprop="url" href="#">
                        <div class="author-bio__image avatar avatar--base">
                            <img itemprop="photo" class="avatar__image" src="{{ path '/assets/example-content/heribert.jpg' }}"  alt="Portrait von Heribert Innoq"/>
                        </div>
                        <address class="author">
                            <span rel="author" class="author-bio__name" itemprop="fullName">Heribert Innoq</span>
                            <span class="author-bio__info" itemprop="jobTitle">Senior Consultant</span>
                        </address>
                    </a>

                    <address class="author-bio__social">
                        <a rel="author" class="author-bio__social-profile" href="#" title="Twitter">
                            <span class="icon icon--small icon-twitter icon--brand-secondary"></span>
                        </a>
                        <a rel= "author" class="author-bio__social-profile" href="#" title="GitHub">
                            <span class="icon icon--small icon-github icon--brand-secondary"></span>
                        </a>
                    </address>
                    <div class="author-bio__text">
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem, facilis fugit. Eius ipsam dolor quisquam odio quod, magnam sed ea debitis laudantium velit soluta nulla maiores vitae aliquid voluptatem eos?</p>
                    </div>
                </div>
            </section>
        </aside>

        <div class="default-full-width-teaser bg-image-trainings-10">
            <div class="default-full-width-teaser__wrapper">
                <div class="default-full-width-teaser__body">
                    <div class="default-full-width-teaser__caption">Individuelles Training: Cloud Migration</div>
                    <div class="default-full-width-teaser__header">
                        <h2>Auf Ihre Branche angepasst</h2>
                    </div>
                    <div class="default-full-width-teaser__text">
                        Wir machen Ihnen gerne ein unverbindliches Angebot. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quas nemo accusamus vero architecto voluptatum, voluptates molestiae aspernatur aliquam et quod doloribus consequatur labore cum blanditiis fugit dolor quam maiores eligendi.
                    </div>

                    <form class="form" novalidate="novalidate" accept-charset="UTF-8" method="post" style="width: 100%;">
                        <div class="form-group">
                            <label class="form-label" for="contact_message_company">Firma</label>
                            <input required="required" class="form-control" type="text" name="contact_message[name]" id="contact_message_company">
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="contact_message_name">Name</label>
                            <input required="required" class="form-control" type="text" name="contact_message[name]" id="contact_message_name">
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="contact_message_email">E-Mail</label>
                            <input required="required" class="form-control" type="email" name="contact_message[email]" id="contact_message_email">
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="contact_message_content">Bemerkungen</label>
                            <textarea required="required" class="form-control" rows="5" name="contact_message[content]" id="contact_message_content" placeholder="Nennen Sie uns gerne Ihre Anforderungen, wie etwa Anzahl der Teilnehmer:innen, Ausrichtungsort und Terminwünsche."></textarea>
                        </div>
                        <button name="button" type="submit" class="btn btn--cta btn--small" data-label="Training anfragen">Training anfragen</button>
                    </form>
                </div>
            </div>
        </div>
    </main>

`
`

    /* No context defined. */

`
File:

- Content:
  `

      .training-detail-page {
        @extend %article-layout;

        align-items: center;

        img,
        > img {
          @extend %box-shadow-primary-25-right-bottom;
        }

        figure {
          @extend %container-vertical-spacing-lg;
        }
      }

  `
- URL: /components/raw/training-detail-page/_training-detail-page.scss
- Filesystem Path: components/01-pages/training-pages/training-detail-page/_training-detail-page.scss
- Size: 208 Bytes

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

No notes defined.