header.html

<div class="ui mobile reversed doubling stackable grid container row">
    <div class="five wide column">
        <div class="logo">
            <a href="#">
                <h1>Demo<span>Shop</span></h1>
            </a>
        </div>
    </div>
    <div class="five wide column">
        <div class="searching">
            <div class="ui small icon input">
                <input placeholder="Search..." type="text">
                <i class="search icon"></i>
            </div>
        </div>
    </div>
    <div class="six wide column">
        <div class="ui right aligned grid doubling stackable container options">
            <div class="five wide column">
                <i class="browser icon"></i><a href="#">Wished list </a>
            </div>
            <div class="five wide column">
                <div class="ui inline dropdown">
                    <div class="text title">UAH</div>
                    <i class="dropdown icon"></i>
                    <div id="currency" class="menu">
                    </div>
                </div>
            </div>
            <div class="six wide column">
                <div class="ui inline dropdown">
                    <div class="text"><i class="help circle icon"></i>Service/Help</div>
                    <i class="dropdown icon"></i>
                    <div class="menu">
                        <div class="item">...</div>
                        <div class="item">...</div>
                        <div class="item">...</div>
                    </div>
                </div>
            </div>
            <div class="right aligned sixteen wide column account-btn">
                <button><i class="heart icon"></i></button>
                <button class="account"><i class="user icon"></i> My account</i></button>
                <button class="basket" onclick="modalOpenBasket()"><span class="icon-numbers">0</span><i class="shop icon"></i><span class="icon-count amount">0</span></button>
            </div>
        </div>
    </div>
</div>