LewisAndClark-CSD · JeremySnider01 · Nov 19, 2018 · Nov 20, 2018 · Nov 20, 2018 · Nov 20, 2018
diff --git a/background1.jpg b/background1.jpg
diff --git a/case1/mi_pricing_txt.html → case1/mi_pricing.html b/case1/mi_pricing_txt.html → case1/mi_pricing.html
@@ -7,8 +7,8 @@
       Case Problem 1
 
       Marlin Internet Pricing
-      Author: 
-      Date:   
+      Author: Jeremy Snider and Austin Andrews
+      Date:   11/26/18
 
       Filename:   mi_pricing.html
 
@@ -18,7 +18,8 @@
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Marlin Internet</title>
    <link href="mi_reset.css" rel="stylesheet" />
-   <link href="mi_styles.css" rel="stylesheet" />          
+   <link href="mi_styles.css" rel="stylesheet" />
+   <link href="mi_tables.css" rel="stylesheet" />
 </head>
 
 <body>
@@ -46,7 +47,71 @@ <h1>Accelerate with No Speed Traps</h1>
          We provide more than fast access. Take advantage of our 24/7 customer support
          (personal help is <em>always</em> on the line), free security tools, email accounts
          for the whole family, and exclusive online content.</p>
-
+      <table class="pricing">
+        <colgroup>
+          <col id="firstCol" />
+          <col id="dataCols" span="4" />
+        </colgroup>
+        <thead>
+          <tr>
+            <th rowspan="2">select a plan</th>
+            <th>Starter</th>
+            <th>Prime</th>
+            <th>Prime Plus</th>
+            <th>Ultra</th>
+          </tr>
+            <th>$19.95 <br /> per month</th>
+            <th>$29.95 <br /> per month</th>
+            <th>$49.95 <br /> per month</th>
+            <th>$69.95 <br /> per month</th>
+        </thead>
+        <tfoot>
+          <tr>
+            <th>Summary</th>
+            <td>Just the speed you need to send emails, download map directions, and search the Internet for restaurant reviews.</td>
+            <td>A great speed at a great price for the family: kids can play games, adults can pay bills, and everyone can surf at the same time.</td>
+            <td>Super speeds for multiple tasks that require more broadband capacity; ideal for gamers who need fast response times.</td>
+            <td>Perfect for a small business running multiple media streams, demanding reduced lag time and fast data delivery.</td>
+          </tr>
+        </tfoot>
+        <tbody>
+          <tr>
+            <th>Download Speed</th>
+            <td>3 Mbps</td>
+            <td>15 Mbps</td>
+            <td>25 Mbps</td>
+            <td>50 Mbps</td>
+          </tr>
+          <tr>
+            <th>Upload Speed</th>
+            <td>512 Kbps</td>
+            <td>6 Mbps</td>
+            <td>10 Mbps</td>
+            <td>20 Mbps</td>
+          </tr>
+          <tr>
+            <th>Cloud Storage</th>
+            <td>2 GB</td>
+            <td>5 GB</td>
+            <td>15 GB</td>
+            <td>40 GB</td>
+          </tr>
+          <tr>
+            <th>E-mail Accounts</th>
+            <td>2 Accounts</td>
+            <td>3 Accounts</td>
+            <td>5 Accounts</td>
+            <td>10 Accounts</td>
+          </tr>
+          <tr>
+            <th>24/7 Support</th>
+            <td>Yes</td>
+            <td>Yes</td>
+            <td>Yes</td>
+            <td>Yes</td>
+          </tr>
+        </tbody>
+      </table>
 
    </article>
 
@@ -77,4 +142,4 @@ <h1>Accelerate with No Speed Traps</h1>
    </footer>
 </body>
 
-</html>
+</html>
diff --git a/case1/mi_tables.css b/case1/mi_tables.css
@@ -0,0 +1,70 @@
+@charset "utf-8";
+
+/*
+   New Perspectives on HTML and CSS
+   Tutorial 6
+   Case Problem 1
+
+   Tables Style Sheet
+   Author: Jeremy Snider and Austin Andrews
+   Date:   11/26/18 
+
+   Filename:         mi_tables.css
+
+*/
+
+/* Table Styles */
+table.pricing {
+  background-image: linear-gradient(to bottom, rgb(190, 215, 255), black);
+  border: 5px solid gray;
+}
+
+table th, table td{
+  border: 3px solid gray;
+  line-height: 1.4em;
+  padding: 8px;
+}
+th {
+  background-color: black;
+  color: rgb(130, 210, 255);
+  font-weight: normal;
+}
+
+td {
+  color: white;
+  font-size: 0.9em;
+  vertical-align: top;
+}
+/* Column Styles */
+
+ col#firstCol {
+   width: 24%;
+ }
+
+ col#dataCols {
+   width: 19%;
+ }
+
+/* Table Header Styles */
+
+
+thead tr {
+  height: 60px;
+}
+
+thead tr:first-of-type th:first-of-type {
+  font-size: 2em;
+}
+
+thead tr:first-of-type th:not(:first-of-type) {
+  background-color: transparent;
+  color: white;
+}
+
+
+
+
+
+
+
+
diff --git a/case1/mi_tables_txt.css b/case1/mi_tables_txt.css
diff --git a/case2/jpf_sudoku.css b/case2/jpf_sudoku.css
@@ -0,0 +1,56 @@
+@charset "utf-8";
+
+/*
+   New Perspectives on HTML5 and CSS3, 7th Edition
+   Tutorial 6
+   Case Problem 2
+
+   Sudoku Style Sheet
+   Author: Jeremy Snider and Austin Andrews
+   Date:   11/26/18
+   Filename:         jpf_sudoku.css
+
+*/
+
+/* Table Styles */
+table.spuzzle {
+  border-collapse: collapse;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  margin-left: auto;
+  margin-right: auto;
+  width: 90%;
+}
+
+table.spuzzle td {
+  border: 5px outset gray;
+  width: 33.3%;
+}
+
+table.spuzzle th {
+  color: gray;
+  padding-right: 10px;
+  padding-bottom: 10px;
+}
+
+/* Inner Table Styles */
+table.subTable {
+  border-collapse: collapse;
+  width: 100%;
+}
+
+table.subTable td {
+  box-shadow: inset 0px 0px 15px;
+  border: 1px solid black;
+  color: blue;
+  height: 40px;
+  text-align: center;
+}
+
+td.goldBox {
+  background-color: rgb(228, 199, 42);
+}
+
+td.greenBox {
+  background-color: rgb(203, 229, 130);
+}