|
|
| 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> | |
