Somerville, MA
No edit summary |
No edit summary |
||
| 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