LewisAndClark-CSD · AspenKersey · Nov 20, 2018 · Nov 20, 2018 · Nov 20, 2018 · Nov 20, 2018
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: Aspen and Bethany
+      Date:   11/20/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>
@@ -47,6 +48,75 @@ <h1>Accelerate with No Speed Traps</h1>
          (personal help is <em>always</em> on the line), free security tools, email accounts
          for the whole family, and exclusive online content.</p>
 
+	 <table id="pricing" >
+		 <colgroup>
+			 <col id="firstCol" />
+			 <col class="dataCols" span="4" />
+		</colgroup>
+		 <thead>
+			<tr id="good_id">
+				<th rowspan="2">select a plan</th>
+				<th>Starter</th>
+				<th>Prime</th>
+				<th>Prime Plus</th>
+				<th>Ultra</th>
+			</tr>
+
+			<tr id="other_id">
+				<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>
+			</tr>
+		</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 Mbs</td>
+				<td>15 Mbs</td>
+				<td>25 Mbs</td>
+				<td>50 Mbs</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>
 

diff --git a/case1/mi_tables.css b/case1/mi_tables.css
@@ -0,0 +1,73 @@
+@charset "utf-8";
+
+/*
+   New Perspectives on HTML and CSS
+   Tutorial 6
+   Case Problem 1
+
+   Tables Style Sheet
+   Author: Aspen and Bethany
+   Date:   11/20/18
+
+   Filename:         mi_tables.css
+
+*/
+
+/* Table Styles */
+table {
+	background: linear-gradient(to bottom, rgb(190, 215, 255), black);
+	border: 5px solid gray;
+}
+
+table th, td {
+	border: 3px solid gray;
+	line-height: 1.4em;
+	padding: 8px;
+}
+
+table th {
+	background-color: black;
+	color: rgb(130, 210, 255);
+	font-weight: normal;
+}
+
+table td {
+	color: white;
+	font-size: 0.9em;
+	text-align: top;
+}
+
+
+/* Column Styles */
+col#firstCol {
+	width: 24%;
+}
+
+col#dataCols {
+	width: 19%;
+}
+
+
+/* Table Header Styles */
+table header {
+	height: 60px;
+}
+
+table thead tr:first-of-type th:first-of-type {
+	font-size: 2em;
+}
+
+table thead tr:first-of-type th:not(:first-of-type) {
+	background-color: rgba(1, 1, 1, .1);
+	color: black;
+}
+
+
+
+
+
+
+
+
+
+
diff --git a/case2/jpf_sudoku.css b/case2/jpf_sudoku.css
@@ -0,0 +1,57 @@
+@charset "utf-8";
+
+/*
+   New Perspectives on HTML5 and CSS3, 7th Edition
+   Tutorial 6
+   Case Problem 2
+
+   Sudoku Style Sheet
+   Author: Aspen and Bethany
+   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 td {
+border: 5px outset gray;
+width: 33.3%;
+}
+
+table 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: 1 solid black;
+	height: 40px;
+	text-align: center;
+}
+
+td.goldBox td {
+	background-color: rgb(228, 199, 42);
+}
+
+td.greenBox td {
+	background-color: rgb(203, 229, 130);
+}
+