|
|
| Line 1: |
Line 1: |
| | | <table class="table"> |
| <div class="ocsp-wrapper"> | | <thead> |
| | | <tr> |
| <div class="ocsp-table">
| | <th scope="col">#</th> |
|
| | <th scope="col">First</th> |
| <div class="ocsp-row ocsp-header">
| | <th scope="col">Last</th> |
| <div class="ocsp-cell">
| | <th scope="col">Handle</th> |
| Name
| | </tr> |
| </div>
| | </thead> |
| <div class="ocsp-cell">
| | <tbody> |
| Age
| | <tr> |
| </div>
| | <th scope="row">1</th> |
| <div class="ocsp-cell">
| | <td>Mark</td> |
| Occupation
| | <td>Otto</td> |
| </div>
| | <td>@mdo</td> |
| <div class="ocsp-cell">
| | </tr> |
| Location
| | <tr> |
| </div>
| | <th scope="row">2</th> |
| </div>
| | <td>Jacob</td> |
|
| | <td>Thornton</td> |
| <div class="ocsp-row">
| | <td>@fat</td> |
| <div class="ocsp-cell" data-title="Name">
| | </tr> |
| Luke Peters
| | <tr> |
| </div>
| | <th scope="row">3</th> |
| <div class="ocsp-cell" data-title="Age">
| | <td>Larry</td> |
| 25
| | <td>the Bird</td> |
| </div>
| | <td>@twitter</td> |
| <div class="ocsp-cell" data-title="Occupation">
| | </tr> |
| Freelance Web Developer
| | </tbody> |
| </div>
| | </table> |
| <div class="ocsp-cell" data-title="Location">
| |
| Brookline, MA
| |
| </div>
| |
| </div> | |
|
| |
| <div class="ocsp-row">
| |
| <div class="ocsp-cell" data-title="Name"> | |
| Joseph Smith
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Age"> | |
| 27
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Occupation"> | |
| Project Manager
| |
| </div>
| |
| <div class="cell" data-title="Location"> | |
| Somerville, MA
| |
| </div>
| |
| </div> | |
|
| |
| <div class="ocsp-row">
| |
| <div class="ocsp-cell" data-title="Name">
| |
| Maxwell Johnson
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Age">
| |
| 26
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Occupation">
| |
| UX Architect & Designer
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Location">
| |
| Arlington, MA
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="ocsp-row">
| |
| <div class="ocsp-cell" data-title="Name">
| |
| Harry Harrison
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Age">
| |
| 25
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Occupation">
| |
| Front-End Developer
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Location">
| |
| Boston, MA
| |
| </div>
| |
| </div>
| |
|
| |
| </div> | |
|
| |
| <div class="ocsp-table"> | |
| | |
| <div class="ocsp-row ocsp-header green">
| |
| <div class="ocsp-cell">
| |
| Product
| |
| </div>
| |
| <div class="ocsp-cell">
| |
| Unit Price
| |
| </div>
| |
| <div class="ocsp-cell"> | |
| Quantity
| |
| </div>
| |
| <div class="ocsp-cell">
| |
| Date Sold
| |
| </div>
| |
| <div class="ocsp-cell">
| |
| Status
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="ocsp-row">
| |
| <div class="ocsp-cell" data-title="Product">
| |
| Solid oak work table
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Unit Price"> | |
| $800
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Quantity"> | |
| 10
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Date Sold"> | |
| 03/15/2014
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Status">
| |
| Waiting for Pickup
| |
| </div>
| |
| </div> | |
| | |
| <div class="ocsp-row">
| |
| <div class="ocsp-cell" data-title="Product">
| |
| Leather iPhone wallet
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Unit Price">
| |
| $45
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Quantity"> | |
| 120
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Date Sold">
| |
| 02/28/2014
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Status">
| |
| In Transit
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="ocsp-row">
| |
| <div class="ocsp-cell" data-title="Product">
| |
| 27" Apple Thunderbolt displays
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Unit Price">
| |
| $1000
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Quantity">
| |
| 25
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Date Sold">
| |
| 02/10/2014
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Status">
| |
| Delivered
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="ocsp-row">
| |
| <div class="ocsp-cell" data-title="Product">
| |
| Bose studio headphones
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Unit Price">
| |
| $60
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Quantity">
| |
| 90
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Date Sold">
| |
| 01/14/2014
| |
| </div>
| |
| <div class="ocsp-cell" data-title="Status">
| |
| Delivered
| |
| </div>
| |
| </div>
| |
|
| |
| </div>
| |
|
| |
| <div class="table">
| |
|
| |
| <div class="row header blue">
| |
| <div class="cell">
| |
| Username
| |
| </div>
| |
| <div class="cell">
| |
| Email
| |
| </div>
| |
| <div class="cell">
| |
| Password
| |
| </div>
| |
| <div class="cell"> | |
| Active
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="row">
| |
| <div class="cell" data-title="Username"> | |
| ninjalug
| |
| </div>
| |
| <div class="cell" data-title="Email"> | |
| misterninja@hotmail.com
| |
| </div>
| |
| <div class="cell" data-title="Password">
| |
| ************
| |
| </div>
| |
| <div class="cell" data-title="Active">
| |
| Yes
| |
| </div>
| |
| </div> | |
| | |
| <div class="row">
| |
| <div class="cell" data-title="Username">
| |
| jsmith41
| |
| </div>
| |
| <div class="cell" data-title="Email">
| |
| joseph.smith@gmail.com
| |
| </div>
| |
| <div class="cell" data-title="Password"> | |
| ************
| |
| </div>
| |
| <div class="cell" data-title="Active">
| |
| No
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="row">
| |
| <div class="cell" data-title="Username">
| |
| 1337hax0r15
| |
| </div>
| |
| <div class="cell" data-title="Email">
| |
| hackerdude1000@aol.com
| |
| </div>
| |
| <div class="cell" data-title="Password">
| |
| ************
| |
| </div>
| |
| <div class="cell" data-title="Active">
| |
| Yes
| |
| </div> | |
| </div>
| |
|
| |
| <div class="row">
| |
| <div class="cell" data-title="Username"> | |
| hairyharry19
| |
| </div>
| |
| <div class="cell" data-title="Email"> | |
| harryharry@gmail.com
| |
| </div>
| |
| <div class="cell" data-title="Password">
| |
| ************
| |
| </div>
| |
| <div class="cell" data-title="Active">
| |
| Yes
| |
| </div>
| |
| </div> | |
|
| |
| </div> | |
|
| |
| </div> | |
