Skip to content

E. Ruiz & James #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ruiz2019 wants to merge 15 commits into
base: master
Choose a base branch
from
Open

E. Ruiz & James #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
7fb8f74
completed tutorial 6.1
ruiz2019 Nov 20, 2018
e6bb1d7
Finised the tutorial
ruiz2019 Nov 20, 2018
6723059
Started the review
ruiz2019 Nov 20, 2018
1a76110
re-adding files to my repo after messing with the tree to try and res…
ruiz2019 Nov 26, 2018
c80bf51
completed html06 review
ruiz2019 Nov 26, 2018
4eedca3
Started Case 1
ruiz2019 Nov 26, 2018
a0429ef
Finished Case 1
ruiz2019 Nov 27, 2018
c35371a
began to format the html table we created in the first part of case 1
ruiz2019 Nov 27, 2018
0da7100
added css styling to the webtable in case 3
ruiz2019 Nov 27, 2018
7ca0e3d
finished case 3 and began case 4
Nov 30, 2018
bd1bfe3
Merge pull request #1 from jallen19/master
ruiz2019 Nov 30, 2018
fec7b8a
worked on mobile styles for the case four webpage, including formatti…
ruiz2019 Nov 30, 2018
54924f8
Fixed the Homepage
Dec 3, 2018
2f01a5d
Merge pull request #2 from jallen19/master
ruiz2019 Dec 3, 2018
ba9b353
finished case 4 a day late; added stylistic touches and finished form…
ruiz2019 Dec 3, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
77 changes: 74 additions & 3 deletions case1/mi_pricing_txt.html → case1/mi_pricing.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,8 @@
Case Problem 1

Marlin Internet Pricing
Author:
Date:
Author: E. Ruiz & James Allen
Date: November 26 2018

Filename: mi_pricing.html

Expand All @@ -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>
Expand Down Expand Up @@ -47,6 +48,76 @@ <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 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>
<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>
</tr>

<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>Email 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>

</thead>
</table>

</article>

Expand Down
73 changes: 73 additions & 0 deletions case1/mi_tables.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,73 @@
@charset "utf-8";

/*
New Perspectives on HTML and CSS
Tutorial 6
Case Problem 1

Tables Style Sheet
Author:
Date:

Filename: mi_tables.css

*/

/* Table Styles */
table {
background: linear-gradient( rgb(190, 215, 255), black);
border: 5px solid gray;
}

th, 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: black;
}










35 changes: 0 additions & 35 deletions case1/mi_tables_txt.css
View file
Open in desktop

This file was deleted.

58 changes: 58 additions & 0 deletions case2/jpf_sudoku.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
@charset "utf-8";

/*
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 6
Case Problem 2

Sudoku Style Sheet
Author: E. Ruiz & James
Date: November 27 2018

Filename: jpf_sudoku.css

*/

/* Table Styles */
table.spuzzle {
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 90%;
border-collapse: collapse;
}

td {
border: 5px outset gray;
width: 33.3%;
}

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;
vertical-align: center;
}

td.goldbox {
background-color: rgb(228, 199, 42);
}

td.greenbox {
background-color: rgb(203, 229, 130);
}
Loading