<Level>
    <LevelLeft>
        <LevelItem>
            <Subtitle Size="Size.Size5">  <strong>123</strong> posts</Subtitle>
        </LevelItem>
        <LevelItem>
            <Field HasAddons>
                <Control><Input placeholder="Find a post" TValue="@string" /></Control>
                <Control><Button>Search</Button></Control>
            </Field>
        </LevelItem>
    </LevelLeft>
    <LevelRight>
        <LevelItem><strong>All</strong></LevelItem>
        <LevelItem><a>Published</a></LevelItem>
        <LevelItem><a>Drafts</a></LevelItem>
        <LevelItem><a>Deleted</a></LevelItem>
        <LevelItem><Button Color="Color.Success">New</Button></LevelItem>
    </LevelRight>
</Level>

<Level>
    <LevelItem class="@B.TextCentered">
        <div>
            <p class="heading">Tweets</p>
            <p class="title">3,456</p>
        </div>
    </LevelItem>
    <LevelItem class="@B.TextCentered">
        <div>
            <p class="heading">Following</p>
            <p class="title">123</p>
        </div>
    </LevelItem>
    <LevelItem class="@B.TextCentered">
        <div>
            <p class="heading">Followers</p>
            <p class="title">456K</p>
        </div>
    </LevelItem>
    <LevelItem class="@B.TextCentered">
        <div>
            <p class="heading">Likes</p>
            <p class="title">789</p>
        </div>
    </LevelItem>
</Level>

<Level>
    <LevelItem class="@B.TextCentered">
        <a class="link is-info">Home</a>
    </LevelItem>
    <LevelItem class="@B.TextCentered">
        <a class="link is-info">Menu</a>
    </LevelItem>
    <LevelItem class="@B.TextCentered">
        <img src="/images/bulmarazor-logo.png" alt="" style="height: 30px;">
    </LevelItem>
    <LevelItem class="@B.TextCentered">
        <a class="link is-info">Reservations</a>
    </LevelItem>
    <LevelItem class="@B.TextCentered">
        <a class="link is-info">Contact</a>
    </LevelItem>
</Level>

<Level IsMobile>
    <LevelItem class="@B.TextCentered">
        <div>
            <p class="heading">Tweets</p>
            <p class="title">3,456</p>
        </div>
    </LevelItem>
    <LevelItem class="@B.TextCentered">
        <div>
            <p class="heading">Following</p>
            <p class="title">123</p>
        </div>
    </LevelItem>
    <LevelItem class="@B.TextCentered">
        <div>
            <p class="heading">Followers</p>
            <p class="title">456K</p>
        </div>
    </LevelItem>
    <LevelItem class="@B.TextCentered">
        <div>
            <p class="heading">Likes</p>
            <p class="title">789</p>
        </div>
    </LevelItem>
</Level>