# Eyecatcher Social

Ready

- HTML
- View
- Context
- Info
- Notes

`

    <div class="eyecatcher eyecatcher--social">
        <p class="eyecatcher--social__text">Finden können Sie uns auch auf</p>
        <ul class="social-media-bar">
            <li class="social-media-bar__item">
                <a href="#" class="social-media-bar__link" title="Twitter">
                    <span class="icon icon-twitter icon--brand-white"></span>
                </a>
            </li>
            <li class="social-media-bar__item">
                <a href="#" class="social-media-bar__link" title="Youtube">
                    <span class="icon icon-youtube icon--brand-white"></span>
                </a>
            </li>
            <li class="social-media-bar__item">
                <a href="#" class="social-media-bar__link" title="Linkedin">
                    <span class="icon icon-linkedin icon--brand-white"></span>
                </a>
            </li>
            <li class="social-media-bar__item">
                <a href="#" class="social-media-bar__link" title="Xing">
                    <span class="icon icon-xing icon--brand-white"></span>
                </a>
            </li>
        </ul>
    </div>

`
`

    <div class="eyecatcher eyecatcher--social">
        <p class="eyecatcher--social__text">Finden können Sie uns auch auf</p>
        <ul class="social-media-bar">
            <li class="social-media-bar__item">
                <a href="#" class="social-media-bar__link" title="Twitter">
                    <span class="icon icon-twitter icon--brand-white"></span>
                </a>
            </li>
            <li class="social-media-bar__item">
                <a href="#" class="social-media-bar__link" title="Youtube">
                    <span class="icon icon-youtube icon--brand-white"></span>
                </a>
            </li>
            <li class="social-media-bar__item">
                <a href="#" class="social-media-bar__link" title="Linkedin">
                    <span class="icon icon-linkedin icon--brand-white"></span>
                </a>
            </li>
            <li class="social-media-bar__item">
                <a href="#" class="social-media-bar__link" title="Xing">
                    <span class="icon icon-xing icon--brand-white"></span>
                </a>
            </li>
        </ul>
    </div>

`
`

    /* No context defined. */

`

- Handle: @eyecatcher-social
- Preview:
  - With layout
  - Component only
- Filesystem Path: components/04-molecules/eyecatcher/eyecatcher-social/eyecatcher-social.html

No notes defined.