Skip to content

Steven Thompson & Travis A #6

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
StevenWThomp wants to merge 15 commits into
base: master
Choose a base branch
from
Open

Steven Thompson & Travis A #6

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
a6f7fef
began tutorial
StevenWThomp Nov 19, 2018
186c1a4
Created and wrote styles for the table in dlr_evenings.html
StevenWThomp Nov 20, 2018
d4e4e80
Wrote column styles for dlr_lw0414.html
StevenWThomp Nov 20, 2018
e3aae31
Created and styled the table for the review assignment
StevenWThomp Nov 20, 2018
724d85d
Preliminary boilerplate stuff for case1 before class
StevenWThomp Nov 26, 2018
5b0df08
Made basic table for case1
StevenWThomp Nov 26, 2018
89a8b34
Completed the table styles for case1
StevenWThomp Nov 26, 2018
85ad039
boilerplate stuff for case2
StevenWThomp Nov 26, 2018
fdb4127
Wrote HTML for the table in case2
StevenWThomp Nov 26, 2018
c3935a6
Styled the table in case2
StevenWThomp Nov 26, 2018
402d6c9
Completed case3
StevenWThomp Nov 27, 2018
3642247
Structured table
StevenWThomp Nov 28, 2018
11805ab
Adding placeholder blocks in table
StevenWThomp Nov 28, 2018
ba68725
Completed book's checklist for case4
StevenWThomp Nov 29, 2018
67e84b4
Fixed index file links
StevenWThomp Nov 30, 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
189 changes: 189 additions & 0 deletions case1/mi_pricing.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,189 @@
<!DOCTYPE html>
<html>
<head>
<!--
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 6
Case Problem 1

Marlin Internet Pricing
Author: Steven Thompson & Travis A
Date: November 26, 2018

Filename: mi_pricing.html

-->

<meta charset="utf-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_tables.css" rel="stylesheet" />
</head>

<body>
<header>
<img src="mi_logo.png" alt="Marlin Internet" id="logoimg" />
<nav>
<a id="navicon" href="#"><img src="mi_navicon.png" alt="" /></a>
<ul>
<li><a href="#">Internet</a></li>
<li><a href="#">Home Networking</a></li>
<li><a href="#">My Account</a></li>
<li><a href="#">Shop</a></li>
<li><a href="#">Support</a></li>
</ul>
</nav>
</header>

<article>
<h1>Accelerate with No Speed Traps</h1>
<p>How do you use the web? Whether it's just you on your PC or your extended
family simultaneously accessing the Internet for gaming, movie watching,
surfing, or music; we have the speed for you &mdash; with no hidden fees,
service charges, or other traps. <strong>Marlin Internet</strong> provides a broad variety
of access plans at affordable prices with our exclusive ITIS 2.0 technology.
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>
<!--
PULLED FROM mi_data.txt

Starter ($19.95 per month)
==========================
Download Speed: 3 Mbps
Upload Speed: 512 Kbps
Cloud Storage: 2 GB
E-mail Accounts: 2 Accounts
24/7 Support: Yes
Summary: Just the speed you need to send emails, download map directions, and search the Internet for restaurant reviews.

Prime ($29.95 per month)
==========================
Download Speed: 15 Mbps
Upload Speed: 6 Mbps
Cloud Storage: 5 GB
E-mail Accounts: 3 Accounts
24/7 Support: Yes
Summary: 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.


Prime ($49.95 per month)
==========================
Download Speed: 25 Mbps
Upload Speed: 10 Mbps
Cloud Storage: 15 GB
E-mail Accounts: 5 Accounts
24/7 Support: Yes
Summary: Super speeds for multiple tasks that require more broadband capacity; ideal for gamers who need fast response times.


Ultra ($69.95 per month)
==========================
Download Speed: 50 Mbps
Upload Speed: 20 Mbps
Cloud Storage: 40 GB
E-mail Accounts: 10 Accounts
24/7 Support: Yes
Summary: Perfect for a small business running multiple media streams, demanding reduced lag time and fast data delivery.

-->
<table id="pricing">
<colgroup>
<col id="firstcol">
<col class="dataCols" span="4">
</colgroup>
<thead>
<tr>
<th rowspan="2"> Select a <br> 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>
</thead>
<tfoot>
<tr>
<th> Summary </th>
<td> Just the speed you need to send emails, download map directions, and search the Internet for restaurant <br> reviews. </td>
<td> A great speed at a great price for the family: kids can play games, <br> adults can pay bills, and <br> 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>

<footer>
<nav>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Parental Controls</a></li>
<li><a href="#">Our Locations</a></li>
</ul>
<ul>
<li><a href="#">Internet</a></li>
<li><a href="#">TV</a></li>
<li><a href="#">TiVo</a></li>
<li><a href="#">Home Security</a></li>
<li><a href="#">Phone</a></li>
</ul>
<ul>
<li><a href="#">Web Mail</a></li>
<li><a href="#">My Account</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>
<img src="mi_art.png" alt="" class="clipart" />
</footer>
</body>

</html>
80 changes: 0 additions & 80 deletions case1/mi_pricing_txt.html
View file
Open in desktop

This file was deleted.

74 changes: 74 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,74 @@
@charset "utf-8";

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

Tables Style Sheet
Author: Steven Thompson & Travis A
Date: November 26, 2018

Filename: mi_tables.css

*/

/* Table Styles */

table{
background-image: linear-gradient(to bottom, 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%;
}

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

Loading