×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: HTML
Posted by: Emerson Cruz
Added: Oct 8, 2016 4:29 PM
Modified: Oct 8, 2016 4:31 PM
Views: 2135
Tags: div
  1. <!DOCTYPE html>
  2. <html lang="en" ng-app="mainApp">
  3.     <head>
  4.  
  5.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6.  
  7.         <!-- Meta, title, CSS, favicons, etc. -->
  8.  
  9.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  10.         <meta name="viewport" content="width=device-width, initial-scale=1">
  11.  
  12.         <title>IP-Frota</title>
  13.  
  14.         <!-- Bootstrap core CSS -->
  15.  
  16.         <link href="../../dashboard_files/bootstrap.min.css" rel="stylesheet">
  17.         <link href='../../font-awesome-4.6.1/css/font-awesome.min.css' rel='stylesheet prefetch'>
  18.         <link href="../../dashboard_files/animate.min.css" rel="stylesheet">
  19.  
  20.         <!-- Custom styling plus plugins -->
  21.  
  22.         <link href="../../dashboard_files/custom.css" rel="stylesheet">
  23.         <link href="../../dashboard_files/jquery-jvectormap-2.0.1.css" rel="stylesheet" type="text/css">
  24.         <link href="../../dashboard_files/green.css" rel="stylesheet">
  25.         <link href="../../dashboard_files/floatexamples.css" rel="stylesheet">
  26.  
  27.         <script src="../../dashboard_files/jquery.min.js"></script>
  28.         <script src="../../utils/telacheia.js"></script>
  29.  
  30.         <!--[if lt IE 9]>
  31.            <script src="html5_recursos/ie8-responsive-file-warning.js"></script>
  32.            <![endif]-->
  33.  
  34.         <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  35.         <!--[if lt IE 9]>
  36.              <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  37.              <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  38.            <![endif]-->
  39.  
  40.         <script src="lib/angular-1.5.5/angular.js"></script>
  41.         <script src="lib/angular-ui/angular-ui-router.js"></script>
  42.         <script src="dashboard_files/ocLazyLoad.js"></script>
  43.         <!--<script src="https://rawgit.com/ocombe/ocLazyLoad/master/dist/ocLazyLoad.js"></script>-->
  44.         <script src="app/app.js"></script>
  45.         <script src="app/states.js"></script>
  46.         <script src="app/controllers.js"></script>
  47.  
  48.     </head>
  49.     <body class="nav-md" ng-controller="indexCtrl">
  50.         <div class="container body">
  51.             <div class="main_container">
  52.  
  53.                 <div class="col-md-3 left_col">
  54.                     <div class="left_col scroll-view" tabindex="5000" style="overflow: hidden; outline: none; cursor: -webkit-grab;">
  55.  
  56.                         <div ui-view="nav_title"></div>
  57.                        
  58.                         <div class="clearfix"></div>
  59.  
  60.                         <div ui-view="prile_quick"></div>
  61.  
  62.                         <div ui-view="menu"></div>
  63.                         <div ui-view="menu_footer_btn"></div>
  64.                     </div>
  65.                 </div>
  66.                 <div ui-view="top_nav"></div>
  67.  
  68.                 <div class="right_col" role="main">
  69.  
  70.                     <div ui-view="content"></div>
  71. <div class="row">
  72.  
  73.     <div class="col-md-12 col-sm-12 col-xs-12">
  74.         <div class="x_panel">
  75.             <div class="x_title">
  76.                 <h2>{{colOne.title}} <small>{{colOne.descr}}</small></h2>
  77.                 <ul class="nav navbar-right panel_toolbox">
  78.                     <li><a href="#"><i class="fa fa-chevron-up"></i></a>
  79.                     </li>
  80.                     <li class="dropdown">
  81.                         <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
  82.                             <i class="fa fa-wrench"></i>
  83.                         </a>
  84.                         <ul class="dropdown-menu" role="menu">
  85.                             <li><a href="#">Settings 1</a>
  86.                             </li>
  87.                             <li><a href="#">Settings 2</a>
  88.                             </li>
  89.                         </ul>
  90.                     </li>
  91.                     <li><a href="#"><i class="fa fa-close"></i></a>
  92.                     </li>
  93.                 </ul>
  94.                 <div class="clearfix"></div>
  95.             </div>
  96.             <div class="x_content">
  97.                 <div id="example_wrapper" class="dataTables_wrapper" role="grid">
  98.                    
  99.                    
  100.                    
  101.                    
  102.                     <table border="1">
  103.                         <tbody>
  104.                             <tr>
  105.                                 <td  rowspan="2">
  106.                                     123
  107.                                 </td>
  108.                                 <td>123</td>
  109.                                 <td>123</td>
  110.                             </tr>
  111.                             <tr>
  112.                                 <td>123</td>
  113.                                 <td>123</td>
  114.                             </tr>
  115.                             <tr>
  116.                                 <td>123</td>
  117.                             </tr>
  118.                             <tr>
  119.                                 <td>123</td>
  120.                             </tr>
  121.                         </tbody>
  122.                     </table>
  123.                    
  124.                     <div
  125.                    
  126.                    
  127.                    
  128.                    <table id="example" class="table table-striped responsive-utilities jambo_table dataTable" aria-describedby="example_info">
  129.                         <tbody role="alert" aria-live="polite" aria-relevant="all">
  130.                             <tr class="pointer odd">
  131.                                 <td class="a-center   sorting_1">
  132.                                     <div class="icheckbox_flat-green" style="position: relative;">
  133.                                         <input type="checkbox" class="tableflat" style="position: absolute; opacity: 0;">
  134.                                         <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins>
  135.                                     </div>
  136.                                 </td>
  137.                                 <td class=" ">121000040</td>
  138.                                 <td class=" ">May 23, 2014 11:47:56 PM </td>
  139.                                 <td class=" ">121000210 <i class="success fa fa-long-arrow-up"></i>
  140.                                 </td>
  141.                                 <td class=" ">John Blank L</td>
  142.                                 <td class="bg-success">Realizado</td>
  143.                                 <td class="a-right a-right  ">$112.50</td>
  144.                                 <td class=" last "><a href="#">Ver</a>
  145.                                 </td>
  146.                             </tr>
  147.                             <tr class="pointer even">
  148.                                 <td class="a-center   sorting_1">
  149.                                     <div class="icheckbox_flat-green" style="position: relative;">
  150.                                         <input type="checkbox" class="tableflat" style="position: absolute; opacity: 0;">
  151.                                         <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins>
  152.                                     </div>
  153.                                 </td>
  154.                                 <td class=" ">121000039</td>
  155.                                 <td class=" ">May 23, 2014 11:30:12 PM</td>
  156.                                 <td class=" ">121000208 <i class="success fa fa-long-arrow-up"></i>
  157.                                 </td>
  158.                                 <td class=" ">John Blank L</td>
  159.                                 <td class="bg-info">Em curso</td>
  160.                                 <td class="a-right a-right  ">$741.20</td>
  161.                                 <td class=" last "><a href="#">Ver</a>
  162.                                 </td>
  163.                             </tr>
  164.                             <tr class="pointer odd">
  165.                                 <td class="a-center   sorting_1">
  166.                                     <div class="icheckbox_flat-green checked" style="position: relative;">
  167.                                         <input type="checkbox" checked="" class="tableflat" style="position: absolute; opacity: 0;">
  168.                                         <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins>
  169.                                     </div>
  170.                                 </td>
  171.                                 <td class=" ">121000038</td>
  172.                                 <td class=" ">May 24, 2014 10:55:33 PM</td>
  173.                                 <td class=" ">121000203 <i class="success fa fa-long-arrow-up"></i>
  174.                                 </td>
  175.                                 <td class=" ">Mike Smith</td>
  176.                                 <td class="bg-success">Realizado</td>
  177.                                 <td class="a-right a-right  ">$432.00</td>
  178.                                 <td class=" last "><a href="#">Ver</a>
  179.                                 </td>
  180.                             </tr>
  181.                             <tr class="pointer even">
  182.                                 <td class="a-center   sorting_1">
  183.                                     <div class="icheckbox_flat-green" style="position: relative;">
  184.                                         <input type="checkbox" class="tableflat" style="position: absolute; opacity: 0;">
  185.                                         <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins>
  186.                                     </div>
  187.                                 </td>
  188.                                 <td class=" ">121000037</td>
  189.                                 <td class=" ">May 24, 2014 10:52:44 PM</td>
  190.                                 <td class=" ">121000204</td>
  191.                                 <td class=" ">Mike Smith</td>
  192.                                 <td class="bg-warning">Pendente</td>
  193.                                 <td class="a-right a-right  ">$333.21</td>
  194.                                 <td class=" last "><a href="#">Ver</a>
  195.                                 </td>
  196.                             </tr>
  197.                             <tr class="pointer odd">
  198.                                 <td class="a-center   sorting_1">
  199.                                     <div class="icheckbox_flat-green" style="position: relative;">
  200.                                         <input type="checkbox" class="tableflat" style="position: absolute; opacity: 0;">
  201.                                         <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins>
  202.                                     </div>
  203.                                 </td>
  204.                                 <td class=" ">121000040</td>
  205.                                 <td class=" ">May 24, 2014 11:47:56 PM </td>
  206.                                 <td class=" ">121000210</td>
  207.                                 <td class=" ">John Blank L</td>
  208.                                 <td class="bg-danger">Cancelado</td>
  209.                                 <td class="a-right a-right  ">$780.45</td>
  210.                                 <td class=" last "><a href="#">Ver</a>
  211.                                 </td>
  212.                             </tr>
  213.                         </tbody>
  214.                     </table>
  215.                 </div>
  216.             </div>
  217.         </div>
  218.     </div>
  219.  
  220.     <br>
  221.     <br>
  222.     <br>
  223.  
  224. </div>
  225.                     <div ui-view="footer"></div>
  226.  
  227.                 </div>
  228.                 <!-- /page content -->
  229.             </div>
  230.  
  231.  
  232.         </div>
  233.         <div ui-view="notifications"></div>
  234.         <div ui-view="scripts"></div>
  235.     </div>
  236. </div>
  237. </body></html>
  238.