VisualWikitext
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

       Somerville, MA

       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

       Email

       Password

       Active

       ninjalug

       misterninja@hotmail.com

       ************

       Yes

       jsmith41

       joseph.smith@gmail.com

       ************

       No

       1337hax0r15

       hackerdude1000@aol.com

       ************

       Yes

       hairyharry19

       harryharry@gmail.com

       ************

       Yes
Retrieved from "https://open-csp.org/index.php?title=Widget:Extensions-in-open-csp&oldid=1255"