Advertisement
GeorgeWL

Popover table in Panel

Apr 21st, 2016
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 8.38 KB | None | 0 0
  1. <div class="tab-pane active" id="panel-1">
  2.                         <div class="panel panel-primary">
  3.                               <div class="panel-heading">
  4.                                   Companies Limited by Shares
  5.                               </div>
  6.                               <div class="panel-body">
  7.                                   <p>
  8.                                       Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.
  9.                                   </p>
  10.                               </div>
  11.                               <table class="table table-hover table-condensed">
  12.                                 <tbody>
  13.                                     <tr>
  14.                                         <th class="text-center info" colspan="2">
  15.                                           &nbsp;
  16.                                         </th>
  17.                                         <th class="text-center info">
  18.                                                     Standard
  19.                                         </th>
  20.                                         <th class="text-center info">
  21.                                            Professional
  22.                                         </th>
  23.                                         <th class="text-center info">
  24.                                            Executive
  25.                                         </th>
  26.                                     </tr>
  27.                                     <tr>
  28.                                         <th colspan="2" class="text-center">
  29.                                          Included in Price
  30.                                         </th>
  31.  
  32.                                           <th class="text-center">
  33.                                            £65.00 inc vat
  34.                                           </th>
  35.                                           <th class="text-center">
  36.                                            £106.00 inc vat
  37.                                           </th>
  38.                                           <th class="text-center">
  39.                                              £199.00 inc vat
  40.                                           </th>
  41.                                     </tr>
  42.                                           <tr>
  43.                                             <td class="img-responsive" style="margin-left:15px; padding-left:35px;">
  44.                                                 <img src="images/mtmblue.png">
  45.                                             </td>
  46.                                           <td>
  47.                                             Free Portal to Company Manager
  48.                                           <a href="#" title="info1" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Some content1"><i class="fa fa-info-circle"></i></a>
  49.                                           <span class="sr-only">Info </span>
  50.                                           </td>
  51.                                           <td class="text-center">
  52.                                            <i class="fa fa-check text-success"></i><span class="sr-only">Yes</span>
  53.                                           </td>
  54.                                           <td class="text-center">
  55.                                            <i class="fa fa-check text-success"></i><span class="sr-only">Yes</span>
  56.                                           </td>
  57.                                           <td class="text-center">
  58.                                            <i class="fa fa-check text-success"></i><span class="sr-only">Yes</span>
  59.                                           </td>
  60.                                           </tr>
  61.                                           <tr>
  62.                                           <td class="text-center">
  63.                                               <img src="images/chouse.png">
  64.                                           </td>
  65.                                           <td>
  66.                                             Company Incorporation
  67.                                           <a href="#" title="info2" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Some content2"><i class="fa fa-info-circle"></i></a>
  68.                                           </td>
  69.                                                                       <td class="text-center">
  70.                                            <i class="fa fa-check text-success"></i><span class="sr-only">Yes</span>
  71.                                           </td>
  72.                                                                       <td class="text-center">
  73.                                            <i class="fa fa-check text-success"></i><span class="sr-only">Yes</span>
  74.                                           </td>
  75.                                                                       <td class="text-center">
  76.                                            <i class="fa fa-check text-success"></i><span class="sr-only">Yes</span>
  77.                                           </td>
  78.                                                                       </tr>
  79.                                                                       <tr>
  80.                                                                       <td class="text-center">
  81.                                                                           <img src="images/chouse.png" alt=""></td>
  82.                                                                       <td>
  83.                                            Companies House Fees
  84.                                           <a href="#" title="info3" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Some content3"><i class="fa fa-info-circle"></i></a>
  85.                                           </td>
  86.                                                                       <td class="text-center">
  87.                                            <i class="fa fa-check text-success"></i><span class="sr-only">Yes</span>
  88.                                           </td>
  89.                                                                       <td class="text-center">
  90.                                            <i class="fa fa-check text-success"></i><span class="sr-only">Yes</span>
  91.                                           </td>
  92.                                                                       <td class="text-center">
  93.                                            <i class="fa fa-check text-success"></i><span class="sr-only">Yes</span>
  94.                                           </td>
  95.                                                                       </tr>            
  96.                                                                       <tr>
  97.                                                                       <td class="text-center"><img src="images/pdf.png" alt=""></td>
  98.                                                                       <td>
  99.                                            Digital Share Certificates
  100.                                           <a href="#" title="info4" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Some content4"><i class="fa fa-info-circle"></i></a>
  101.                                           </td>
  102.                                                                       <td class="text-center">
  103.                                            <i class="fa fa-times text-danger"></i><span class="sr-only">No</span>
  104.                                           </td>
  105.                                                                       <td class="text-center">
  106.                                            <i class="fa fa-check text-success"></i><span class="sr-only">Yes</span>
  107.                                           </td>
  108.                                                                       <td class="text-center">
  109.                                            <i class="fa fa-check text-success"></i><span class="sr-only">Yes</span>
  110.                                           </td>
  111.                                                                       </tr>                        
  112.                                       </tbody>
  113.                                 </table>
  114. </div>
  115. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement