CCF_100/ASDV-WebDev
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

lab 6

Browse Source
This commit is contained in:
Chloe Fontenot 🏳️‍⚧️ 2023-02-07 16:48:43 -06:00
parent ae21d2d343
commit 30567e99a9
85 changed files with 1723 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.gitignore vendored
View File

@ -4,4 +4,8 @@
/Assignments/MP02_CalebFontenot/nbproject/private/
/Assignments/lab5_CalebFontenot/nbproject/private/
/Assignments/lab5_4_CalebFontenot/nbproject/private/
<<<<<<< Updated upstream
/Assignments/MP03_CalebFontenot/nbproject/private/
=======
/Assignments/lab6_1_CalebFontenot/nbproject/private/
>>>>>>> Stashed changes

3
Assignments/lab6_1_CalebFontenot/.bowerrc Normal file
View File

@ -0,0 +1,3 @@
{
"directory": "public_html/bower_components"
}

9
Assignments/lab6_1_CalebFontenot/Gruntfile.js Normal file
View File

@ -0,0 +1,9 @@
/*
* Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
* Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/Gruntfile.js to edit this template
*/
module.exports = function (grunt) {
// Project configuration.
grunt.initConfig({
});
};

103
Assignments/lab6_1_CalebFontenot/Printed HTMLs/6.1_index.html Normal file
View File

@ -0,0 +1,103 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>index.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
<!--
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
table {color: #888888; background-color: #313335; font-family: monospace}
.tag {color: #e8bf6a}
.ST2 {color: #6a8759}
.ST3 {color: #6897bb}
.ST4 {color: #6d9cbe}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab6_1_CalebFontenot/public_html/6.1/index.html</td></tr></table>
<pre>
<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>Coffee House<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">style</span><span class="tag">&gt;</span>
<span class="ST2">body</span> {
color: <span class="ST3">#221811</span>;
font-family: Verdana, Arial, sans-serif;
width: <span class="ST3">80%</span>;
min-width: <span class="ST3">750px</span>;
}
<span class="ST2">header</span> {
background-color: <span class="ST3">#D2B48C</span>;
background-image: <span class="ST2">url(coffeelogo.jpg)</span>;
background-repeat: no-repeat;
}
<span class="ST2">h1</span> {
text-indent: <span class="ST3">4em</span>;
font-size: <span class="ST3">4em</span>;
height: <span class="ST3">150px</span>;
line-height: <span class="ST3">220%</span>;
}
<span class="ST2">nav</span> {
font-weight: bold;
text-indent: <span class="ST3">1em</span>;
font-size: <span class="ST3">2em</span>;
}
<span class="ST2">nav</span> <span class="ST2">a</span> {
color: <span class="ST3">#804D33</span>;
text-decoration: none;
}
<span class="ST2">#wrapper</span> {
background-color: <span class="ST3">#FCEBB6</span>;
}
<span class="tag">&lt;/</span><span class="tag">style</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">wrapper</span><span class="value">&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">header</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>Coffee House<span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">header</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">nav</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;index.html&quot;</span><span class="tag">&gt;</span>Home<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span>
<span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;menu.html&quot;</span><span class="tag">&gt;</span>Menu<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span>
<span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;music.html&quot;</span><span class="tag">&gt;</span>Music<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span>
<span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;jobs.html&quot;</span><span class="tag">&gt;</span>Jobs<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">nav</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">main</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Follow the Winding Road to Coffee House<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h3</span><span class="tag">&gt;</span>Coffee House features:<span class="tag">&lt;/</span><span class="tag">h3</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">ul</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>Specialty Coffee and Tea<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>Bagels, Muffins, and Gluten-free Pastries<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>Organic Salads<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>Music and Poetry Readings<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>Open Mic Night<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">ul</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">div</span><span class="tag">&gt;</span>
12010 Garrett Bay Road<span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span>
Ellison Bay, WI 54210<span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span>
888-555-5555<span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">main</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>
Copyright <span class="ST4">&amp;copy;</span> Coffee House<span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">footer</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
</pre></body>
</html>

53
Assignments/lab6_1_CalebFontenot/Printed HTMLs/6.2_index.html Normal file
View File

@ -0,0 +1,53 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>index.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
<!--
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
table {color: #888888; background-color: #313335; font-family: monospace}
.tag {color: #e8bf6a}
.ST2 {color: #6a8759}
.ST3 {color: #6897bb}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab6_1_CalebFontenot/public_html/6.2/index.html</td></tr></table>
<pre>
<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>Examples of the Box Model<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">style</span><span class="tag">&gt;</span>
<span class="ST2">body</span> { background-color: <span class="ST3">#FFFFFF</span>;
}
<span class="ST2">h1</span> { background-color: <span class="ST3">#D1ECFF</span>;
padding-left: <span class="ST3">60px</span>;
border-bottom: <span class="ST3">3px</span> ridge <span class="ST3">#330000</span>; }
<span class="ST2">#box</span> { background-color: <span class="ST3">#74C0FF</span>;
margin-left: <span class="ST3">60px</span>;
padding: <span class="ST3">5px</span> <span class="ST3">20px</span>;
border-top-left-radius: 90px;
border-bottom-left-radius: 90px;
}
<span class="tag">&lt;/</span><span class="tag">style</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>Examples of the Box Model<span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">box</span><span class="value">&quot;</span><span class="tag">&gt;</span>HTML elements display as boxes on web pages. This div element is configured to have a blue background.<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
</pre></body>
</html>

87
Assignments/lab6_1_CalebFontenot/Printed HTMLs/6.3_index.html Normal file
View File

@ -0,0 +1,87 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>index.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
<!--
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
table {color: #888888; background-color: #313335; font-family: monospace}
.tag {color: #e8bf6a}
.ST2 {color: #6a8759}
.ST3 {color: #6897bb}
.ST4 {color: #6d9cbe}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab6_1_CalebFontenot/public_html/6.3/index.html</td></tr></table>
<pre>
<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>Lighthouse Bistro<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">style</span><span class="tag">&gt;</span>
<span class="ST2">body</span> {
background-image: <span class="ST2">url(background.jpg)</span>;
font-family: Arial, Verdana, sans-serif;
}
<span class="ST2">h1</span> {
background-image: <span class="ST2">url(lighthouselogo.jpg)</span>;
background-repeat: no-repeat;
height: <span class="ST3">100px</span>;
font-size: <span class="ST3">3em</span>;
padding-left: <span class="ST3">150px</span>;
padding-top: <span class="ST3">30px</span>;
border-radius: <span class="ST3">15px</span>;
background-color: <span class="ST3">#9DB3DC</span>;
margin-top: <span class="ST3">0</span>;
}
<span class="ST2">h2</span> {
color: <span class="ST3">#000033</span>;
font-family: arial, sans-serif;
}
<span class="ST2">footer</span> {
font-size: <span class="ST3">.80em</span>;
font-style: italic;
}
<span class="ST2">#container </span>{
 background-color: <span class="ST3">#FFFFFF</span>;
             padding: 2em;
             margin-left: auto;
 margin-right: auto;
             width: 80%;
             min-width: 800px;
 
}
<span class="tag">&lt;/</span><span class="tag">style</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>container<span class="value">&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">header</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>Lighthouse Bistro<span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">header</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">nav</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;index.html&quot;</span><span class="tag">&gt;</span>Home<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;menu.html&quot;</span><span class="tag">&gt;</span>Menu<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;directions.html&quot;</span><span class="tag">&gt;</span>Directions<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;contact.html&quot;</span><span class="tag">&gt;</span>Contact<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">nav</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Locally Roasted Free-Trade Coffee<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Specialty Pastries<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Enjoy a selection of our fresh baked, organic pastries, including fresh fruit muffins, scones, croissants, and cinnamon rolls.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Lunchtime is Anytime<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Savor delicious wraps and sandwiches on hearty, whole grain breads with locally grown salad, fruit, and vegetables. <span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>
Copyright <span class="ST4">&amp;copy;</span> Your Name Here
<span class="tag">&lt;/</span><span class="tag">footer</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
</pre></body>
</html>

88
Assignments/lab6_1_CalebFontenot/Printed HTMLs/6.4_index.html Normal file
View File

@ -0,0 +1,88 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>index.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
<!--
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
table {color: #888888; background-color: #313335; font-family: monospace}
.tag {color: #e8bf6a}
.ST2 {color: #6a8759}
.ST3 {color: #6897bb}
.ST4 {color: #6d9cbe}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab6_1_CalebFontenot/public_html/6.4/index.html</td></tr></table>
<pre>
<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>Lighthouse Bistro<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">style</span><span class="tag">&gt;</span>
<span class="ST2">body</span> {
background-image: <span class="ST2">url(background.jpg)</span>;
font-family: Arial, Verdana, sans-serif;
}
<span class="ST2">h1</span> {
background-image: <span class="ST2">url(lighthouselogo.jpg)</span>;
background-color: <span class="ST3">#9DB3DC</span>;
background-repeat: no-repeat;
height: <span class="ST3">100px</span>;
font-size: <span class="ST3">3em</span>;
padding-left: <span class="ST3">150px</span>;
padding-top: <span class="ST3">30px</span>;
border-radius: <span class="ST3">15px</span>;
margin-top: <span class="ST3">0</span>;
}
<span class="ST2">h2</span> {
color: <span class="ST3">#000033</span>;
font-family: arial, sans-serif;
}
<span class="ST2">footer</span> {
font-size: <span class="ST3">.80em</span>;
font-style: italic;
}
<span class="ST2">#container</span> {
background-color: <span class="ST3">#FFFFFF</span>;
padding: <span class="ST3">2em</span>;
margin-left: auto;
margin-right: auto;
width: <span class="ST3">80%</span>;
min-width: <span class="ST3">800px</span>;
}
<span class="tag">&lt;/</span><span class="tag">style</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">container</span><span class="value">&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">header</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>Lighthouse Bistro<span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">header</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">nav</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;index.html&quot;</span><span class="tag">&gt;</span>Home<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;menu.html&quot;</span><span class="tag">&gt;</span>Menu<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;directions.html&quot;</span><span class="tag">&gt;</span>Directions<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;contact.html&quot;</span><span class="tag">&gt;</span>Contact<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">nav</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Locally Roasted Free-Trade Coffee<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Specialty Pastries<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Enjoy a selection of our fresh baked, organic pastries, including fresh fruit muffins, scones, croissants, and cinnamon rolls.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Lunchtime is Anytime<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Savor delicious wraps and sandwiches on hearty, whole grain breads with locally grown salad, fruit, and vegetables. <span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>
Copyright <span class="ST4">&amp;copy;</span> Your Name Here
<span class="tag">&lt;/</span><span class="tag">footer</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
</pre></body>
</html>

13
Assignments/lab6_1_CalebFontenot/bower.json Normal file
View File

@ -0,0 +1,13 @@
{
"name": "lab6_1_CalebFontenot",
"version": "1.0.0",
"main": "path/to/main.css",
"ignore": [
".jshintrc",
"**/*.txt"
],
"dependencies": {
},
"devDependencies": {
}
}

10
Assignments/lab6_1_CalebFontenot/gulpfile.js Normal file
View File

@ -0,0 +1,10 @@
/*
* Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
* Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/gulpfile.js to edit this template
*/
var gulp = require('gulp');
gulp.task('default', function () {
// place code for your default task here
});

5
Assignments/lab6_1_CalebFontenot/nbproject/project.properties Normal file
View File

@ -0,0 +1,5 @@
file.reference.lab6_1_CalebFontenot-public_html=public_html
file.reference.lab6_1_CalebFontenot-test=test
files.encoding=UTF-8
site.root.folder=${file.reference.lab6_1_CalebFontenot-public_html}
test.folder=${file.reference.lab6_1_CalebFontenot-test}

9
Assignments/lab6_1_CalebFontenot/nbproject/project.xml Normal file
View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://www.netbeans.org/ns/project/1">
<type>org.netbeans.modules.web.clientproject</type>
<configuration>
<data xmlns="http://www.netbeans.org/ns/clientside-project/1">
<name>lab6_1_CalebFontenot</name>
</data>
</configuration>
</project>

8
Assignments/lab6_1_CalebFontenot/package.json Normal file
View File

@ -0,0 +1,8 @@
{
"name": "lab6_1_CalebFontenot",
"version": "1.0.0",
"keywords": ["util", "functional", "server", "client", "browser"],
"author": "caleb",
"contributors": [],
"dependencies": {}
}

BIN
Assignments/lab6_1_CalebFontenot/public_html/6.1/coffeelogo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

75
Assignments/lab6_1_CalebFontenot/public_html/6.1/index.html Normal file
View File

@ -0,0 +1,75 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Coffee House</title>
<meta charset="utf-8">
<style>
body {
color: #221811;
font-family: Verdana, Arial, sans-serif;
width: 80%;
min-width: 750px;
}
header {
background-color: #D2B48C;
background-image: url(coffeelogo.jpg);
background-repeat: no-repeat;
}
h1 {
text-indent: 4em;
font-size: 4em;
height: 150px;
line-height: 220%;
}
nav {
font-weight: bold;
text-indent: 1em;
font-size: 2em;
}
nav a {
color: #804D33;
text-decoration: none;
}
#wrapper {
background-color: #FCEBB6;
}
</style>
</head>
<body>
<div id="wrapper">
<header>
<h1>Coffee House</h1>
</header>
<nav>
<a href="index.html">Home</a> &nbsp;
<a href="menu.html">Menu</a> &nbsp;
<a href="music.html">Music</a> &nbsp;
<a href="jobs.html">Jobs</a>
</nav>
<main>
<h2>Follow the Winding Road to Coffee House</h2>
<h3>Coffee House features:</h3>
<ul>
<li>Specialty Coffee and Tea</li>
<li>Bagels, Muffins, and Gluten-free Pastries</li>
<li>Organic Salads</li>
<li>Music and Poetry Readings</li>
<li>Open Mic Night</li>
</ul>
<div>
12010 Garrett Bay Road<br>
Ellison Bay, WI 54210<br>
888-555-5555<br><br>
</div>
</main>
<footer>
Copyright &copy; Coffee House<br>
</footer>
</div>
</body>
</html>

27
Assignments/lab6_1_CalebFontenot/public_html/6.2/index.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Examples of the Box Model</title>
<meta charset="utf-8">
<style>
body { background-color: #FFFFFF;
}
h1 { background-color: #D1ECFF;
padding-left: 60px;
border-bottom: 3px ridge #330000; }
#box { background-color: #74C0FF;
margin-left: 60px;
padding: 5px 20px;
border-top-left-radius: 90px;
border-bottom-left-radius: 90px;
}
</style>
</head>
<body>
<h1>Examples of the Box Model</h1>
<div id="box">HTML elements display as boxes on web pages. This div element is configured to have a blue background.</div>
</body>
</html>

BIN
Assignments/lab6_1_CalebFontenot/public_html/6.3/background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

59
Assignments/lab6_1_CalebFontenot/public_html/6.3/index.html Normal file
View File

@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Lighthouse Bistro</title>
<meta charset="utf-8">
<style>
body {
background-image: url(background.jpg);
font-family: Arial, Verdana, sans-serif;
}
h1 {
background-image: url(lighthouselogo.jpg);
background-repeat: no-repeat;
height: 100px;
font-size: 3em;
padding-left: 150px;
padding-top: 30px;
border-radius: 15px;
background-color: #9DB3DC;
margin-top: 0;
}
h2 {
color: #000033;
font-family: arial, sans-serif;
}
footer {
font-size: .80em;
font-style: italic;
}
#container {
 background-color: #FFFFFF;
             padding: 2em;
             margin-left: auto;
 margin-right: auto;
             width: 80%;
             min-width: 800px;
 
}
</style>
</head>
<body>
<div id="container">
<header>
<h1>Lighthouse Bistro</h1>
</header>
<nav><a href="index.html">Home</a> &nbsp;<a href="menu.html">Menu</a> &nbsp;<a href="directions.html">Directions</a> &nbsp;<a href="contact.html">Contact</a>
</nav>
<h2>Locally Roasted Free-Trade Coffee</h2>
<p>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.</p>
<h2>Specialty Pastries</h2>
<p>Enjoy a selection of our fresh baked, organic pastries, including fresh fruit muffins, scones, croissants, and cinnamon rolls.</p>
<h2>Lunchtime is Anytime</h2>
<p>Savor delicious wraps and sandwiches on hearty, whole grain breads with locally grown salad, fruit, and vegetables. </p>
<footer>
Copyright &copy; Your Name Here
</footer>
</div>
</body>
</html>

BIN
Assignments/lab6_1_CalebFontenot/public_html/6.3/lighthouselogo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

BIN
Assignments/lab6_1_CalebFontenot/public_html/6.4/background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

60
Assignments/lab6_1_CalebFontenot/public_html/6.4/index.html Normal file
View File

@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Lighthouse Bistro</title>
<meta charset="utf-8">
<style>
body {
background-image: url(background.jpg);
font-family: Arial, Verdana, sans-serif;
}
h1 {
background-image: url(lighthouselogo.jpg);
background-color: #9DB3DC;
background-repeat: no-repeat;
height: 100px;
font-size: 3em;
padding-left: 150px;
padding-top: 30px;
border-radius: 15px;
margin-top: 0;
}
h2 {
color: #000033;
font-family: arial, sans-serif;
}
footer {
font-size: .80em;
font-style: italic;
}
#container {
background-color: #FFFFFF;
padding: 2em;
margin-left: auto;
margin-right: auto;
width: 80%;
min-width: 800px;
}
</style>
</head>
<body>
<div id="container">
<header>
<h1>Lighthouse Bistro</h1>
</header>
<nav><a href="index.html">Home</a> &nbsp;<a href="menu.html">Menu</a> &nbsp;<a href="directions.html">Directions</a> &nbsp;<a href="contact.html">Contact</a>
</nav>
<h2>Locally Roasted Free-Trade Coffee</h2>
<p>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.</p>
<h2>Specialty Pastries</h2>
<p>Enjoy a selection of our fresh baked, organic pastries, including fresh fruit muffins, scones, croissants, and cinnamon rolls.</p>
<h2>Lunchtime is Anytime</h2>
<p>Savor delicious wraps and sandwiches on hearty, whole grain breads with locally grown salad, fruit, and vegetables. </p>
<footer>
Copyright &copy; Your Name Here
</footer>
</div>
</body>
</html>

BIN
Assignments/lab6_1_CalebFontenot/public_html/6.4/lighthouselogo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

15
Assignments/lab6_1_CalebFontenot/public_html/index.html Normal file
View File

@ -0,0 +1,15 @@
<!DOCTYPE html>
<!--
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this template
-->
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div>TODO write content</div>
</body>
</html>

34
Assignments/lab6_1_CalebFontenot/public_html/starter2.html Normal file
View File

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Lighthouse Bistro</title>
<meta charset="utf-8">
<style>
body { background-image: url(background.jpg);
font-family: Arial, Verdana, sans-serif;
}
h2 { color: #000033;
font-family: arial, sans-serif;
}
footer { font-size: .80em;
font-style: italic;
}
</style>
</head>
<body>
<header>
<h1>Lighthouse Bistro</h1>
</header>
<nav><a href="index.html">Home</a> &nbsp;<a href="menu.html">Menu</a> &nbsp;<a href="directions.html">Directions</a> &nbsp;<a href="contact.html">Contact</a>
</nav>
<h2>Locally Roasted Free-Trade Coffee</h2>
<p>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.</p>
<h2>Specialty Pastries</h2>
<p>Enjoy a selection of our fresh baked, organic pastries, including fresh fruit muffins, scones, croissants, and cinnamon rolls.</p>
<h2>Lunchtime is Anytime</h2>
<p>Savor delicious wraps and sandwiches on hearty, whole grain breads with locally grown salad, fruit, and vegetables. </p>
<footer>
Copyright &copy; Your Name Here
</footer>
</body>
</html>

BIN
Assignments/lab6_1_CalebFontenot/public_html/starters/background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
Assignments/lab6_1_CalebFontenot/public_html/starters/coffeelogo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
Assignments/lab6_1_CalebFontenot/public_html/starters/fall.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 130 KiB

BIN
Assignments/lab6_1_CalebFontenot/public_html/starters/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 894 B

BIN
Assignments/lab6_1_CalebFontenot/public_html/starters/headerbackblue.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
Assignments/lab6_1_CalebFontenot/public_html/starters/heroback2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB

BIN
Assignments/lab6_1_CalebFontenot/public_html/starters/lighthouselogo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

BIN
Assignments/lab6_1_CalebFontenot/public_html/starters/sunrise.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 103 KiB

BIN
Chapter ZIPs/chapter6/6.1/coffeelogo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

64
Chapter ZIPs/chapter6/6.1/index.html Normal file
View File

@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Coffee House</title>
<meta charset="utf-8">
<style>
body { color: #221811;
font-family: Verdana, Arial, sans-serif;
width: 80%; min-width: 750px;
}
header { background-color: #D2B48C;
background-image: url(coffeelogo.jpg);
background-repeat: no-repeat;
}
h1 { text-indent: 4em;
font-size: 4em;
height: 150px; line-height: 220%;
}
nav { font-weight: bold;
text-indent: 1em;
font-size: 2em;
}
nav a { color: #804D33; text-decoration: none; }
#wrapper { background-color: #FCEBB6; }
</style>
</head>
<body>
<div id="wrapper">
<header>
<h1>Coffee House</h1>
</header>
<nav>
<a href="index.html">Home</a> &nbsp;
<a href="menu.html">Menu</a> &nbsp;
<a href="music.html">Music</a> &nbsp;
<a href="jobs.html">Jobs</a>
</nav>
<main>
<h2>Follow the Winding Road to Coffee House</h2>
<h3>Coffee House features:</h3>
<ul>
<li>Specialty Coffee and Tea</li>
<li>Bagels, Muffins, and Gluten-free Pastries</li>
<li>Organic Salads</li>
<li>Music and Poetry Readings</li>
<li>Open Mic Night</li>
</ul>
<div>
12010 Garrett Bay Road<br>
Ellison Bay, WI 54210<br>
888-555-5555<br><br>
</div>
</main>
<footer>
Copyright &copy; Coffee House<br>
</footer>
</div>
</body>
</html>

22
Chapter ZIPs/chapter6/6.10/linear.html Normal file
View File

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Practice with Gradients</title>
<meta charset="utf-8">
<style>
body { background-color: #DA70D6;
background-image: linear-gradient(to
bottom, #FFFFFF, #DA70D6);
background-repeat: no-repeat; }
</style>
</head>
<body>
<h1>Linear Gradient</h1>
<p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
<h2>Heading 2</h2>
<p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
<h2>Heading 2</h2>
<p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
</body>
</html>

21
Chapter ZIPs/chapter6/6.10/radial.html Normal file
View File

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Practice with Gradients</title>
<meta charset="utf-8">
<style>
body { background-color: #DA70D6;
background-image: radial-gradient(#FFFFFF, #DA70D6);
background-repeat: no-repeat; }
</style>
</head>
<body>
<h1>Radial Gradient</h1>
<p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
<h2>Heading 2</h2>
<p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
<h2>Heading 2</h2>
<p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
</body>
</html>

26
Chapter ZIPs/chapter6/6.2/index.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Examples of the Box Model</title>
<meta charset="utf-8">
<style>
body { background-color: #FFFFFF;
}
h1 { background-color: #D1ECFF;
padding-left: 60px;
border-bottom: 3px ridge #330000; }
#box { background-color: #74C0FF;
margin-left: 60px;
padding: 5px 10px;
border: 1px solid #000000;
}
</style>
</head>
<body>
<h1>Examples of the Box Model</h1>
<div id="box">HTML elements display as boxes on web pages. This div element is configured to have a blue background.</div>
</body>
</html>

BIN
Chapter ZIPs/chapter6/6.3/background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

40
Chapter ZIPs/chapter6/6.3/index.html Normal file
View File

@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Lighthouse Bistro</title>
<meta charset="utf-8">
<style>
body { background-image: url(background.jpg);
font-family: Arial, Verdana, sans-serif;
}
h1 { background-image: url(lighthouselogo.jpg);
background-repeat: no-repeat;
height: 100px; width: 700px; font-size: 3em;
padding-left: 150px; padding-top: 30px;
border-radius: 15px;
}
h2 { color: #000033;
font-family: arial, sans-serif;
}
footer { font-size: .80em;
font-style: italic;
}
</style>
</head>
<body>
<header>
<h1>Lighthouse Bistro</h1>
</header>
<nav><a href="index.html">Home</a> &nbsp;<a href="menu.html">Menu</a> &nbsp;<a href="directions.html">Directions</a> &nbsp;<a href="contact.html">Contact</a>
</nav>
<h2>Locally Roasted Free-Trade Coffee</h2>
<p>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.</p>
<h2>Specialty Pastries</h2>
<p>Enjoy a selection of our fresh baked, organic pastries, including fresh fruit muffins, scones, croissants, and cinnamon rolls.</p>
<h2>Lunchtime is Anytime</h2>
<p>Savor delicious wraps and sandwiches on hearty, whole grain breads with locally grown salad, fruit, and vegetables. </p>
<footer>
Copyright &copy; Your Name Here
</footer>
</body>
</html>

BIN
Chapter ZIPs/chapter6/6.3/lighthouselogo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

BIN
Chapter ZIPs/chapter6/6.4/background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

52
Chapter ZIPs/chapter6/6.4/index.html Normal file
View File

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Lighthouse Bistro</title>
<meta charset="utf-8">
<style>
body { background-image: url(background.jpg);
font-family: Arial, Verdana, sans-serif;
}
h1 { background-image: url(lighthouselogo.jpg);
background-color: #9DB3DC;
background-repeat: no-repeat;
height: 100px; font-size: 3em;
padding-left: 150px; padding-top: 30px;
border-radius: 15px;
margin-top: 0;
}
h2 { color: #000033;
font-family: arial, sans-serif;
}
footer { font-size: .80em;
font-style: italic;
}
#container { background-color: #FFFFFF;
padding: 2em;
margin-left: auto;
margin-right: auto;
width: 80%;
min-width: 800px; }
</style>
</head>
<body>
<div id="container">
<header>
<h1>Lighthouse Bistro</h1>
</header>
<nav><a href="index.html">Home</a> &nbsp;<a href="menu.html">Menu</a> &nbsp;<a href="directions.html">Directions</a> &nbsp;<a href="contact.html">Contact</a>
</nav>
<h2>Locally Roasted Free-Trade Coffee</h2>
<p>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.</p>
<h2>Specialty Pastries</h2>
<p>Enjoy a selection of our fresh baked, organic pastries, including fresh fruit muffins, scones, croissants, and cinnamon rolls.</p>
<h2>Lunchtime is Anytime</h2>
<p>Savor delicious wraps and sandwiches on hearty, whole grain breads with locally grown salad, fruit, and vegetables. </p>
<footer>
Copyright &copy; Your Name Here
</footer>
</div>
</body>
</html>

BIN
Chapter ZIPs/chapter6/6.4/lighthouselogo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

BIN
Chapter ZIPs/chapter6/6.5/background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

58
Chapter ZIPs/chapter6/6.5/index.html Normal file
View File

@ -0,0 +1,58 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Lighthouse Bistro</title>
<meta charset="utf-8">
<style>
body { background-image: url(background.jpg);
font-family: Arial, Verdana, sans-serif;
}
h1 { background-image: url(lighthouselogo.jpg);
background-color: #9DB3DC;
background-repeat: no-repeat;
height: 100px; font-size: 3em;
padding-left: 150px; padding-top: 30px;
border-radius: 15px;
margin-top: 0;
text-shadow: 3px 3px 3px #676767;
}
h2 { color: #000033;
font-family: arial, sans-serif;
text-shadow: 1px 1px 0 #ccc;
}
footer { font-size: .80em;
font-style: italic;
}
#container { background-color: #FFFFFF;
padding: 2em;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
padding: 2em;
width: 80%;
min-width: 800px;
box-shadow: 5px 5px 5px #1E1E1E;
}
</style>
</head>
<body>
<div id="container">
<header>
<h1>Lighthouse Bistro</h1>
</header>
<nav><a href="index.html">Home</a> &nbsp;<a href="menu.html">Menu</a> &nbsp;<a href="directions.html">Directions</a> &nbsp;<a href="contact.html">Contact</a>
</nav>
<h2>Locally Roasted Free-Trade Coffee</h2>
<p>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.</p>
<h2>Specialty Pastries</h2>
<p>Enjoy a selection of our fresh baked, organic pastries, including fresh fruit muffins, scones, croissants, and cinnamon rolls.</p>
<h2>Lunchtime is Anytime</h2>
<p>Savor delicious wraps and sandwiches on hearty, whole grain breads with locally grown salad, fruit, and vegetables. </p>
<footer>
Copyright &copy; Your Name Here
</footer>
</div>
</body>
</html>

BIN
Chapter ZIPs/chapter6/6.5/lighthouselogo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

BIN
Chapter ZIPs/chapter6/6.6/headerbackblue.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
Chapter ZIPs/chapter6/6.6/heroback2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB

80
Chapter ZIPs/chapter6/6.6/iefix.html Normal file
View File

@ -0,0 +1,80 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>KayakDoorCounty.net</title>
<style>
body { background-color: #FFFFE8;
font-family: Verdana, Arial, sans-serif; }
#container { width: 80%;
margin-left: auto;
margin-right: auto;
min-width: 650px;
max-width: 1280px;
background-color: #FFFFFF;
box-shadow: 10px 10px 10px #333333;
border: 1px solid #000033;
}
header { background-color: #000033;
color: #FFFFB9;
background-image: url(headerbackblue.jpg);
background-position: right;
background-repeat: no-repeat;
height: 80px;
padding-top: 5px;
padding-left: 2em;
text-shadow: 1px 1px 1px #FFF;
}
h1, h2, h3 { font-family: Georgia, "Times New Roman", serif; }
h1 { margin-bottom: 0; }
nav { font-weight: bold;
font-size: 1.25em;
background-color: #FFFFCC;
text-align: center;
}
nav a { text-decoration: none; }
main { background-color: #004D99;
background-image: url(heroback2.jpg);
background-size: 100% 100%;
color: #FFFFFF;
padding: 2em;
/* Correct display for Internet Explorer */
display: block;
}
footer { font-style: italic;
text-align: center;
background-color: #000033;
color: #FFFFCC;
padding: 0.5em;
}
</style>
</head>
<body>
<div id="container">
<header>
<h1>KayakDoorCounty.net</h1>
</header>
<nav>
<a href="index.html">Home</a> &nbsp;
<a href="tours.html">Tours</a> &nbsp;
<a href="reservations.html">Reservations</a> &nbsp;
<a href="contact.html">Contact</a> &nbsp;
</nav>
<main>
<h2>Your next adventure is only a paddle away ....</h2>
<p>Take a guided kayak tour while you explore the shoreline of scenic Door County. </p>
<h3>Featured tours this week:</h3>
<ul>
<li>Cana Island</li>
<li>Mink River</li>
<li>Europe Lake</li>
</ul>
</main>
<footer>
<small><i>Copyright &copy; KayakDoorCounty.net</i></small>
</footer>
</div>
</body>
</html>

77
Chapter ZIPs/chapter6/6.6/index.html Normal file
View File

@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>KayakDoorCounty.net</title>
<style>
body { background-color: #FFFFE8;
font-family: Verdana, Arial, sans-serif; }
#container { width: 80%;
margin-left: auto;
margin-right: auto;
min-width: 650px;
max-width: 1280px;
background-color: #FFFFFF;
box-shadow: 10px 10px 10px #333333;
border: 1px solid #000033;
}
header { background-color: #000033;
color: #FFFFB9;
background-image: url(headerbackblue.jpg);
background-position: right;
background-repeat: no-repeat;
height: 80px;
padding-top: 5px;
padding-left: 2em;
text-shadow: 1px 1px 1px #FFF;
}
h1, h2, h3 { font-family: Georgia, "Times New Roman", serif; }
h1 { margin-bottom: 0; }
nav { font-weight: bold;
font-size: 1.25em;
background-color: #FFFFCC;
text-align: center;
}
nav a { text-decoration: none; }
main { background-color: #004D99;
background-image: url(heroback2.jpg);
background-size: 100% 100%;
color: #FFFFFF;
padding: 2em;
}
footer { font-style: italic;
text-align: center;
background-color: #000033;
color: #FFFFCC;
padding: 0.5em;
}
</style>
</head>
<body>
<div id="container">
<header>
<h1>KayakDoorCounty.net</h1>
</header>
<nav>
<a href="index.html">Home</a> &nbsp;
<a href="tours.html">Tours</a> &nbsp;
<a href="reservations.html">Reservations</a> &nbsp;
<a href="contact.html">Contact</a> &nbsp;
</nav>
<main>
<h2>Your next adventure is only a paddle away ....</h2>
<p>Take a guided kayak tour while you explore the shoreline of scenic Door County. </p>
<h3>Featured tours this week:</h3>
<ul>
<li>Cana Island</li>
<li>Mink River</li>
<li>Europe Lake</li>
</ul>
</main>
<footer>
<small><i>Copyright &copy; KayakDoorCounty.net</i></small>
</footer>
</div>
</body>
</html>

BIN
Chapter ZIPs/chapter6/6.7/fall.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 130 KiB

27
Chapter ZIPs/chapter6/6.7/index.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Fall Nature Hikes</title>
<meta charset="utf-8">
<style>
#content { background-image: url(fall.jpg);
background-repeat: no-repeat;
margin: auto;
width:640px;
height: 480px;
padding-top: 20px;
}
h1 { background-color: #FFFFFF;
opacity: 0.6;
font-size: 4em;
padding: 10px;
margin-left: 40px;
}
</style>
</head>
<body>
<div id="content">
<h1>Fall Nature Hikes</h1>
</div>
</body>
</html>

BIN
Chapter ZIPs/chapter6/6.8/fall.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 130 KiB

27
Chapter ZIPs/chapter6/6.8/rgba.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Fall Nature Hikes</title>
<meta charset="utf-8">
<style>
#content { background-image: url(fall.jpg);
background-repeat: no-repeat;
margin: auto;
width:640px;
height: 480px;
padding-top: 20px;
}
h1 { color: #FFFFFF;
color: rgba(255, 255, 255, 0.8);
font-family: Verdana, Helvetica, sans-serif;
font-size: 5em;
padding-right: 10px;
text-align: right;}
</style>
</head>
<body>
<div id="content">
<h1>Fall Nature Hikes</h1>
</div>
</body>
</html>

BIN
Chapter ZIPs/chapter6/6.9/fall.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 130 KiB

27
Chapter ZIPs/chapter6/6.9/hsla.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Fall Nature Hikes</title>
<meta charset="utf-8">
<style>
#content { background-image: url(fall.jpg);
background-repeat: no-repeat;
margin: auto;
width:640px;
height: 480px;
padding-top: 20px;
}
h1 { color: #FFFFCC;
color: hsla(60, 100%, 90%, 0.8);
font-family: Georgia, "Times New Roman", serif;
font-size: 6em;
padding: 20px;
}
</style>
</head>
<body>
<div id="content">
<h1>Fall Nature Hikes</h1>
</div>
</body>
</html>

26
Chapter ZIPs/chapter6/box.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Examples of the Box Model</title>
<meta charset="utf-8">
<style>
body { background-color: #FFFFFF;
font-size:larger;
}
h1 { background-color: #D1ECFF;
border: 1px solid #000000;
padding: 20px;
}
#box { background-color: #74C0FF;
border: 5px solid #000000;
}
</style>
</head>
<body>
<h1>Examples of the Box Model</h1>
<div id="box">HTML elements display as boxes on web pages. This div element is configured to have a light blue background, the browser default padding (which is no padding), and a black 5 pixel border. The empty space where the page background shows through between this element and the element above is an example of the margin. </div>
</body>
</html>

24
Chapter ZIPs/chapter6/box2.html Normal file
View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Examples of the Box Model</title>
<meta charset="utf-8">
<style>
body { background-color: #FFFFFF;
}
h1 { background-color: #D1ECFF;
padding-left: 60px;}
#box { background-color: #74C0FF;
margin-left: 60px;
padding: 5px 10px;
}
</style>
</head>
<body>
<h1>Examples of the Box Model</h1>
<div id="box">HTML elements display as boxes on web pages. This div element is configured to have a blue background.</div>
</body>
</html>

28
Chapter ZIPs/chapter6/box3.html Normal file
View File

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Examples of the Box Model</title>
<meta charset="utf-8">
<style>
body { background-color: #FFFFFF;
}
h1 { background-color: #D1ECFF;
padding-left: 60px;
border-bottom: 3px ridge #330000;
}
#box { background-color: #74C0FF;
margin-left: 60px;
padding: 5px 10px;
border: 1px solid #000000;
border-radius: 15px;
}
</style>
</head>
<body>
<h1>Examples of the Box Model</h1>
<div id="box">HTML elements display as boxes on web pages. This div element is configured to have a blue background. </div>
</body>
</html>

28
Chapter ZIPs/chapter6/box4.html Normal file
View File

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Examples of the Box Model</title>
<meta charset="utf-8">
<style>
body { background-color: #FFFFFF;
}
h1 { background-color: #D1ECFF;
padding-left: 60px;
border-bottom: 3px ridge #330000;
}
#box { background-color: #74C0FF;
margin-left: 60px;
padding: 5px 20px;
border-top-left-radius: 90px;
border-bottom-left-radius: 90px;
}
</style>
</head>
<body>
<h1>Examples of the Box Model</h1>
<div id="box">HTML elements display as boxes on web pages. This div element is configured to have a blue background. </div>
</body>
</html>

52
Chapter ZIPs/chapter6/clip/index.html Normal file
View File

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>CSS3 background-clip</title>
<meta charset="utf-8">
<style>
.test { background-image: url(myislandback.jpg);
background-clip: content-box;
width: 400px;
padding: 20px;
margin-bottom: 10px;
border: 10px dashed #000;
}
.test1 { background-image: url(myislandback.jpg);
background-clip: padding-box;
width: 400px;
padding: 20px;
margin-bottom: 10px;
border: 10px dashed #000;
}
.test2 { background-image: url(myislandback.jpg);
background-clip: border-box;
width: 400px;
padding: 20px;
margin-bottom: 10px;
border: 10px dashed #000;
}
</style>
</head>
<body>
<div class="test">
<h1>Tropical Island</h1>
<p>
Enjoy relaxing in the warm sunshine on your own tropical island retreat.
</p>
</div>
<div class="test1">
<h1>Tropical Island</h1>
<p>
Enjoy relaxing in the warm sunshine on your own tropical island retreat.
</p>
</div>
<div class="test2">
<h1>Tropical Island</h1>
<p>
Enjoy relaxing in the warm sunshine on your own tropical island retreat.
</p>
</div>
</body>
</html>

BIN
Chapter ZIPs/chapter6/clip/myislandback.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
Chapter ZIPs/chapter6/lighthouse/background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

55
Chapter ZIPs/chapter6/lighthouse/gradient.html Normal file
View File

@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Lighthouse Bistro</title>
<meta charset="utf-8">
<style>
body { font-family: Arial, Verdana, sans-serif;
background-color:#8FA5CE;
background-repeat: no-repeat;
background-image: linear-gradient(to bottom, #FFFFFF, #8FA5CE);
}
#container { margin: auto;
background-color: #ffffff;
width: 800px;
padding: 20px;
box-shadow: 5px 5px 5px #1e1e1e;
}
h1 {background-image: url(lighthouselogo.jpg);
background-repeat: no-repeat;
height: 100px;
width: 650px;
font-size: 3em;
padding-left: 150px;
padding-top: 30px;
margin-top: 0;
border: 1px solid #000033;
border-radius: 15px;
text-shadow: 3px 3px 3px #666;
}
h2 { color: #000033;
font-family: arial, sans-serif;
text-shadow: 1px 1px 0 #ccc;
}
#footer { font-size: .80em;
font-style: italic;
}
</style>
</head>
<body>
<div id="container">
<h1>Lighthouse Bistro</h1>
<div id="nav"><a href="index.html">Home</a> &nbsp;<a href="menu.html">Menu</a> &nbsp;<a href="directions.html">Directions</a> &nbsp;<a href="contact.html">Contact</a></div>
<h2>Locally Roasted Free-Trade Coffee</h2>
<p>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.</p>
<h2>Specialty Pastries</h2>
<p>Enjoy a selection of our fresh-baked, organic pastries, including fresh-fruit muffins, scones, croissants, and cinnamon rolls.</p>
<h2>Lunchtime is Anytime</h2>
<p>Savor delicious wraps and sandwiches on hearty, whole-grain breads with locally-grown salad, fruit, and vegetables. </p>
<div id="footer">Copyright &copy; Your Name Here</div>
</div>
</body>
</html>

BIN
Chapter ZIPs/chapter6/lighthouse/lighthouselogo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

53
Chapter ZIPs/chapter6/origin/index.html Normal file
View File

@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>CSS3 background-origin</title>
<meta charset="utf-8">
<style>
.test { background-image: url(trilliumsolo.jpg);
background-origin: content-box;
background-repeat: no-repeat;
background-position: right top;
width: 200px;
padding: 10px;
margin-bottom: 10px;
border: 4px solid #000;
}
.test1 { background-image: url(trilliumsolo.jpg);
background-origin: padding-box;
background-repeat: no-repeat;
background-position: right top;
width: 200px;
padding: 10px;
margin-bottom: 10px;
border: 4px solid #000;
}
.test2 { background-image: url(trilliumsolo.jpg);
background-origin: border-box;
background-repeat: no-repeat;
background-position: right top;
width: 200px;
padding: 10px;
margin-bottom: 10px;
border: 4px solid #000;
}
</style>
</head>
<body>
<div class="test">
<h1>Trillium</h1>
<p>
The trillium is a spring wildflower.</p>
</div>
<div class="test1">
<h1>Trillium</h1>
<p>
The trillium is a spring wildflower.</p>
</div>
<div class="test2">
<h1>Trillium</h1>
<p>
The trillium is a spring wildflower.</p>
</div>
</body>
</html>

BIN
Chapter ZIPs/chapter6/origin/trilliumsolo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

30
Chapter ZIPs/chapter6/size/contain.html Normal file
View File

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>contain</title>
<meta charset="utf-8">
<style>
div {
background-image: url(myislandback.jpg);
background-size: contain;
background-repeat: no-repeat;
width: 200px;
padding: 20px;
}
</style>
</head>
<body>
<div class="test">
<h1>Tropical Island</h1>
<p>
Enjoy relaxing in the warm sunshine on your own tropical island retreat.
</p>
Tropical Island Features:
<ul>
<li>Private Beach</li>
<li>Personal Valet</li>
<li>Free Wi-Fi</li>
</ul>
</div>
</body>
</html>

30
Chapter ZIPs/chapter6/size/cover.html Normal file
View File

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>cover</title>
<meta charset="utf-8">
<style>
div {
background-image: url(myislandback.jpg);
background-size: cover;
background-repeat: no-repeat;
width: 200px;
padding: 20px;
}
</style>
</head>
<body>
<div class="test">
<h1>Tropical Island</h1>
<p>
Enjoy relaxing in the warm sunshine on your own tropical island retreat.
</p>
Tropical Island Features:
<ul>
<li>Private Beach</li>
<li>Personal Valet</li>
<li>Free Wi-Fi</li>
</ul>
</div>
</body>
</html>

BIN
Chapter ZIPs/chapter6/size/myislandback.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

32
Chapter ZIPs/chapter6/size/sedona.html Normal file
View File

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>CSS3 background-size</title>
<meta charset="utf-8">
<style>
body { min-width: 640px; }
#test { background-image: url(sedonabackground.jpg);
background-repeat: no-repeat;
}
#test1 { background-image: url(sedonabackground.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
h1 { text-align: center;
color: #663300;
text-shadow: 2px 2px 2px #ffffcc;
font-family: "Chaparral Pro", Georgia, serif;
line-height: 200%; font-size: 3em;
}
</style>
</head>
<body>
<div id="test">
<h1>Casita Sedona</h1>
</div>
<div id="test1">
<h1>Casita Sedona</h1>
</div>
</body>
</html>

BIN
Chapter ZIPs/chapter6/size/sedonabackground.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.5 KiB

64
Chapter ZIPs/chapter6/starter1.html Normal file
View File

@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Coffee House</title>
<meta charset="utf-8">
<style>
body { color: #221811;
font-family: Verdana, Arial, sans-serif;
}
header { background-color: #D2B48C;
background-image: url(coffeelogo.jpg);
background-repeat: no-repeat;
}
h1 { text-indent: 4em;
font-size: 4em;
}
nav { font-weight: bold;
text-indent: 1em;
font-size: 2em;
}
nav a { color: #804D33; text-decoration: none; }
#wrapper { background-color: #FCEBB6; }
</style>
</head>
<body>
<div id="wrapper">
<header>
<h1>Coffee House</h1>
</header>
<nav>
<a href="index.html">Home</a> &nbsp;
<a href="menu.html">Menu</a> &nbsp;
<a href="music.html">Music</a> &nbsp;
<a href="jobs.html">Jobs</a>
</nav>
<main>
<h2>Follow the Winding Road to Coffee House</h2>
<h3>Coffee House features:</h3>
<ul>
<li>Specialty Coffee and Tea</li>
<li>Bagels, Muffins, and Gluten-free Pastries</li>
<li>Organic Salads</li>
<li>Music and Poetry Readings</li>
<li>Open Mic Night</li>
</ul>
<div>
12010 Garrett Bay Road<br>
Ellison Bay, WI 54210<br>
888-555-5555<br><br>
</div>
</main>
<footer>
Copyright &copy; Coffee House<br>
</footer>
</div>
</body>
</html>

34
Chapter ZIPs/chapter6/starter2.html Normal file
View File

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Lighthouse Bistro</title>
<meta charset="utf-8">
<style>
body { background-image: url(background.jpg);
font-family: Arial, Verdana, sans-serif;
}
h2 { color: #000033;
font-family: arial, sans-serif;
}
footer { font-size: .80em;
font-style: italic;
}
</style>
</head>
<body>
<header>
<h1>Lighthouse Bistro</h1>
</header>
<nav><a href="index.html">Home</a> &nbsp;<a href="menu.html">Menu</a> &nbsp;<a href="directions.html">Directions</a> &nbsp;<a href="contact.html">Contact</a>
</nav>
<h2>Locally Roasted Free-Trade Coffee</h2>
<p>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.</p>
<h2>Specialty Pastries</h2>
<p>Enjoy a selection of our fresh baked, organic pastries, including fresh fruit muffins, scones, croissants, and cinnamon rolls.</p>
<h2>Lunchtime is Anytime</h2>
<p>Savor delicious wraps and sandwiches on hearty, whole grain breads with locally grown salad, fruit, and vegetables. </p>
<footer>
Copyright &copy; Your Name Here
</footer>
</body>
</html>

56
Chapter ZIPs/chapter6/starter3.html Normal file
View File

@ -0,0 +1,56 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>KayakDoorCounty.net</title>
<style>
body { background-color: #000033;
font-family: Verdana, Arial, sans-serif;
}
header { background-color: #000033;
color: #FFFFB9;
background-image: url(headerbackblue.jpg);
background-position: right;
background-repeat: no-repeat;
}
h1, h2, h3 { font-family: Georgia, "Times New Roman", serif; }
nav { font-weight: bold;
font-size: 1.25em;
background-color: #FFFFCC;
}
nav a { text-decoration: none; }
main { background-color: #004D99;
}
footer { font-style: italic;
text-align: center;
background-color: #000033;
color: #FFFFCC;
}
</style>
</head>
<body>
<header>
<h1>KayakDoorCounty.net</h1>
</header>
<nav>
<a href="index.html">Home</a> &nbsp;
<a href="tours.html">Tours</a> &nbsp;
<a href="reservations.html">Reservations</a> &nbsp;
<a href="contact.html">Contact</a> &nbsp;
</nav>
<main>
<h2>Your next adventure is only a paddle away ....</h2>
<p>Take a guided kayak tour while you explore the shoreline of scenic Door County. </p>
<h3>Featured tours this week:</h3>
<ul>
<li>Cana Island</li>
<li>Mink River</li>
<li>Europe Lake</li>
</ul>
</main>
<footer>
<small><i>Copyright &copy; KayakDoorCounty.net</i></small>
</footer>
</body>
</html>

19
Chapter ZIPs/chapter6/starter4.html Normal file
View File

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Practice with Gradients</title>
<meta charset="utf-8">
<style>
</style>
</head>
<body>
<h1>Linear Gradient</h1>
<p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
<h2>Heading 2</h2>
<p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
<h2>Heading 2</h2>
<p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
</body>
</html>

BIN
Chapter ZIPs/chapter6/starters/background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
Chapter ZIPs/chapter6/starters/coffeelogo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
Chapter ZIPs/chapter6/starters/fall.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 130 KiB

BIN
Chapter ZIPs/chapter6/starters/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 894 B

BIN
Chapter ZIPs/chapter6/starters/headerbackblue.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
Chapter ZIPs/chapter6/starters/heroback2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB

BIN
Chapter ZIPs/chapter6/starters/lighthouselogo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

BIN
Chapter ZIPs/chapter6/starters/sunrise.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 103 KiB

9
Chapter ZIPs/chapter6/template.html Normal file
View File

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Page Title Goes Here</title>
</head>
<body>
</body>
</html>

BIN
ZIPs/lab6_1_CalebFontenot.zip Normal file
View File

Binary file not shown.