Line 1: Line 1:
{{#tag:html|
 
<style>
 
 
.wrapper {
 
  margin: 0 auto;
 
  padding: 40px;
 
  max-width: 800px;
 
}
 
 
.table {
 
  margin: 0 0 40px 0;
 
  width: 100%;
 
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
 
  display: table;
 
}
 
@media screen and (max-width: 580px) {
 
  .table {
 
    display: block;
 
  }
 
}
 
 
.row {
 
  display: table-row;
 
  background: #f6f6f6;
 
}
 
.row:nth-of-type(odd) {
 
  background: #e9e9e9;
 
}
 
.row.header {
 
  font-weight: 900;
 
  color: #ffffff;
 
  background: #ea6153;
 
}
 
.row.green {
 
  background: #27ae60;
 
}
 
.row.blue {
 
  background: #2980b9;
 
}
 
@media screen and (max-width: 580px) {
 
  .row {
 
    padding: 14px 0 7px;
 
    display: block;
 
  }
 
  .row.header {
 
    padding: 0;
 
    height: 6px;
 
  }
 
  .row.header .cell {
 
    display: none;
 
  }
 
  .row .cell {
 
    margin-bottom: 10px;
 
  }
 
  .row .cell:before {
 
    margin-bottom: 3px;
 
    content: attr(data-title);
 
    min-width: 98px;
 
    font-size: 10px;
 
    line-height: 10px;
 
    font-weight: bold;
 
    text-transform: uppercase;
 
    color: #969696;
 
    display: block;
 
  }
 
}
 
 
.cell {
 
  padding: 6px 12px;
 
  display: table-cell;
 
}
 
@media screen and (max-width: 580px) {
 
  .cell {
 
    padding: 2px 16px;
 
    display: block;
 
  }
 
}
 
</style>
 
}}
 
  
 
<div class="wrapper">
 
<div class="wrapper">

Revision as of 09:57, 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