| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <title>Flight Mail</title> |
| <link rel="stylesheet" href="components/bootstrap/css/bootstrap.min.css"> |
| <link rel="stylesheet" href="components/bootstrap/css/bootstrap-responsive.min.css"> |
| <link rel="stylesheet" href="app/css/custom.css"> |
| </head> |
| |
| <body> |
| <br> |
| |
| <div class="container-fluid"> |
| <div class="row-fluid"> |
| <div class="span2"> |
| <div class="sidebar-nav"> |
| |
| <button id="new_mail" class="btn compose" data-toggle="dropdown">New</button> |
| |
| <br><br> |
| |
| <ul id="folders" class="nav nav-list"> |
| <li class="folder-item selected" id="inbox"><i class="icon-folder-close"></i> Inbox</li> |
| <li class="folder-item" id="later"><i class="icon-folder-close"></i> Later</li> |
| <li class="folder-item" id="sent"><i class="icon-share-alt"></i> Sent</li> |
| <li class="folder-item" id="trash"><i class="icon-trash"></i> Trash</li> |
| </ul> |
| </div> |
| </div> |
| |
| <div id="mail_panel" class="span10"> |
| |
| <div id="mail_controls" class="btn-toolbar" style="margin: 0 0 13px"> |
| <div class="btn-group"> |
| <button id="delete_mail" class="btn mail-action" disabled><i class="icon-trash"></i> delete</button> |
| <button id="move_mail" class="btn mail-action" disabled><i class="icon-move"></i> move</button> |
| <button id="forward" class="btn compose mail-action single-item" disabled><i class="icon-arrow-right"></i> forward</button> |
| <button id="reply" class="btn compose mail-action single-item" disabled><i class="icon-pencil"></i> reply</button> |
| </div> |
| </div> |
| |
| <table id="mail_items" class="hero-unit table table-hover" style="background-color: #FFFFFF"> |
| <tbody id="mail_items_TB"> |
| </tbody> |
| </table> |
| </div> |
| </div> |
| </div> |
| |
| <div id="compose_box" class="compose-box modal hide fade in"></div> |
| |
| <div id="move_to_selector" class="move-to-selector hide"></div> |
| |
| <script src="components/jquery/jquery.js"></script> |
| <script src="components/es5-shim/es5-shim.js"></script> |
| <script src="components/es5-shim/es5-sham.js"></script> |
| <script data-main="requireMain.js" src="components/requirejs/require.js"></script> |
| </body> |
| </html> |