# Podcast Channel Page

Ready

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

`

    <main role="main">
        <div class="container container-xl">
            <h1 class="section-title">Unsere Podcast-Channels</h1>
            <div class="podcast-channel-teaser podcast-channel-teaser--classic bg-image-edition-04">
                <h2 class="podcast-channel-teaser__title podcast-channel-teaser__title--classic"><span>Software</span><span>Architektur</span><span>Systeme</span><span>Menschen</span></h2>
                <a href="#" class="podcast-channel-teaser__link podcast-channel-teaser__link--classic">Alle Episoden</a>
            </div>

            <div class="podcast-channel-teaser podcast-channel-teaser--security bg-image-edition-24">
                <h2 class="podcast-channel-teaser__title podcast-channel-teaser__title--security">Der<br>Security<br>Podcast</h2>
                <a href="#" class="podcast-channel-teaser__link podcast-channel-teaser__link--security">Alle Episoden</a>
            </div>

            <div class="podcast-channel-teaser podcast-channel-teaser--ctoneedtoknow bg-image-podcast-02">
                <h2 class="podcast-channel-teaser__title podcast-channel-teaser__title--ctoneedtoknow">#CTO<br>NEED<br>TO<br>KNOW</h2>
                <p class="podcast-channel-teaser__caption">Der Podcast für Tech-Entscheider:innen
                </p>
                <a href="#" class="podcast-channel-teaser__link podcast-channel-teaser__link--ctoneedtoknow">Alle Episoden</a>
            </div>
        </div>
    </main>

`
`

    <main role="main">
        <div class="container container-xl">
            <h1 class="section-title">Unsere Podcast-Channels</h1>
            <div class="podcast-channel-teaser podcast-channel-teaser--classic bg-image-edition-04">
                <h2 class="podcast-channel-teaser__title podcast-channel-teaser__title--classic"><span>Software</span><span>Architektur</span><span>Systeme</span><span>Menschen</span></h2>
                <a href="#" class="podcast-channel-teaser__link podcast-channel-teaser__link--classic">Alle Episoden</a>
            </div>

            <div class="podcast-channel-teaser podcast-channel-teaser--security bg-image-edition-24">
                <h2 class="podcast-channel-teaser__title podcast-channel-teaser__title--security">Der<br>Security<br>Podcast</h2>
                <a href="#" class="podcast-channel-teaser__link podcast-channel-teaser__link--security">Alle Episoden</a>
            </div>

            <div class="podcast-channel-teaser podcast-channel-teaser--ctoneedtoknow bg-image-podcast-02">
                <h2 class="podcast-channel-teaser__title podcast-channel-teaser__title--ctoneedtoknow">#CTO<br>NEED<br>TO<br>KNOW</h2>
                <p class="podcast-channel-teaser__caption">Der Podcast für Tech-Entscheider:innen
                </p>
                <a href="#" class="podcast-channel-teaser__link podcast-channel-teaser__link--ctoneedtoknow">Alle Episoden</a>
            </div>
        </div>
    </main>

`
`

    /* No context defined. */

`
File:

- Content:
  `

  `
- URL: /components/raw/podcast-channel-page/_podcast-channel-page.scss
- Filesystem Path: components/01-pages/podcast-pages/podcast-channel-page/_podcast-channel-page.scss
- Size: 0 Byte

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

No notes defined.