Markup: ..\..\styleguide\templates\organisms\main-navbar.html
<div class="rocksite-o-navbar-main u-fill-overlay js-menu-to-resize ">
<div class="rocksite-o-navbar-main__header">
<h4 class="rocksite-a-logo" itemprop="headline">
<a href="#" title="" rel="home" class="rocksite-a-logo__link">
<img src="../assets/images/logo.png" alt="" class="rocksite-a-logo__link__image">
</a>
</h4>
</div>
<ul class="rocksite-m-nav-menu -dropdown-menu">
<li class="rocksite-m-nav-menu__item "><a
href="#" class="rocksite-m-nav-menu__link">Home Page</a>
</li>
<li class="rocksite-m-nav-menu__item "><a
href="#" class="rocksite-m-nav-menu__link">About Us</a>
</li>
<li class="rocksite-m-nav-menu__item -has-children "><a
href="#" class="rocksite-m-nav-menu__link">Services</a>
<ul class="rocksite-m-nav-menu__sub-nav">
<li class="rocksite-m-nav-menu__sub-nav__item"><a
href="#" class="rocksite-m-nav-menu__sub-nav__link">Submenu 1</a></li>
<li class="rocksite-m-nav-menu__sub-nav__item"><a
href="#" class="rocksite-m-nav-menu__sub-nav__link">Submenu 2</a></li>
<li class="rocksite-m-nav-menu__sub-nav__item"><a
href="#" class="rocksite-m-nav-menu__sub-nav__link">Submenu 3</a></li>
</ul>
</li>
<li class="rocksite-m-nav-menu__item "><a
href="#" class="rocksite-m-nav-menu__link">Our Offer</a>
</li>
<li class="rocksite-m-nav-menu__item "><a
href="#" class="rocksite-m-nav-menu__link">Contact Us</a>
</li>
<li class="rocksite-m-nav-menu__item js-expand-search -icon-item"><a
href="#" class="rocksite-m-nav-menu__link"><i class="fa fa-search"></i></a>
</li>
</ul>
<div class="rocksite-o-navbar-main__search-bar js-search-box-to-expand u-hidden u-fill-overlay__inner -right">
<div class="rocksite-o-search-navbar">
<a href="#" class="rocksite-a-button-icon rocksite-o-search-navbar__close -transparent js-close-search"><i class="la la-close"></i> <span>214 K</span>
</a>
<form role="search" method="get" id="searchform-content"
class="rocksite-m-input-connections -searchform rocksite-o-search-navbar__search-box" action="//127.0.0.1:3000/wordpress4.8/">
<div class="rocksite-m-input-connections__group">
<input type="text" value="" name="s" class="rocksite-m-input-connections__group__input" placeholder="Search">
<span class="rocksite-m-input-connections__group__btn">
<button class="rocksite-a-button-icon -secondary">
<i class="la la-search"></i>
</button>
</span>
</div>
</form>
</div>
</div>
</div>
Source:
../source/scss/components/organisms/_main-navbar.scss
, line 1