welsonjs/app/servers.html

<div class="cell">
    <div class="col">
        <div id="listview_notices" class="cell panel">
            <div class="header">공지사항</div>
            <div class="template body">
                <div class="cell">
                    <div class="col">
                        <div class="col width-fit mobile-width-fit"><span class="icon icon-bell color-blue"></span></div>
                        <div class="col width-fill mobile-width-fill">
                            <span class="float-right">
                                <span class="ping text">
                                    N/A
                                </span>
                                <span class="icon icon-time"></span>
                            </span>
                            <div class="col width-fill mobile-width-fill">
                                <a class="title fatty" href="#">Repo 1</a>
                            </div>
                            <div class="description col">
                                <span class="text">This is one of my coolest repos.</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="cell">
    <div class="col width-1of2">
        <div id="listview_servers" class="cell panel">
            <div class="header">서버 목록</div>
            <div class="template body">
                <div class="cell">
                    <div class="col">
                        <div class="col width-fit mobile-width-fit"><span class="icon icon-bookmark color-blue"></span></div>
                        <div class="col width-fill mobile-width-fill">
                            <span class="float-right">
                                <span class="ping text">
                                    N/A
                                </span>
                                <span class="icon icon-bolt color-yellow"></span>
                            </span>
                            <div class="col width-fill mobile-width-fill">
                                <a class="title fatty" href="#">Repo 1</a>
                            </div>
                            <div class="description col">
                                <span class="text">This is one of my coolest repos.</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col width-fill">
        <div id="listview_applications" class="cell panel">
            <div class="header">활성 어플리케이션 목록</div>
            <div class="template body">
                <div class="cell">
                    <div class="col">
                        <div class="col width-fit mobile-width-fit"><span class="icon icon-bookmark color-blue"></span></div>
                        <div class="col width-fill mobile-width-fill">
                            <div class="col width-fill mobile-width-fill">
                                <a class="title fatty" href="#">Repo 1</a>
                            </div>
                            <div class="description col">
                                <select class="ipaddr">
                                    <option value="">아이피 선택...</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="cell">
    <div class="col">
        <div class="float-left">
            <button id="btn_logout" class="button" type="button">로그아웃</button>
            <button id="btn_refresh" class="button" type="button">새로고침</button>
        </div>
        <div class="float-right">
            <button id="btn_close" class="button" type="button">닫기</button>
        </div>
    </div>
</div>