Skip to content

Instantly share code, notes, and snippets.

@lukrizal
Last active August 29, 2015 14:08
Show Gist options
  • Save lukrizal/835f66482a07d1460577 to your computer and use it in GitHub Desktop.
Save lukrizal/835f66482a07d1460577 to your computer and use it in GitHub Desktop.
<table class="table table-curved table-bordered">
<thead>
<tr>
<th style="width:20%;"><h5 class="text">Product</h5></th>
<th style="width:25%;"><h5 class="text">Order Details</h5></th>
<th style="width:20%;"><h5 class="text">Data</h5></th>
<th style="width:15%;"><h5 class="text">Shipping Date</h5></th>
<th style="width:20%;"><h5 class="text">Price</h5></th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p class="text product-name">Flyers</p>
<div class="clearfix" style="position:relative;">
<div class="img-wrapper pull-left">
<img src="http://www.printmark.jp/image/thumbnail/1338">
</div>
<a href="#" class="product-label text">
<span class="no-text hide">
Add Name <i class="fa fa-pencil-square"></i>
</span>
<span class="with-text">
<span>Sasd </span><i class="fa fa-pencil-square"></i>
</span>
</a>
</div>
<div class="action-buttons">
<ul class="list-inline">
<li><a class="text" href="#"><i class="fa fa-plus-circle text-success"></i> Duplicate</a></li>
<li><a class="text" href="#"><i class="fa fa-plus-circle text-danger"></i> Remove</a></li>
</ul>
</div>
</td>
<td>
<div class="clearfix">
<a class="text pull-right" href="#">
Edit <i class="fa fa-pencil-square"></i>
</a>
<p class="text">
<strong>Size:</strong> <span>A4</span>
</p>
<p class="text">
<strong>Quantity:</strong> <span>A4</span>
</p>
<p class="text">
<strong>Colors:</strong> <span>A4</span>
</p>
<p class="text">
<strong>Paper:</strong> <span>A4</span>
</p>
<a class="pa-btn pa-pale-red">
See Finishing
</a>
</div>
</td>
<td>
<strong class="text text-success">Print Data:</strong>
<p class="text clearfix">
<span></span>
<a class="text pull-right" href="#">
Change <i class="fa fa-pencil-square"></i>
</a>
</p>
<hr class="data-hr"/>
<strong class="text text-red">Proof Data:</strong>
<p class="text clearfix">
<span></span>
<a class="text pull-right" href="#">
Change <i class="fa fa-pencil-square"></i>
</a>
</p>
<p class="text">
<a class="text" href="#">
<i class="fa fa-plus-circle text-success"></i> Note: <span>--</span>
</a>
</p>
</td>
<td>
<div class="calendar" style="width:70%;">
<div class="month"><span class="text">Nov</span></div>
<div class="day">
<strong class="text">11</strong>
<small class="text">Estimated</small>
</div>
</div>
<p class="text text-center">(4 Working Days)</p>
</td>
<td>
<p class="text">
<strong>Printing:</strong> <span></span>
</p>
<p class="text">
<strong>Finishes:</strong> <span></span>
</p>
<p class="text">
<strong>Delivery:</strong> <span></span>
</p>
<p class="text sub-total">
<strong>Subtotal:</strong> <span></span>
</p>
</td>
</tr>
</tbody>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment