Ceras/themes/ceras/node_modules/browser-sync-ui/static/components/panels.html

<div class="tube">
    <p>Page heading</p>
<div bs-panel="controls outline">
    <h1 bs-heading>
        <svg bs-svg-icon><use xlink:href="#svg-cog"></use></svg>
        Overview
    </h1>
</div>
<hr/>
    <div bs-panel="controls outline">
        <h1 bs-heading>
            <svg bs-svg-icon><use xlink:href="#svg-syncall"></use></svg>
            Sync all
        </h1>
    </div>
    <div bs-button-row>
        <button bs-button="inline icon-left success" ng-click="setMany(true)">
            <svg bs-svg-icon><use xlink:href="#svg-circle-ok"></use></svg>
            Enable All
        </button>
        <button bs-button="icon-left inline" ng-click="setMany(false)">
            <svg bs-svg-icon><use xlink:href="#svg-circle-delete"></use></svg>
            Disable all
        </button>
    </div>
</div>

<div bs-panel="controls outline">
    <h1 bs-heading>
        <svg bs-svg-icon><use xlink:href="#svg-cog"></use></svg>
        Overview
    </h1>
</div>
<hr/>