# Standard Header Default

Ready

- HTML
- View
- Context
- Info
- Notes

`

    <header class="standard-header" style="background-image: url(../../assets/bg-images/general/visual-trainings-01.webp); background-color: var(--overlay-standard-color);">
        <span class="standard-header__type standard-header__type--underlined">Content Type</span>
        <h1 class="standard-header__title">Titel Filet mignon sausage tongue, hamburger porchetta fatback kielbasa</h1>
        <h2 class="standard-header__subtitle">Subtitle Filet mignon sausage tongue, hamburger porchetta fatback kielbasa</h2>
        <div class="standard-header__intro">
            <time class="standard-header__intro__label">
                01.01.2018
            </time>
            <h2 class="standard-header__intro-headline">Intro Headline Text goes here</h2>
            <div class="standard-header__intro__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>
            <div class="content-separator content-seperator--inverted">
                <time class="content-separator__date date" datetime="2017-06-26">26. Juni 2017</time>
                <hr class="content-separator__separator" />
                <time class="content-separator__duration duration" datetime="P8M">8 Min. Lesedauer</time>
            </div>
        </div>
    </header>

`
`

    <header class="standard-header" style="background-image: url({{ path '/assets/bg-images/general/visual-trainings-01.webp' }}); background-color: var(--overlay-standard-color);">
        <span class="standard-header__type standard-header__type--underlined">Content Type</span>
        <h1 class="standard-header__title">Titel Filet mignon sausage tongue, hamburger porchetta fatback kielbasa</h1>
        <h2 class="standard-header__subtitle">Subtitle Filet mignon sausage tongue, hamburger porchetta fatback kielbasa</h2>
        <div class="standard-header__intro">
            <time class="standard-header__intro__label">
                01.01.2018
            </time>
            <h2 class="standard-header__intro-headline">Intro Headline Text goes here</h2>
            <div class="standard-header__intro__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>
            <div class="content-separator content-seperator--inverted">
                <time class="content-separator__date date" datetime="2017-06-26">26. Juni 2017</time>
                <hr class="content-separator__separator" />
                <time class="content-separator__duration duration" datetime="P8M">8 Min. Lesedauer</time>
            </div>
        </div>
    </header>

`
`

    /* No context defined. */

`

- Handle: @standard-header-default
- Preview:
  - With layout
  - Component only
- Filesystem Path: components/03-organisms/header/standard-header/standard-header-default.html

No notes defined.