File: C:\xampp\htdocs\mogul\HTML\bootstrap.html 11-Sep-15, 9:56:49 9 AM

Size: px

Start display at page:

Download "File: C:\xampp\htdocs\mogul\HTML\bootstrap.html 11-Sep-15, 9:56:49 9 AM"

Arabella Glenn
6 years ago
Views:

1 <!doctype html>  <html class="no-js" lang="en">  <link rel="stylesheet" href="../css/table.css"> <link rel="stylesheet" href="../css/fullcalendar.css"> <link rel="stylesheet" href="../css/simplemodal.css"> <link rel="stylesheet" href="../css/jquery.gritter.css"> <link rel="stylesheet" href="../css/jquery.wysiwyg.css"> <link rel="stylesheet" href="../css/chosen.css"> <link rel="stylesheet" href="../css/jquery-ui custom.css"> <link rel="stylesheet" href="../css/elfinder.min.css"> <link rel="stylesheet" href="../css/jqtransform.css"> <link rel="stylesheet" href="../css/style.css"> <link rel="stylesheet" href="../css/v2.css">    <link rel="stylesheet" href="../css/devices/smartphone.css" media="only screen and (min-width : 320px) and (max-width : 767px)"> <link rel="stylesheet" href="../css/devices/ipad.css" media="only screen and (min-width : 768px) and (max-width : 1024px)"> <!-- Page: 1

2  <script src="../js/libs/modernizr min.js"></script> </head> <body> <div id="body-container"> <div id="container"> <header> <a id="logo"></a> <div id="main-navigation"> <li><a href="#dashboard" class="active" id="dashboard-m"><span class="dashboard-32" title="dashboard area">dashboard</span></a></li> <div id="profile"> <div id="user-data">welcome: John Doe<br />name@domain.com <div class="clearfix"> <div id="user-notifications"> <li><a class="notifications-16 tt-top-center" title="2 new notifications"><span class="notification">2</span></a></li> <li><a class="messages-16 tt-top-center" title="3 new messages"><span class="notification">3</span></a></li> <li><a class="settings-16 tt-top-center" title="change your settings"></a></li> <li><a class="profile-16 tt-top-center" title="go to your profile"></a></li> <li><a href="#login" id="logout" class="logout-16 tt-top-center" title="click here to Page: 2

3 logout">logout</a></li> <div class="clearfix"> <div class="clearfix"> <div class="clearfix"> </header> <div id="main" role="main"> <div id="sub-navigation"> <div id="navigation-search"> <form> <input type="text" name="search" id="search" placeholder="search"></input> </form> <li><a title="new tickets" class="tt-top-center">7</a><span>new tickets</span></li> <li><a class="blue tt-top-center" title="new tasks">12</a><span>new tasks</span></li> <li><a class="green tt-top-center" title="you completed milestones">3</a><span>completed milestones</span></li> <a class="comment-16 tt-top-center" title="show modal popup" id="show-modal">modal</a> <a class="info-16 tt-top-center" title="show global notifications" id="add-notify">notifications</a> <div class="clearfix"> <div id="main-container">   <div id="body-section"> <div id="left-menu"> <li class="menu-trigger active"><a href="#" class="overview-16" id="c-overview">tab</a></li> Page: 3

4 <div class="clearfix"> <div id="content-container"> <div id="content"> <div class="c-overview"> <div class="bredcrumbs"> <li><a href="#">dashboard</a></li> <li><a href="#">overview</a></li> <div class="clearfix"> <div class="box-element"> <div class="box-head"><span class="forms-16"></span><h3>quick actions</h3><a href="" class="collapsable"></a> <div class="box-content"> <p>some content here...</p> <div class="clearfix"> <div class="clearfix"> <div class="clearfix">   <footer> <span>theme design & development by 7loops in 2012</span> </footer>    <div id="modal-content" class="modal-container"> Page: 4

5 <div class="modal-head"><h3>this is a simple modal popup</h3> <div class="modal-body"> <div class="i-label"> <label for="text_field">text Field</label> <div class="section-right"> <div class="section-input"><input type="text" name="text_field" id="text_field" class="i-text required"></input> <div class="i-divider"> <div class="i-label"> <label for="text_field">text Field</label> <div class="section-right"> <div class="section-input"><input type="text" name="text_field" id="text_field" class="i-text required"></input> <div class="clearfix"> <div class="modal-footer"> <input type="submit" name="submit" id="" class="i-button no-margin" value="submit" /> <div class="clearfix">   src="../js/mylibs/elfinder.min.js"></script> src="../js/mylibs/jquery.flot.js"></script> src="../js/mylibs/jquery.flot.pie.js"></script> src="../js/mylibs/jquery.flot.resize.js"></script> src="../js/mylibs/jquery.flot.stack.js"></script> src="../js/mylibs/jquery.flot.crosshair.js"></script> Page: 5

6 src="../js/mylibs/jquery.datatables.js"></script> src="../js/mylibs/jquery.tools.min.js"></script> src="../js/mylibs/fullcalendar.min.js"></script> src="../js/mylibs/jquery.gritter.min.js"></script> src="../js/mylibs/jquery.simplemodal.js"></script> src="../js/mylibs/jquery.autogrowtextarea.js"></script> src="../js/mylibs/jquery.wysiwyg.js"></script> src="../js/mylibs/controls/wysiwyg.image.js"></script> src="../js/mylibs/controls/wysiwyg.link.js"></script> src="../js/mylibs/controls/wysiwyg.table.js"></script> src="../js/mylibs/jquery.idtabs.min.js"></script> src="../js/mylibs/jquery.validate.min.js"></script> src="../js/mylibs/chosen.jquery.min.js"></script> src="../js/mylibs/jquery.jqtransform.js"></script> src="../js/mylibs/jquery.ba-hashchange.min.js"></script>  <script defer src="../js/init.js"></script>  <script defer src="../js/bootstrap.js"></script>   <!--[if lt IE 7 ]> <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/cfin stall.min.js"></script> <script>window.attachevent('onload',function(){cfinstall.che ck({mode:'overlay'})})</script> Page: 6

7 </body> </html> Page: 7

The starter app has a menu + 2 Views : Dashboard. About

Front End The starter app has a menu + 2 Views : Dashboard About All views will be based on structure laid down in Layout layout/main.hbs. Includes Semantic-UI CSS library View content will