HTML-Prototype von in2code

Stage subpage

Toggle example guides Toggle HTML markup

<insert-markup>4.1.2-</insert-markup>

Campus Heilbronn

Studying at TUM Campus Heilbronn is a one-of-a-kind experience: academic excellence, top-notch facilities and stunning architecture combine here with a truly international student body as well as the proximity to Heilbronn’s city center and thriving job market.

.c-stage-subpage__content--grey-light
Grey light
<insert-markup>4.1.2-0</insert-markup>

Campus Heilbronn

Studying at TUM Campus Heilbronn is a one-of-a-kind experience: academic excellence, top-notch facilities and stunning architecture combine here with a truly international student body as well as the proximity to Heilbronn’s city center and thriving job market.

.c-stage-subpage__content--grey
Grey
<insert-markup>4.1.2-1</insert-markup>

Campus Heilbronn

Studying at TUM Campus Heilbronn is a one-of-a-kind experience: academic excellence, top-notch facilities and stunning architecture combine here with a truly international student body as well as the proximity to Heilbronn’s city center and thriving job market.

.c-stage-subpage__content--grey-dark
Grey dark
<insert-markup>4.1.2-2</insert-markup>

Campus Heilbronn

Studying at TUM Campus Heilbronn is a one-of-a-kind experience: academic excellence, top-notch facilities and stunning architecture combine here with a truly international student body as well as the proximity to Heilbronn’s city center and thriving job market.

.c-stage-subpage__content--blue-light-283
Blue light 283
<insert-markup>4.1.2-3</insert-markup>

Campus Heilbronn

Studying at TUM Campus Heilbronn is a one-of-a-kind experience: academic excellence, top-notch facilities and stunning architecture combine here with a truly international student body as well as the proximity to Heilbronn’s city center and thriving job market.

.c-stage-subpage__content--blue-light-542
Blue light 542
<insert-markup>4.1.2-4</insert-markup>

Campus Heilbronn

Studying at TUM Campus Heilbronn is a one-of-a-kind experience: academic excellence, top-notch facilities and stunning architecture combine here with a truly international student body as well as the proximity to Heilbronn’s city center and thriving job market.

.c-stage-subpage__content--blue
Blue
<insert-markup>4.1.2-5</insert-markup>

Campus Heilbronn

Studying at TUM Campus Heilbronn is a one-of-a-kind experience: academic excellence, top-notch facilities and stunning architecture combine here with a truly international student body as well as the proximity to Heilbronn’s city center and thriving job market.

.c-stage-subpage__content--blue-medium
Blue medium
<insert-markup>4.1.2-6</insert-markup>

Campus Heilbronn

Studying at TUM Campus Heilbronn is a one-of-a-kind experience: academic excellence, top-notch facilities and stunning architecture combine here with a truly international student body as well as the proximity to Heilbronn’s city center and thriving job market.

.c-stage-subpage__content--blue-dark-301
Blue dark 301
<insert-markup>4.1.2-7</insert-markup>

Campus Heilbronn

Studying at TUM Campus Heilbronn is a one-of-a-kind experience: academic excellence, top-notch facilities and stunning architecture combine here with a truly international student body as well as the proximity to Heilbronn’s city center and thriving job market.

.c-stage-subpage__content--blue-dark-540
Blue dark 540
<insert-markup>4.1.2-8</insert-markup>

Campus Heilbronn

Studying at TUM Campus Heilbronn is a one-of-a-kind experience: academic excellence, top-notch facilities and stunning architecture combine here with a truly international student body as well as the proximity to Heilbronn’s city center and thriving job market.

.c-stage-subpage__content--orange
Orange
<insert-markup>4.1.2-9</insert-markup>

Campus Heilbronn

Studying at TUM Campus Heilbronn is a one-of-a-kind experience: academic excellence, top-notch facilities and stunning architecture combine here with a truly international student body as well as the proximity to Heilbronn’s city center and thriving job market.

.c-stage-subpage__content--orange-light
Orange light
<insert-markup>4.1.2-10</insert-markup>

Campus Heilbronn

Studying at TUM Campus Heilbronn is a one-of-a-kind experience: academic excellence, top-notch facilities and stunning architecture combine here with a truly international student body as well as the proximity to Heilbronn’s city center and thriving job market.

.c-stage-subpage__content--green
Green
<insert-markup>4.1.2-11</insert-markup>

Campus Heilbronn

Studying at TUM Campus Heilbronn is a one-of-a-kind experience: academic excellence, top-notch facilities and stunning architecture combine here with a truly international student body as well as the proximity to Heilbronn’s city center and thriving job market.

.c-stage-subpage__content--purple
Purple
<insert-markup>4.1.2-12</insert-markup>

Campus Heilbronn

Studying at TUM Campus Heilbronn is a one-of-a-kind experience: academic excellence, top-notch facilities and stunning architecture combine here with a truly international student body as well as the proximity to Heilbronn’s city center and thriving job market.

.c-stage-subpage__content--beige
Beige
<insert-markup>4.1.2-13</insert-markup>

Campus Heilbronn

Studying at TUM Campus Heilbronn is a one-of-a-kind experience: academic excellence, top-notch facilities and stunning architecture combine here with a truly international student body as well as the proximity to Heilbronn’s city center and thriving job market.

.c-stage-subpage__content--yellow
Yellow
<insert-markup>4.1.2-14</insert-markup>

Campus Heilbronn

Studying at TUM Campus Heilbronn is a one-of-a-kind experience: academic excellence, top-notch facilities and stunning architecture combine here with a truly international student body as well as the proximity to Heilbronn’s city center and thriving job market.

.c-stage-subpage__content--state-blue
State blue
<insert-markup>4.1.2-15</insert-markup>

Campus Heilbronn

Studying at TUM Campus Heilbronn is a one-of-a-kind experience: academic excellence, top-notch facilities and stunning architecture combine here with a truly international student body as well as the proximity to Heilbronn’s city center and thriving job market.

Markup: templates/output/06-components/stage/stage-subpage.html 

<div class="c-stage-subpage">
  <picture class="c-stage-subpage__image">
    <source srcset="https://placeholder.in2code.de/2560x800" media="(min-width: 1920px)" type="image/webp"/>
    <source srcset="https://placeholder.in2code.de/1920x800" media="(min-width: 768px)" type="image/webp"/>
    <source srcset="https://placeholder.in2code.de/768x800" type="image/webp"/><img loading="eager" fetchpriority="high" src="https://placeholder.in2code.de/2560x800" width="2560" height="1080" alt=""/>
  </picture>
  <div class="container">
    <div class="c-stage-subpage__content [modifier class]">
      <p class="roofline"></p>
      <h1>Campus Heilbronn</h1>
      <p>Studying at TUM Campus Heilbronn is a one-of-a-kind experience: academic excellence, top-notch facilities and stunning architecture combine here with a truly international student body as well as the proximity to Heilbronn’s city center and thriving job market.</p>
    </div>
  </div>
</div>
Source: assets/sass/06-components/stage/_components.stage-subpage.scss, line 5