# masthead component

## CSS

```css
<link rel="stylesheet" href="node_modules/pfdemo/dist/css/pf-masthead.css">    
```

## Template

```html
<div class="pf-masthead">
    <div class="pf-masthead__logo">
        <a href="">
            <img class="pf-masthead__img" src="images/logo.svg" alt="">
        </a>
    </div>
    <ul class="pf-masthead__menu">
        <li class="pf-masthead__item">
            <a href="#0" class="pf-masthead__link">
                <i class="fa fa-fw fa-dashboard pf-masthead__icon"></i>
                <span class="pf-masthead__link-value">Lorem</span>
            </a>
        </li>
        <li class="pf-masthead__item">
            <a href="#0" class="pf-masthead__link">
                <i class="fa fa-fw fa-shield pf-masthead__icon"></i>
                <span class="pf-masthead__link-value">Dolor</span>
            </a>
        </li>
        <li class="pf-masthead__item">
            <a href="#0" class="pf-masthead__link">
                <i class="fa fa-fw fa-graduation-cap pf-masthead__icon"></i>
                <span class="pf-masthead__link-value">Adipscing</span>
            </a>
        </li>
        <li class="pf-masthead__item">
            <a href="#0" class="pf-masthead__link">
                <i class="fa fa-fw fa-gamepad pf-masthead__icon"></i>
                <span class="pf-masthead__link-value">Lorem</span>
            </a>
        </li>
    </ul>
</div>
```