Somerville, MA
| Line 1: | Line 1: | ||
| − | <div class="wrapper"> | + | <div class="ocsp-wrapper"> |
| − | <div class="table"> | + | <div class="ocsp-table"> |
| − | <div class="row header"> | + | <div class="ocsp-row ocsp-header"> |
| − | <div class="cell"> | + | <div class="ocsp-cell"> |
Name | Name | ||
</div> | </div> | ||
| − | <div class="cell"> | + | <div class="ocsp-cell"> |
Age | Age | ||
</div> | </div> | ||
| − | <div class="cell"> | + | <div class="ocsp-cell"> |
Occupation | Occupation | ||
</div> | </div> | ||
| − | <div class="cell"> | + | <div class="ocsp-cell"> |
Location | Location | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="row"> | + | <div class="ocsp-row"> |
| − | <div class="cell" data-title="Name"> | + | <div class="ocsp-cell" data-title="Name"> |
Luke Peters | Luke Peters | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Age"> | + | <div class="ocsp-cell" data-title="Age"> |
25 | 25 | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Occupation"> | + | <div class="ocsp-cell" data-title="Occupation"> |
Freelance Web Developer | Freelance Web Developer | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Location"> | + | <div class="ocsp-cell" data-title="Location"> |
Brookline, MA | Brookline, MA | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="row"> | + | <div class="ocsp-row"> |
| − | <div class="cell" data-title="Name"> | + | <div class="ocsp-cell" data-title="Name"> |
Joseph Smith | Joseph Smith | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Age"> | + | <div class="ocsp-cell" data-title="Age"> |
27 | 27 | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Occupation"> | + | <div class="ocsp-cell" data-title="Occupation"> |
Project Manager | Project Manager | ||
</div> | </div> | ||
| Line 49: | Line 49: | ||
</div> | </div> | ||
| − | <div class="row"> | + | <div class="ocsp-row"> |
| − | <div class="cell" data-title="Name"> | + | <div class="ocsp-cell" data-title="Name"> |
Maxwell Johnson | Maxwell Johnson | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Age"> | + | <div class="ocsp-cell" data-title="Age"> |
26 | 26 | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Occupation"> | + | <div class="ocsp-cell" data-title="Occupation"> |
UX Architect & Designer | UX Architect & Designer | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Location"> | + | <div class="ocsp-cell" data-title="Location"> |
Arlington, MA | Arlington, MA | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="row"> | + | <div class="ocsp-row"> |
| − | <div class="cell" data-title="Name"> | + | <div class="ocsp-cell" data-title="Name"> |
Harry Harrison | Harry Harrison | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Age"> | + | <div class="ocsp-cell" data-title="Age"> |
25 | 25 | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Occupation"> | + | <div class="ocsp-cell" data-title="Occupation"> |
Front-End Developer | Front-End Developer | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Location"> | + | <div class="ocsp-cell" data-title="Location"> |
Boston, MA | Boston, MA | ||
</div> | </div> | ||
| Line 81: | Line 81: | ||
</div> | </div> | ||
| − | <div class="table"> | + | <div class="ocsp-table"> |
| − | <div class="row header green"> | + | <div class="ocsp-row ocsp-header green"> |
| − | <div class="cell"> | + | <div class="ocsp-cell"> |
Product | Product | ||
</div> | </div> | ||
| − | <div class="cell"> | + | <div class="ocsp-cell"> |
Unit Price | Unit Price | ||
</div> | </div> | ||
| − | <div class="cell"> | + | <div class="ocsp-cell"> |
Quantity | Quantity | ||
</div> | </div> | ||
| − | <div class="cell"> | + | <div class="ocsp-cell"> |
Date Sold | Date Sold | ||
</div> | </div> | ||
| − | <div class="cell"> | + | <div class="ocsp-cell"> |
Status | Status | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="row"> | + | <div class="ocsp-row"> |
| − | <div class="cell" data-title="Product"> | + | <div class="ocsp-cell" data-title="Product"> |
Solid oak work table | Solid oak work table | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Unit Price"> | + | <div class="ocsp-cell" data-title="Unit Price"> |
$800 | $800 | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Quantity"> | + | <div class="ocsp-cell" data-title="Quantity"> |
10 | 10 | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Date Sold"> | + | <div class="ocsp-cell" data-title="Date Sold"> |
03/15/2014 | 03/15/2014 | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Status"> | + | <div class="ocsp-cell" data-title="Status"> |
Waiting for Pickup | Waiting for Pickup | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="row"> | + | <div class="ocsp-row"> |
| − | <div class="cell" data-title="Product"> | + | <div class="ocsp-cell" data-title="Product"> |
Leather iPhone wallet | Leather iPhone wallet | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Unit Price"> | + | <div class="ocsp-cell" data-title="Unit Price"> |
$45 | $45 | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Quantity"> | + | <div class="ocsp-cell" data-title="Quantity"> |
120 | 120 | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Date Sold"> | + | <div class="ocsp-cell" data-title="Date Sold"> |
02/28/2014 | 02/28/2014 | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Status"> | + | <div class="ocsp-cell" data-title="Status"> |
In Transit | In Transit | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="row"> | + | <div class="ocsp-row"> |
| − | <div class="cell" data-title="Product"> | + | <div class="ocsp-cell" data-title="Product"> |
27" Apple Thunderbolt displays | 27" Apple Thunderbolt displays | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Unit Price"> | + | <div class="ocsp-cell" data-title="Unit Price"> |
$1000 | $1000 | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Quantity"> | + | <div class="ocsp-cell" data-title="Quantity"> |
25 | 25 | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Date Sold"> | + | <div class="ocsp-cell" data-title="Date Sold"> |
02/10/2014 | 02/10/2014 | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Status"> | + | <div class="ocsp-cell" data-title="Status"> |
Delivered | Delivered | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="row"> | + | <div class="ocsp-row"> |
| − | <div class="cell" data-title="Product"> | + | <div class="ocsp-cell" data-title="Product"> |
Bose studio headphones | Bose studio headphones | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Unit Price"> | + | <div class="ocsp-cell" data-title="Unit Price"> |
$60 | $60 | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Quantity"> | + | <div class="ocsp-cell" data-title="Quantity"> |
90 | 90 | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Date Sold"> | + | <div class="ocsp-cell" data-title="Date Sold"> |
01/14/2014 | 01/14/2014 | ||
</div> | </div> | ||
| − | <div class="cell" data-title="Status"> | + | <div class="ocsp-cell" data-title="Status"> |
Delivered | Delivered | ||
</div> | </div> | ||
Revision as of 10:00, 1 September 2022
Name
Age
Occupation
Location
Luke Peters
25
Freelance Web Developer
Brookline, MA
Joseph Smith
27
Project Manager
Maxwell Johnson
26
UX Architect & Designer
Arlington, MA
Harry Harrison
25
Front-End Developer
Boston, MA
Product
Unit Price
Quantity
Date Sold
Status
Solid oak work table
$800
10
03/15/2014
Waiting for Pickup
Leather iPhone wallet
$45
120
02/28/2014
In Transit
27" Apple Thunderbolt displays
$1000
25
02/10/2014
Delivered
Bose studio headphones
$60
90
01/14/2014
Delivered
Username
Password
Active
ninjalug
misterninja@hotmail.com
************
Yes
jsmith41
joseph.smith@gmail.com
************
No
1337hax0r15
hackerdude1000@aol.com
************
Yes
hairyharry19
harryharry@gmail.com
************
Yes