<header class="header js-header" role="banner">
    <nav class="nav-main" role="navigation" vocab="http://schema.org/" typeof="SiteNavigationElement">
        <ul class="nav-main-list">
            <li class="nav-main-list__item ">
                <a href="#" title="Link title 1" target="" class="link   " property="url">Link text 1</a>

            </li>
            <li class="nav-main-list__item nav-main-list__item--active">
                <a href="#" title="Link title 2" target="" class="link true  " property="url">Link text 2</a>

            </li>
        </ul>
    </nav>

    <div class="topbar">
        <div class="container">
            <div class="topbar__inner">
                <div class="topbar__logo">
                    <img class="logo" src="../../dist/images/logo.svg">

                </div>
                <div class="topbar__navigation">
                    <div class="topbar__navigation-flex">
                        <div class="topbar__navigation-secondary">
                            More at <a href="https://github.com/Novicell/novicell-pattern-library" title="github.com/Novicell/novicell-pattern-library" target="" class="link   " property="url">github.com/Novicell/novicell-pattern-library</a>

                        </div>
                        <div class="topbar__navigation-primary">
                            <nav class="nav-main" role="navigation" vocab="http://schema.org/" typeof="SiteNavigationElement">
                                <ul class="nav-main-list">
                                    <li class="nav-main-list__item ">
                                        <a href="#" title="Home" target="" class="link   " property="url">Home</a>

                                    </li>
                                    <li class="nav-main-list__item nav-main-list__item--active">
                                        <a href="#" title="Get started" target="" class="link true  " property="url">Get started</a>

                                    </li>
                                    <li class="nav-main-list__item ">
                                        <a href="#" title="About" target="" class="link   " property="url">About</a>

                                    </li>
                                    <li class="nav-main-list__item ">
                                        <a href="#" title="About" target="" class="link   " property="url">About</a>

                                    </li>
                                    <li class="nav-main-list__item ">
                                        <a href="#" title="About" target="" class="link   " property="url">About</a>

                                    </li>
                                    <li class="nav-main-list__item ">
                                        <a href="#" title="About" target="" class="link   " property="url">About</a>

                                    </li>
                                    <li class="nav-main-list__item ">
                                        <a href="#" title="About" target="" class="link   " property="url">About</a>

                                    </li>
                                    <li class="nav-main-list__item ">
                                        <a href="#" title="About" target="" class="link   " property="url">About</a>

                                    </li>
                                </ul>
                            </nav>
                            <div class="topbar__navigation-search">
                                <input class="input  " type="search" name="search-input" id="search-id" placeholder="Search" />

                            </div>
                        </div>
                    </div>
                </div>
                <div class="nav-main-mobile">
                    <button class="mobile-navigation-button hamburger hamburger--squeeze" id="js-mobile-navigation-button" type="button">
		<div class="hamburger-box">
			<div class="hamburger-inner"></div>
		</div>
		<span class="hamburger-label js-hamburger-label" data-menu-text="Menu" data-close-text="Close">Menu</span>
	</button>
                </div>
            </div>
        </div>
    </div>

    <div class="topbar-related" id="js-topbar-related">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <h5 class="topbar-related__title">Related content/header: </h5>
                    <nav class="nav-main" role="navigation" vocab="http://schema.org/" typeof="SiteNavigationElement">
                        <ul class="nav-main-list">
                            <li class="nav-main-list__item ">
                                <a href="#" title="Home" target="" class="link   " property="url">Home</a>

                            </li>
                            <li class="nav-main-list__item nav-main-list__item--active">
                                <a href="#" title="Get started" target="" class="link true  " property="url">Get started</a>

                            </li>
                            <li class="nav-main-list__item ">
                                <a href="#" title="About" target="" class="link   " property="url">About</a>

                            </li>
                            <li class="nav-main-list__item ">
                                <a href="#" title="Contact" target="" class="link   " property="url">Contact</a>

                            </li>
                        </ul>
                    </nav>

                </div>
            </div>
        </div>
    </div>
</header>
<header class="header js-header" role="banner">
    {{ render '@nav-main-list' }}
    {{ render '@topbar' }}
    {{ render '@topbar-related' }}
</header>
/* No context defined for this component. */

There are no notes for this item.