Table

Table style 1

Product Total
Dummy Product Name x 2 $86.00
Dummy Product Name x 1 $69.00
Cart Subtotal $155.00
Shipping and Handing $15.00
Vat $00.00
Order Total $170.00

    <div class="our-order payment-details">
    <table>

    <thead>
    <tr>
    <th><strong>Product</strong></th>
    <th class="text-right"><strong>Total</strong></th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>Dummy Product Name  x 2</td>
    <td class="text-right">$86.00</td>
    </tr>
    <tr>
    <td>Dummy Product Name  x 1</td>
    <td class="text-right">$69.00</td>
    </tr>
    <tr>
    <td>Cart Subtotal</td>
    <td class="text-right">$155.00</td>
    </tr>
    <tr>
    <td>Shipping and Handing</td>
    <td class="text-right">$15.00</td>
    </tr>
    <tr>
    <td>Vat</td>
    <td class="text-right">$00.00</td>
    </tr>
    <tr>
    <td>Order Total</td>
    <td class="text-right">$170.00</td>
    </tr>
    </tbody>
    </table>
    </div>


    /* payment-details */
    .payment-details table { width: 100%;}
    .payment-details table th {
    background: #f5f5f5 none repeat scroll 0 0;
    color: #666;
    font-weight: 900;
    padding: 10px 30px;
    text-transform: uppercase;
    }
    .payment-details table td{
    color: #999;
    font-weight: 700;
    padding: 7px 30px;
    }
    .payment-details table tr {
    border-bottom: 1px solid #E5E5E5;
    }
    .payment-details table tr:last-child {
    border-bottom: 0;
    }
    .payment-details table tr:last-child td {
    color: #c87065;
    padding: 15px 30px 0;
    }





Table style 2

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

  <table class="table table-condensed">
    <thead>
      <tr>
        <th>#</th>
        <th>First Name</th>
    	<th>Last Name</th>
        <th>Username</th>
      </tr>
    </thead>
    <tbody>
      <tr>
    	<td>1</td>
        <td>Mark</td>
        <td>Otto</td>
        <td>@mdo</td>
      </tr>
      <tr>
    	<td>2</td>
        <td>Jacob</td>
        <td>Thornton</td>
        <td>@fat</td>
      </tr>
      <tr>
    	<td>3</td>
        <td>Larry</td>
        <td>the Bird</td>
        <td>@twitter</td>
      </tr>
    </tbody>
 </table>








Table style 3

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

<table class="table table-bordered">
  <thead>
    <tr>
      <th>#</th>
      <th>First Name</th>
      <th>Last Name</th>
      <th>Username</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <td>3</td>
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>







Lorem ipsum dolor sit amet, est et integre utroque, cu mea purto cetero rationibus. At has quot cibo soleat, te vim dolorum epicurei perpetua. Sit homero putent voluptaria ex,

Contact Us
NEWSLETTER

Stay up to date about product drops, news and special sales.

COPYRIGHT 2017 shoptym ALL RIGHTS RESERVED. POWERED BY webcontrive