/LinfoBigdataWeb/WebContent/WEB-INF/views/default_template/simple-sidebar.jsp

https://github.com/purepleya/linfo-terminalscraping-web · JavaServer Pages · 168 lines · 153 code · 15 blank · 0 comment · 3 complexity · 9611f6522177174c0ac8b0e0e5914ed7 MD5 · raw file 

    

  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

    2. 

  2. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

    3. 

  3. <!DOCTYPE html>

    4. 

  4. <html>

    5. 

  5. 

    6. 

  6. <head>

    7. 

  7.     <meta charset="utf-8">

    8. 

  8.     <meta name="viewport" content="width=device-width, initial-scale=1.0">

    9. 

  9.     <meta name="description" content="">

    10. 

  10.     <meta name="author" content="">

    11. 

  11. 

    12. 

  12.     <title>Starter Template for Bootstrap</title>

    13. 

  13. 

    14. 

  14.     <!-- Bootstrap core CSS -->

    15. 

  15.     <link href="<c:url value="/resources/css/bootstrap.css"/>" rel="stylesheet">

    16. 

  16. 

    17. 

  17.     <!-- Add custom CSS here -->

    18. 

  18.     <link href="<c:url value="/resources/css/modern-business.css"/>" rel="stylesheet">

    19. 

  19.     <link href="<c:url value="/resources/font-awesome/css/font-awesome.min.css"/>" rel="stylesheet">

    20. 

  20.     <link href="<c:url value="/resources/css/simple-sidebar.css"/>" rel="stylesheet">

    21. 

  21. 

    22. 

  22. 

    23. 

  23. </head>

    24. 

  24. 

    25. 

  25. <body>

    26. 

  26. 	<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">

    27. 

  27.         <div class="container">

    28. 

  28.             <div class="navbar-header">

    29. 

  29.                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">

    30. 

  30.                     <span class="sr-only">Toggle navigation</span>

    31. 

  31.                     <span class="icon-bar"></span>

    32. 

  32.                     <span class="icon-bar"></span>

    33. 

  33.                     <span class="icon-bar"></span>

    34. 

  34.                 </button>

    35. 

  35.                 <!-- You'll want to use a responsive image option so this logo looks good on devices - I recommend using something like retina.js (do a quick Google search for it and you'll find it) -->

    36. 

  36.                 <a class="navbar-brand" href="${pageContext.request.contextPath}">Modern Business</a>

    37. 

  37.             </div>

    38. 

  38. 

    39. 

  39.             <!-- Collect the nav links, forms, and other content for toggling -->

    40. 

  40.             <div class="collapse navbar-collapse navbar-ex1-collapse">

    41. 

  41.                 <ul class="nav navbar-nav navbar-right">

    42. 

  42.                     <li><a href="about">About</a>

    43. 

  43.                     </li>

    44. 

  44.                     <li><a href="services">Services</a>

    45. 

  45.                     </li>

    46. 

  46.                     <li><a href="">Contact</a>

    47. 

  47.                     </li>

    48. 

  48.                     <li class="dropdown">

    49. 

  49.                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">Portfolio <b class="caret"></b></a>

    50. 

  50.                         <ul class="dropdown-menu">

    51. 

  51.                             <li><a href="portfolio-1-col">1 Column Portfolio</a>

    52. 

  52.                             </li>

    53. 

  53.                             <li><a href="portfolio-2-col">2 Column Portfolio</a>

    54. 

  54.                             </li>

    55. 

  55.                             <li><a href="portfolio-3-col">3 Column Portfolio</a>

    56. 

  56.                             </li>

    57. 

  57.                             <li><a href="portfolio-4-col">4 Column Portfolio</a>

    58. 

  58.                             </li>

    59. 

  59.                             <li><a href="portfolio-item">Single Portfolio Item</a>

    60. 

  60.                             </li>

    61. 

  61.                         </ul>

    62. 

  62.                     </li>

    63. 

  63.                     <li class="dropdown">

    64. 

  64.                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <b class="caret"></b></a>

    65. 

  65.                         <ul class="dropdown-menu">

    66. 

  66.                             <li><a href="blog-home-1">Blog Home 1</a>

    67. 

  67.                             </li>

    68. 

  68.                             <li><a href="blog-home-2">Blog Home 2</a>

    69. 

  69.                             </li>

    70. 

  70.                             <li><a href="blog-post">Blog Post</a>

    71. 

  71.                             </li>

    72. 

  72.                         </ul>

    73. 

  73.                     </li>

    74. 

  74.                     <li class="dropdown">

    75. 

  75.                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">Other Pages <b class="caret"></b></a>

    76. 

  76.                         <ul class="dropdown-menu">

    77. 

  77.                             <li><a href="full-width">Full Width Page</a>

    78. 

  78.                             </li>

    79. 

  79.                             <li><a href="sidebar">Sidebar Page</a>

    80. 

  80.                             </li>

    81. 

  81.                             <li><a href="faq">FAQ</a>

    82. 

  82.                             </li>

    83. 

  83.                             <li><a href="404">404</a>

    84. 

  84.                             </li>

    85. 

  85.                             <li><a href="pricing">Pricing Table</a>

    86. 

  86.                             </li>

    87. 

  87.                         </ul>

    88. 

  88.                     </li>

    89. 

  89.                 </ul>

    90. 

  90.             </div>

    91. 

  91.             <!-- /.navbar-collapse -->

    92. 

  92.         </div>

    93. 

  93.         <!-- /.container -->

    94. 

  94.     </nav>

    95. 

  95.     

    96. 

  96.     <div id="wrapper">

    97. 

  97. 

    98. 

  98.         <!-- Sidebar -->

    99. 

  99.         <div id="sidebar-wrapper">

    100. 

  100.             <ul class="sidebar-nav">

    101. 

  101.                 <li class="sidebar-brand">&nbsp;</li>

    102. 

  102.                 <li><a href="#">Dashboard</a>

    103. 

  103.                 </li>

    104. 

  104.                 <li><a href="#">Shortcuts</a>

    105. 

  105.                 </li>

    106. 

  106.                 <li><a href="#">Overview</a>

    107. 

  107.                 </li>

    108. 

  108.                 <li><a href="#">Events</a>

    109. 

  109.                 </li>

    110. 

  110.                 <li><a href="#">About</a>

    111. 

  111.                 </li>

    112. 

  112.                 <li><a href="#">Services</a>

    113. 

  113.                 </li>

    114. 

  114.                 <li><a href="#">Contact</a>

    115. 

  115.                 </li>

    116. 

  116.             </ul>

    117. 

  117.         </div>

    118. 

  118. 

    119. 

  119.         <!-- Page content -->

    120. 

  120.         <div id="page-content-wrapper">

    121. 

  121.             <div class="content-header">

    122. 

  122.                 <h1>

    123. 

  123.                     <a id="menu-toggle" href="#" class="btn btn-default"><i class="icon-reorder"></i></a>

    124. 

  124.                     Simple Sidebar

    125. 

  125.                 </h1>

    126. 

  126.             </div>

    127. 

  127.             <!-- Keep all page content within the page-content inset div! -->

    128. 

  128.             <div class="page-content inset">

    129. 

  129.                 <div class="row">

    130. 

  130.                     <div class="col-md-12">

    131. 

  131.                         <p class="lead">This simple sidebar template has a hint of JavaScript to make the template responsive. It also includes Font Awesome icon fonts.</p>

    132. 

  132.                     </div>

    133. 

  133.                     <div class="col-md-6">

    134. 

  134.                         <p class="well">The template still uses the default Bootstrap rows and columns.</p>

    135. 

  135.                     </div>

    136. 

  136.                     <div class="col-md-6">

    137. 

  137.                         <p class="well">But the full-width layout means that you wont be using containers.</p>

    138. 

  138.                     </div>

    139. 

  139.                     <div class="col-md-4">

    140. 

  140.                         <p class="well">Three Column Example</p>

    141. 

  141.                     </div>

    142. 

  142.                     <div class="col-md-4">

    143. 

  143.                         <p class="well">Three Column Example</p>

    144. 

  144.                     </div>

    145. 

  145.                     <div class="col-md-4">

    146. 

  146.                         <p class="well">You get the idea! Do whatever you want in the page content area!</p>

    147. 

  147.                     </div>

    148. 

  148.                 </div>

    149. 

  149.             </div>

    150. 

  150.         </div>

    151. 

  151. 

    152. 

  152.     </div>

    153. 

  153. 

    154. 

  154.     <!-- JavaScript -->

    155. 

  155.     <script src="<c:url value="/resources/js/jquery-1.10.2.js"/>"></script>

    156. 

  156.     <script src="<c:url value="/resources/js/bootstrap.js"/>"></script>

    157. 

  157.     <script src="<c:url value="/resources/js/modern-business.js"/>"></script>

    158. 

  158. 

    159. 

  159.     <!-- Custom JavaScript for the Menu Toggle -->

    160. 

  160.     <script>

    161. 

  161.     $("#menu-toggle").click(function(e) {

    162. 

  162.         e.preventDefault();

    163. 

  163.         $("#wrapper").toggleClass("active");

    164. 

  164.     });

    165. 

  165.     </script>

    166. 

  166. </body>

    167. 

  167. 

    168. 

  168. </html>
    169.