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

I hate this

Browse Source
This commit is contained in:
Chloe Fontenot 🏳️‍⚧️
2023-02-22 19:08:31 -06:00
parent 8b84fc39b8
commit fd595f2d9b
51 changed files with 2606 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
Assignments/lab7_CalebFontenot/Printed HTMLs/7.10_index.html Normal file
View File

@@ -0,0 +1,140 @@
<!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; font-weight: bold}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
.ST2 {color: #6897bb}
.ST3 {color: #6a8759}
.tag {color: #e8bf6a}
.ST4 {color: #6d9cbe; font-family: monospace}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.11/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 Island 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>
* { box-sizing: border-box; }
body {font-family: Verdana, Arial, sans-serif;
background-color: <span class="ST2">#00005D</span>;
}
<span class="ST2">#wrapper</span> { background-color: <span class="ST2">#b3c7e6</span>;
color: <span class="ST2">#000066</span>;
width: <span class="ST2">80%</span>;
margin: auto;
min-width:<span class="ST2">940px</span>;
}
header { background-color: <span class="ST2">#869dc7</span>;
color: <span class="ST2">#00005D</span>;
font-size: <span class="ST2">150%</span>;
padding: <span class="ST2">10px</span> <span class="ST2">10px</span> <span class="ST2">10px</span> <span class="ST2">155px</span>;
background-image: <span class="ST3">url(lighthouselogo.jpg)</span>;
background-repeat: no-repeat;
height: <span class="ST2">130px</span>;
margin-top: <span class="ST2">40px</span>;
}
h2 { color: <span class="ST2">#869dc7</span>;
font-family: arial, sans-serif;
}
nav { position: fixed; top: <span class="ST2">0</span>; left: <span class="ST2">0</span>;
height: <span class="ST2">40px</span>;
min-width: <span class="ST2">40em</span>;
width: <span class="ST2">100%</span>;
background-color: <span class="ST2">#B3C7E6</span>;
z-index: <span class="ST2">9999</span>;
}
nav ul { list-style-type: none;
text-align: right;
font-size: <span class="ST2">1.5em</span>;
margin: <span class="ST2">5px</span>;
padding-right: <span class="ST2">10%</span>;
}
nav li { display: inline; }
nav a { text-decoration: none;
padding-left: <span class="ST2">10px</span>;
padding-right: <span class="ST2">10px</span>;
}
main { padding: <span class="ST2">20px</span> <span class="ST2">20px</span> <span class="ST2">0</span> <span class="ST2">20px</span>;
background-color: <span class="ST2">#ffffff</span>;
color: <span class="ST2">#000000</span>;
display: block;
}
main img { margin: <span class="ST2">10px</span>;
float: right;
}
footer {font-size:<span class="ST2">70%</span>;
text-align: center;
clear: right;
padding-bottom:<span class="ST2">20px</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>wrapper<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 Island 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">ul</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</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="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><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;rooms.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="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><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="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><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">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">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">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;lighthouseisland.jpg&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;250&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;355&quot;</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>floatright<span class="value">&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Lighthouse Island&quot;</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">h2</span><span class="tag">&gt;</span>Panoramic View<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>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<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>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">h2</span><span class="tag">&gt;</span>Panoramic View<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>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<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>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">h2</span><span class="tag">&gt;</span>Panoramic View<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>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag">&lt;/</span><span class="tag">p</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>
<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>

140
Assignments/lab7_CalebFontenot/Printed HTMLs/7.11_index.html Normal file
View File

@@ -0,0 +1,140 @@
<!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; font-weight: bold}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
.ST2 {color: #6897bb}
.ST3 {color: #6a8759}
.tag {color: #e8bf6a}
.ST4 {color: #6d9cbe; font-family: monospace}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.11/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 Island 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>
* { box-sizing: border-box; }
body {font-family: Verdana, Arial, sans-serif;
background-color: <span class="ST2">#00005D</span>;
}
<span class="ST2">#wrapper</span> { background-color: <span class="ST2">#b3c7e6</span>;
color: <span class="ST2">#000066</span>;
width: <span class="ST2">80%</span>;
margin: auto;
min-width:<span class="ST2">940px</span>;
}
header { background-color: <span class="ST2">#869dc7</span>;
color: <span class="ST2">#00005D</span>;
font-size: <span class="ST2">150%</span>;
padding: <span class="ST2">10px</span> <span class="ST2">10px</span> <span class="ST2">10px</span> <span class="ST2">155px</span>;
background-image: <span class="ST3">url(lighthouselogo.jpg)</span>;
background-repeat: no-repeat;
height: <span class="ST2">130px</span>;
margin-top: <span class="ST2">40px</span>;
}
h2 { color: <span class="ST2">#869dc7</span>;
font-family: arial, sans-serif;
}
nav { position: fixed; top: <span class="ST2">0</span>; left: <span class="ST2">0</span>;
height: <span class="ST2">40px</span>;
min-width: <span class="ST2">40em</span>;
width: <span class="ST2">100%</span>;
background-color: <span class="ST2">#B3C7E6</span>;
z-index: <span class="ST2">9999</span>;
}
nav ul { list-style-type: none;
text-align: right;
font-size: <span class="ST2">1.5em</span>;
margin: <span class="ST2">5px</span>;
padding-right: <span class="ST2">10%</span>;
}
nav li { display: inline; }
nav a { text-decoration: none;
padding-left: <span class="ST2">10px</span>;
padding-right: <span class="ST2">10px</span>;
}
main { padding: <span class="ST2">20px</span> <span class="ST2">20px</span> <span class="ST2">0</span> <span class="ST2">20px</span>;
background-color: <span class="ST2">#ffffff</span>;
color: <span class="ST2">#000000</span>;
display: block;
}
main img { margin: <span class="ST2">10px</span>;
float: right;
}
footer {font-size:<span class="ST2">70%</span>;
text-align: center;
clear: right;
padding-bottom:<span class="ST2">20px</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>wrapper<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 Island 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">ul</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</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="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><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;rooms.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="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><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="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><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">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">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">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;lighthouseisland.jpg&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;250&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;355&quot;</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>floatright<span class="value">&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Lighthouse Island&quot;</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">h2</span><span class="tag">&gt;</span>Panoramic View<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>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<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>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">h2</span><span class="tag">&gt;</span>Panoramic View<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>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<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>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">h2</span><span class="tag">&gt;</span>Panoramic View<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>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag">&lt;/</span><span class="tag">p</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>
<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>

161
Assignments/lab7_CalebFontenot/Printed HTMLs/7.12_index.html Normal file
View File

@@ -0,0 +1,161 @@
<!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; font-weight: bold}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
.ST2 {color: #6897bb}
.ST3 {color: #6a8759}
.tag {color: #e8bf6a}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
.block-comment {color: #808080}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.12/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>KayakDoorCounty.net<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>
body { font-family: Tahoma, Verdana, Arial, sans-serif;
margin: <span class="ST2">0</span>; padding: <span class="ST2">0</span>;
}
.hero {
background-image: <span class="ST3">url(beached.jpg)</span>;
min-height: <span class="ST2">100vh</span>;
background-repeat: no-repeat;
background-size: cover;
}
.tourshero {
background-image: <span class="ST3">url(kayaks.jpg)</span>;
min-height: <span class="ST2">100vh</span>;
background-repeat: no-repeat;
background-size: cover;
}
.rentalshero {
background-image: <span class="ST3">url(rentals.jpg)</span>;
min-height: <span class="ST2">100vh</span>;
background-repeat: no-repeat;
background-size: cover;
}
.contacthero {
background-image: <span class="ST3">url(lonekayak.jpg)</span>;
min-height: <span class="ST2">100vh</span>;
background-repeat: no-repeat;
background-size: cover;
}
nav { z-index:<span class="ST2">9999</span>;
position: fixed;
top: <span class="ST2">0</span>;
left: <span class="ST2">0</span>;
padding: <span class="ST2">.5em</span>;
height: <span class="ST2">40px</span>;
background:rgba(<span class="ST2">25</span>,<span class="ST2">25</span>, <span class="ST2">25</span>, <span class="ST2">0.70</span>);
width: <span class="ST2">100%</span>;
font-size: <span class="ST2">120%</span>;
font-weight: bold;
min-width: <span class="ST2">900px</span>; }
nav ul { list-style-type: none;
margin: <span class="ST2">5px</span>; }
nav ul li { display: inline; padding-left: <span class="ST2">2em</span>; padding-right: <span class="ST2">2em</span>; }
nav a { text-decoration:none; }
nav a:link { color: <span class="ST2">#EAEAEA</span>; }
nav a:visited { color: <span class="ST2">#FFF</span>; }
nav a:hover { color: <span class="ST2">#FDA27F</span>; }
h1 { height: <span class="ST2">100px</span>;
padding-top: <span class="ST2">2em</span>;
text-align: center;
background:rgba(<span class="ST2">255</span>, <span class="ST2">255</span>, <span class="ST2">255</span>, <span class="ST2">0.80</span>);
}
.space { height: <span class="ST2">20vh</span>; }
<span class="ST2">#tours</span>, <span class="ST2">#rentals</span>, <span class="ST2">#contact</span> { background-color: <span class="ST2">#FFF</span>;
width: <span class="ST2">60%</span>;
padding-left: <span class="ST2">6em</span>;
padding-top: <span class="ST2">70px</span>;
padding-bottom: <span class="ST2">2em</span>;
}
footer { background:rgba(<span class="ST2">25</span>,<span class="ST2">25</span>, <span class="ST2">25</span>, <span class="ST2">0.90</span>);
width: <span class="ST2">100%</span>;
font-size: <span class="ST2">90%</span>;
text-align: center;
color: <span class="ST2">#EAEAEA</span>;
position: fixed;
bottom: <span class="ST2">0</span>;
}
footer a { text-decoration: none;
color: <span class="ST2">#EAEAEA</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">nav</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><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;#home&quot;</span><span class="tag">&gt;</span>KayakDoorCounty.net<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><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><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;#tours&quot;</span><span class="tag">&gt;</span>Tours<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><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><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;#rentals&quot;</span><span class="tag">&gt;</span>Rentals<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><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><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;#contact&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">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">nav</span><span class="tag">&gt;</span>
<span class="block-comment">&lt;!-- Home Page --&gt;</span>
<span class="tag">&lt;</span><span class="tag">section</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>home<span class="value">&quot;</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>hero<span class="value">&quot;</span> <span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>space<span class="value">&quot;</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">h1</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;#home&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;kayakdc.gif&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;KayakDoorCounty.net&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">section</span><span class="tag">&gt;</span>
<span class="block-comment">&lt;!-- Tours Page --&gt;</span>
<span class="tag">&lt;</span><span class="tag">section</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>tours<span class="value">&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Tours by KayakDoorCounty.net<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Your next adventure is only a paddle away....<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>Take a guided kayak tour while you explore the scenic shoreline of Door County<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h3</span><span class="tag">&gt;</span>Featured tours this week:<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>Cana Island<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>Mink River<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>Europe Lake<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">section</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>tourshero<span class="value">&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
<span class="block-comment">&lt;!-- Rentals Page --&gt;</span>
<span class="tag">&lt;</span><span class="tag">section</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>rentals<span class="value">&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Rent Kayaks from KayakDoorCounty.net<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>Be Your Own Guide.....<span class="tag">&lt;/</span><span class="tag">h3</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Half day, full day, and week-long rentals available.<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>
Rent a kayak at one of these three scenic locations:<span class="tag">&lt;/</span><span class="tag">p</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>Eagle Harbor<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>Sister Bay<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>Garrett Bay<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">section</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>rentalshero<span class="value">&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
<span class="block-comment">&lt;!-- Contact Page --&gt;</span>
<span class="tag">&lt;</span><span class="tag">section</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>contact<span class="value">&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Contact KayakDoorCounty.net<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>Call, Text, or Email<span class="tag">&lt;/</span><span class="tag">h3</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>A trained kayak guide will answer all your questions and get you out on the water!<span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Call to reserve your kayak today!<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
555-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">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;mailto:info@kayakdoorcounty.net&quot;</span><span class="tag">&gt;</span>info@kayakdoorcounty.net<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">section</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>contacthero<span class="value">&quot;</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">footer</span><span class="tag">&gt;</span>
KayakDoorCounty.net<span class="tag">&lt;</span><span class="tag">br</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;mailto:info@kayakdoorcounty.net&quot;</span><span class="tag">&gt;</span>info@kayakdoorcounty.net<span class="tag">&lt;/</span><span class="tag">a</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">body</span><span class="tag">&gt;</span>
&lt;/html&gt;
</pre></body>
</html>

159
Assignments/lab7_CalebFontenot/Printed HTMLs/7.13_index.html Normal file
View File

@@ -0,0 +1,159 @@
<!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; font-weight: bold}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
.ST2 {color: #6a8759}
.ST3 {color: #6897bb}
.tag {color: #e8bf6a}
.ST5 {color: #6d9cbe; font-family: monospace}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
.ST4 {color: #e8bf6a; font-family: monospace; font-weight: bold; font-style: italic}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.13/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 Island 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">*</span> {
box-sizing: border-box;
}
<span class="ST2">body</span> {
font-family:Verdana, Arial, sans-serif;
background-color: <span class="ST3">#00005D</span>;
}
<span class="ST2">#wrapper</span> {
background-color: <span class="ST3">#b3c7e6</span>;
color: <span class="ST3">#000066</span>;
width: <span class="ST3">80%</span>;
margin: auto;
min-width:<span class="ST3">940px</span>;
}
<span class="ST2">nav</span> {
position: fixed;
}
<span class="ST2">nav</span> <span class="ST2">ul</span> {
list-style-type: none;
padding: <span class="ST3">10px</span>;
}
<span class="ST2">nav</span> <span class="ST2">a</span> {
text-decoration: none;
padding: <span class="ST3">10px</span>;
font-weight: bold;
}
<span class="ST2">nav</span> <span class="ST2">a</span><span class="ST4">:</span><span class="ST4">link</span> {
color: <span class="ST3">#FFFFFF</span>;
}
<span class="ST2">nav</span> <span class="ST2">a</span><span class="ST4">:</span><span class="ST4">visited</span> {
color: <span class="ST3">#EAEAEA</span>;
}
<span class="ST2">nav</span> <span class="ST2">a</span><span class="ST4">:</span><span class="ST4">hover</span> {
color: <span class="ST3">#000066</span>;
}
<span class="ST2">main</span> {
margin-left: <span class="ST3">155px</span>;
background-color: <span class="ST3">#ffffff</span>;
color: <span class="ST3">#000000</span>;
display: block;
}
<span class="ST2">header</span> {
background-color: <span class="ST3">#869dc7</span>;
color: <span class="ST3">#00005D</span>;
font-size: <span class="ST3">150%</span>;
padding: <span class="ST3">10px</span> <span class="ST3">10px</span> <span class="ST3">10px</span> <span class="ST3">155px</span>;
background-image: <span class="ST2">url(lighthouselogo.jpg)</span>;
background-repeat: no-repeat;
height: <span class="ST3">130px</span>;
}
<span class="ST2">h2</span> {
color: <span class="ST3">#869dc7</span>;
font-family: arial, sans-serif;
}
<span class="ST2">.</span><span class="ST2">content</span> {
padding: <span class="ST3">20px</span> <span class="ST3">20px</span> <span class="ST3">0</span> <span class="ST3">20px</span>;
}
<span class="ST2">#floatright</span> {
margin: <span class="ST3">10px</span>;
float: right;
}
<span class="ST2">footer</span> {
font-size:<span class="ST3">70%</span>;
text-align: center;
clear: right;
padding-bottom:<span class="ST3">20px</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>Lighthouse Island 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">ul</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</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="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><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;rooms.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="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><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="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><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">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">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">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">content</span><span class="value">&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;lighthouseisland.jpg&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;250&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;355&quot;</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">floatright</span><span class="value">&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Lighthouse Island&quot;</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">h2</span><span class="tag">&gt;</span>Panoramic View<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>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<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>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">h2</span><span class="tag">&gt;</span>Panoramic View<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>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<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>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">h2</span><span class="tag">&gt;</span>Panoramic View<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>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag">&lt;/</span><span class="tag">p</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">footer</span><span class="tag">&gt;</span>Copyright <span class="ST5">&amp;copy;</span>
<span class="tag">&lt;/</span><span class="tag">footer</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">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>

58
Assignments/lab7_CalebFontenot/Printed HTMLs/7.1_box1.html Normal file
View File

@@ -0,0 +1,58 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>box1.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; font-weight: bold}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
.ST2 {color: #6897bb}
.tag {color: #e8bf6a}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.1/box1.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>CSS<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>
.div1 {
width:<span class="ST2">200px</span>;
height:<span class="ST2">200px</span>;
background-color:<span class="ST2">#D1ECFF</span>;
border: <span class="ST2">3px</span> dashed <span class="ST2">#000000</span>;
padding:<span class="ST2">5px</span>;
}
.div2 {
width:<span class="ST2">100px</span>;
height:<span class="ST2">100px</span>;
background-color:<span class="ST2">#FFFFFF</span>;
border: <span class="ST2">3px</span> ridge <span class="ST2">#000000</span>;
padding:<span class="ST2">5px</span>;
margin:<span class="ST2">10px</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">class</span><span class="argument">=</span><span class="value">&quot;</span>div1<span class="value">&quot;</span><span class="tag">&gt;</span>
This is the first box.
<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>div2<span class="value">&quot;</span><span class="tag">&gt;</span>
This is the second box.
<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>

57
Assignments/lab7_CalebFontenot/Printed HTMLs/7.1_box2.html Normal file
View File

@@ -0,0 +1,57 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>box2.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; font-weight: bold}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
.ST2 {color: #6897bb}
.tag {color: #e8bf6a}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.1/box2.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>CSS<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>
.div1 {
width:<span class="ST2">200px</span>;
height:<span class="ST2">200px</span>;
background-color:<span class="ST2">#D1ECFF</span>;
border: <span class="ST2">3px</span> dashed <span class="ST2">#000000</span>;
padding:<span class="ST2">5px</span>;
}
.div2 {
width:<span class="ST2">100px</span>;
height:<span class="ST2">100px</span>;
background-color:<span class="ST2">#FFFFFF</span>;
border: <span class="ST2">3px</span> ridge <span class="ST2">#000000</span>;
padding:<span class="ST2">5px</span>;
margin:<span class="ST2">5px</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">class</span><span class="argument">=</span><span class="value">&quot;</span>div1<span class="value">&quot;</span><span class="tag">&gt;</span>
This is the first box.
<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>div2<span class="value">&quot;</span><span class="tag">&gt;</span>
This is the second box.
<span class="tag">&lt;/</span><span class="tag">div</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>

57
Assignments/lab7_CalebFontenot/Printed HTMLs/7.1_boxsizing1.html Normal file
View File

@@ -0,0 +1,57 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>boxsizing1.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; font-weight: bold}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
.ST2 {color: #6897bb}
.tag {color: #e8bf6a}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.5/boxsizing1.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>Default box-sizing<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>
body { width: <span class="ST2">600px</span>; }
.pod { float: left;
width: <span class="ST2">30%</span>;
height: <span class="ST2">150px</span>;
background-color: <span class="ST2">#D1ECFF</span>;
padding: <span class="ST2">20px</span>; margin: <span class="ST2">10px</span>; border: <span class="ST2">1px</span> solid <span class="ST2">#000033</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">main</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>Default box-sizing<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">class</span><span class="argument">=</span><span class="value">&quot;</span>pod<span class="value">&quot;</span><span class="tag">&gt;</span>
Element 1
<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>pod<span class="value">&quot;</span><span class="tag">&gt;</span>
Element 2
<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>pod<span class="value">&quot;</span><span class="tag">&gt;</span>
Element 3
<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">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>

60
Assignments/lab7_CalebFontenot/Printed HTMLs/7.2_float.html Normal file
View File

@@ -0,0 +1,60 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>float.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; font-weight: bold}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
.ST2 {color: #6897bb}
.tag {color: #e8bf6a}
.ST3 {color: #6d9cbe; font-family: monospace}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.2/float.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>CSS Float<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>
body { width: <span class="ST2">500px</span>;
background-color: <span class="ST2">#FFFFFF</span>;
color: <span class="ST2">#000000</span>;
}
div { background-color: <span class="ST2">#F3F1BF</span>;
}
h1 { background-color: <span class="ST2">#658B42</span>;
padding: <span class="ST2">10px</span>;
color: <span class="ST2">#E1DB5F</span>;
}
p { font-family: Arial,sans-serif;
}
.float { float: left;
margin-right: <span class="ST2">10px</span>;
border: <span class="ST2">3px</span> ridge <span class="ST2">#000000</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">h1</span><span class="tag">&gt;</span>Yellow Lady Slipper<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="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>float<span class="value">&quot;</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;yls.jpg&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Yellow Lady Slipper&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;100&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;100&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>The Yellow Lady Slipper grows in wooded areas and blooms in June each year. The flower is a member of the orchid family.<span class="tag">&lt;/</span><span class="tag">p</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">h2</span><span class="tag">&gt;</span>Be Green When Enjoying Wildflowers<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 wild plants in their native surroundings. Protect their environment in all possible ways <span class="ST3">&amp;mdash;</span> support organizations dedicated to preserving their habitat. <span class="tag">&lt;/</span><span class="tag">p</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>

71
Assignments/lab7_CalebFontenot/Printed HTMLs/7.3_float.html Normal file
View File

@@ -0,0 +1,71 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>float.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; font-weight: bold}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
.ST0 {color: #628fb5; background-color: #323232}
.sgml-declaration {color: #628fb5}
.value {color: #a5c261}
.ST2 {color: #6897bb}
.tag {color: #e8bf6a}
.ST3 {color: #6d9cbe; font-family: monospace}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.3/float.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>CSS Float<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>
body {
width: <span class="ST2">500px</span>;
background-color: <span class="ST2">#FFFFFF</span>;
color: <span class="ST2">#000000</span>;
}
div {
background-color: <span class="ST2">#F3F1BF</span>;
}
h1 {
background-color: <span class="ST2">#658B42</span>;
padding: <span class="ST2">10px</span>;
color: <span class="ST2">#E1DB5F</span>;
}
p {
font-family: Arial,sans-serif;
}
.float {
float: left;
margin-right: <span class="ST2">10px</span>;
border: <span class="ST2">3px</span> ridge <span class="ST2">#000000</span>;
}
.clearleft {
clear: left;
}
<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>Yellow Lady Slipper<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="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>float<span class="value">&quot;</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;yls.jpg&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Yellow Lady Slipper&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;100&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;100&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>The Yellow Lady Slipper grows in wooded areas and blooms in June each year. The flower is a member of the orchid family.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="sgml-declaration">&lt;!br</span> <span class="sgml-declaration">class=&quot;clearleft&quot;</span><span class="sgml-declaration">&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">h2</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>clearleft<span class="value">&quot;</span><span class="tag">&gt;</span>Be Green When Enjoying Wildflowers<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 wild plants in their native surroundings. Protect their environment in all possible ways <span class="ST3">&amp;mdash;</span> support organizations dedicated to preserving their habitat. <span class="tag">&lt;/</span><span class="tag">p</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>

74
Assignments/lab7_CalebFontenot/Printed HTMLs/7.4_float.html Normal file
View File

@@ -0,0 +1,74 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>float.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; font-weight: bold}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
.ST0 {color: #628fb5; background-color: #323232}
.sgml-declaration {color: #628fb5}
.value {color: #a5c261}
.ST2 {color: #6897bb}
.tag {color: #e8bf6a}
.ST3 {color: #6d9cbe; font-family: monospace}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.4/float.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>CSS Float<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>
body {
width: <span class="ST2">500px</span>;
background-color: <span class="ST2">#FFFFFF</span>;
color: <span class="ST2">#000000</span>;
}
div {
background-color: <span class="ST2">#F3F1BF</span>;
overflow: scroll;
width: <span class="ST2">300px</span>;
height: <span class="ST2">100px</span>;
}
h1 {
background-color: <span class="ST2">#658B42</span>;
padding: <span class="ST2">10px</span>;
color: <span class="ST2">#E1DB5F</span>;
}
p {
font-family: Arial,sans-serif;
}
.float {
float: left;
margin-right: <span class="ST2">10px</span>;
border: <span class="ST2">3px</span> ridge <span class="ST2">#000000</span>;
}
.clearleft {
clear: left;
}
<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>Yellow Lady Slipper<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="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>float<span class="value">&quot;</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;yls.jpg&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Yellow Lady Slipper&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;100&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;100&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>The Yellow Lady Slipper grows in wooded areas and blooms in June each year. The flower is a member of the orchid family.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="sgml-declaration">&lt;!br</span> <span class="sgml-declaration">class=&quot;clearleft&quot;</span><span class="sgml-declaration">&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">h2</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>clearleft<span class="value">&quot;</span><span class="tag">&gt;</span>Be Green When Enjoying Wildflowers<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 wild plants in their native surroundings. Protect their environment in all possible ways <span class="ST3">&amp;mdash;</span> support organizations dedicated to preserving their habitat. <span class="tag">&lt;/</span><span class="tag">p</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>

58
Assignments/lab7_CalebFontenot/Printed HTMLs/7.5_boxsizing2.html Normal file
View File

@@ -0,0 +1,58 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>boxsizing2.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; font-weight: bold}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
.ST2 {color: #6897bb}
.tag {color: #e8bf6a}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.5/boxsizing2.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>box-sizing set to border-box<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>
* { box-sizing: border-box; }
body { width: <span class="ST2">600px</span>; }
.pod { float: left;
width: <span class="ST2">30%</span>;
height: <span class="ST2">150px</span>;
background-color: <span class="ST2">#D1ECFF</span>;
padding:<span class="ST2">20px</span>; margin: <span class="ST2">10px</span>; border: <span class="ST2">1px</span> solid <span class="ST2">#000033</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">main</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>box-sizing set to border-box<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">class</span><span class="argument">=</span><span class="value">&quot;</span>pod<span class="value">&quot;</span><span class="tag">&gt;</span>
Element 1
<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>pod<span class="value">&quot;</span><span class="tag">&gt;</span>
Element 2
<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>pod<span class="value">&quot;</span><span class="tag">&gt;</span>
Element 3
<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">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>

141
Assignments/lab7_CalebFontenot/Printed HTMLs/7.6_index.html Normal file
View File

@@ -0,0 +1,141 @@
<!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; font-weight: bold}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
.ST2 {color: #6a8759}
.ST3 {color: #6897bb}
.tag {color: #e8bf6a}
.ST5 {color: #6d9cbe; font-family: monospace}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
.ST4 {color: #e8bf6a; font-family: monospace; font-weight: bold; font-style: italic}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.6/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 Island 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">*</span> {
box-sizing: border-box;
}
<span class="ST2">body</span> {
font-family:Verdana, Arial, sans-serif;
background-color: <span class="ST3">#00005D</span>;
}
<span class="ST2">#wrapper</span> {
background-color: <span class="ST3">#b3c7e6</span>;
color: <span class="ST3">#000066</span>;
width: <span class="ST3">80%</span>;
margin: auto;
min-width:<span class="ST3">940px</span>;
}
<span class="ST2">nav</span> {
float: left;
width: <span class="ST3">150px</span>;
}
<span class="ST2">nav</span> <span class="ST2">ul</span> {
list-style-type: none;
padding: <span class="ST3">10px</span>;
}
<span class="ST2">nav</span> <span class="ST2">a</span> {
text-decoration: none;
padding: <span class="ST3">10px</span>;
font-weight: bold;
}
<span class="ST2">nav</span> <span class="ST2">a</span><span class="ST4">:</span><span class="ST4">link</span> {
color: <span class="ST3">#FFFFFF</span>;
}
<span class="ST2">nav</span> <span class="ST2">a</span><span class="ST4">:</span><span class="ST4">visited</span> {
color: <span class="ST3">#EAEAEA</span>;
}
<span class="ST2">nav</span> <span class="ST2">a</span><span class="ST4">:</span><span class="ST4">hover</span> {
color: <span class="ST3">#000066</span>;
}
<span class="ST2">main</span> {
margin-left: <span class="ST3">155px</span>;
background-color: <span class="ST3">#ffffff</span>;
color: <span class="ST3">#000000</span>;
display: block;
}
<span class="ST2">header</span> {
background-color: <span class="ST3">#869dc7</span>;
color: <span class="ST3">#00005D</span>;
font-size: <span class="ST3">150%</span>;
padding: <span class="ST3">10px</span> <span class="ST3">10px</span> <span class="ST3">10px</span> <span class="ST3">155px</span>;
background-image: <span class="ST2">url(lighthouselogo.jpg)</span>;
background-repeat: no-repeat;
height: <span class="ST3">130px</span>;
}
<span class="ST2">h2</span> {
color: <span class="ST3">#869dc7</span>;
font-family: arial, sans-serif;
}
<span class="ST2">.</span><span class="ST2">content</span> {
padding: <span class="ST3">20px</span> <span class="ST3">20px</span> <span class="ST3">0</span> <span class="ST3">20px</span>;
}
<span class="ST2">#floatright</span> {
margin: <span class="ST3">10px</span>;
float: right;
}
<span class="ST2">footer</span> {
font-size:<span class="ST3">70%</span>;
text-align: center;
clear: right;
padding-bottom:<span class="ST3">20px</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>Lighthouse Island 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">ul</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</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="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><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;rooms.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="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><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="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><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">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">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">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">content</span><span class="value">&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;lighthouseisland.jpg&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;250&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;355&quot;</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">floatright</span><span class="value">&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Lighthouse Island&quot;</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">h2</span><span class="tag">&gt;</span>Panoramic View<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>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag">&lt;/</span><span class="tag">p</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">footer</span><span class="tag">&gt;</span>Copyright <span class="ST5">&amp;copy;</span>
<span class="tag">&lt;/</span><span class="tag">footer</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">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>

86
Assignments/lab7_CalebFontenot/Printed HTMLs/7.6_singlecol.html Normal file
View File

@@ -0,0 +1,86 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>singlecol.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; font-weight: bold}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
.ST2 {color: #6897bb}
.tag {color: #e8bf6a}
.ST3 {color: #6d9cbe; font-family: monospace}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.6/singlecol.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>Layout Example<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>
nav {
float: left;
height: <span class="ST2">150px</span>;
padding: <span class="ST2">10px</span>;
}
main {
margin-left: <span class="ST2">160px</span>;
padding: <span class="ST2">10px</span>;
background-color: <span class="ST2">#FFFFFF</span>;
}
<span class="ST2">#wrapper</span> {
width: <span class="ST2">80%</span>;
margin-left: auto;
margin-right: auto;
background-color: <span class="ST2">#EAEAEA</span>;
}
body {
background-color: <span class="ST2">#000066</span>;
}
header {
background-color: <span class="ST2">#CCCCFF</span>;
}
h1 {
margin: <span class="ST2">0</span>;
padding: <span class="ST2">10px</span>;
}
footer {
text-align: center;
font-style: italic;
background-color: <span class="ST2">#CCCCFF</span>;
clear: both;
}
<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>wrapper<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>Layout Example<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="tag">&lt;</span><span class="tag">br</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;page1.html&quot;</span><span class="tag">&gt;</span>Page 1<span class="tag">&lt;/</span><span class="tag">a</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">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;page2.html&quot;</span><span class="tag">&gt;</span>Page 2<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>Page Heading<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>This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence.<span class="tag">&lt;/</span><span class="tag">p</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="ST3">&amp;copy;</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>

67
Assignments/lab7_CalebFontenot/Printed HTMLs/7.7_index.html Normal file
View File

@@ -0,0 +1,67 @@
<!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; font-weight: bold}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
.tag {color: #e8bf6a}
.ST2 {color: #6d9cbe; font-family: monospace}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
.block-comment {color: #808080}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.7/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 Island 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">link</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;bistro.css&quot;</span> <span class="argument">rel</span><span class="argument">=</span><span class="value">&quot;stylesheet&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">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>wrapper<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 Island 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">ul</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</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="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><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;rooms.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="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><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="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><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">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">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>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">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;lighthouseisland.jpg&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;250&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;355&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Lighthouse Island&quot;</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>floatright<span class="value">&quot;</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">h2</span><span class="tag">&gt;</span>Panoramic View<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>Take in some scenery!<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">main</span><span class="tag">&gt;</span> <span class="block-comment">&lt;!-- end of main content --&gt;</span>
<span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>Copyright <span class="ST2">&amp;copy;</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="block-comment">&lt;!-- end of wrapper --&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>

66
Assignments/lab7_CalebFontenot/Printed HTMLs/7.8_bistro.html Normal file
View File

@@ -0,0 +1,66 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>bistro.css</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; font-weight: bold}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
.highlight-caret-row {background-color: #323232}
.numbers {color: #6897bb}
.strings {color: #6a8759}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.8/bistro.css</td></tr></table>
<pre>
<span class="highlight-caret-row">*</span> <span class="highlight-caret-row">{</span> <span class="highlight-caret-row">box-sizing</span><span class="highlight-caret-row">:</span> <span class="highlight-caret-row">border-box</span><span class="highlight-caret-row">;</span> <span class="highlight-caret-row">}</span>
body { background-color: <span class="numbers">#00005D</span>;
font-family: Verdana, Arial, sans-serif; }
<span class="numbers">#wrapper</span> { margin: <span class="numbers">0</span> auto;
width: <span class="numbers">80%</span>;
min-width: <span class="numbers">940px</span>;
background-color: <span class="numbers">#B3C7E6</span>;
color: <span class="numbers">#000066</span>; }
header { background-color: <span class="numbers">#869DC7</span>;
color: <span class="numbers">#00005D</span>;
font-size: <span class="numbers">150%</span>;
padding: <span class="numbers">10px</span> <span class="numbers">10px</span> <span class="numbers">10px</span> <span class="numbers">155px</span>;
height: <span class="numbers">150px</span>;
background-repeat: no-repeat;
background-image: <span class="strings">url(lighthouselogo.jpg)</span>; }
nav { float: right;
width: <span class="numbers">150px</span>;
font-weight: bold;
letter-spacing: <span class="numbers">0.1em</span>; }
main { background-color: <span class="numbers">#FFFFFF</span>;
color: <span class="numbers">#000000</span>;
padding: <span class="numbers">10px</span> <span class="numbers">20px</span>;
display: block;
overflow: auto; }
h2 { color: <span class="numbers">#869DC7</span>;
font-family: Arial, sans-serif; }
<span class="numbers">#floatright</span> { float: right; margin: <span class="numbers">10px</span>; }
nav ul { list-style-type: none; margin: <span class="numbers">0</span>; padding: <span class="numbers">0</span>; }
nav a { text-decoration: none; padding: <span class="numbers">20px</span>; display: block;
background-color: <span class="numbers">#B3C7E6</span>;
border-bottom: <span class="numbers">1px</span> solid <span class="numbers">#FFFFFF</span>;
}
nav a:link { color: <span class="numbers">#FFFFFF</span>; }
nav a:visited { color: <span class="numbers">#EAEAEA</span>; }
nav a:hover { color: <span class="numbers">#869DC7</span>;
background-color: <span class="numbers">#EAEAEA</span>; }
footer { font-size: <span class="numbers">70%</span>;
text-align: center;
padding: <span class="numbers">10px</span>;
background-color: <span class="numbers">#869DC7</span>;
clear: both;
}
</pre></body>
</html>

53
Assignments/lab7_CalebFontenot/Printed HTMLs/7.8_bistroprint.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>bistroprint.css</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; font-weight: bold}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
.highlight-caret-row {background-color: #323232}
.numbers {color: #6897bb}
.strings {color: #6a8759}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.8/bistroprint.css</td></tr></table>
<pre>
<span class="highlight-caret-row">*</span> <span class="highlight-caret-row">{</span> <span class="highlight-caret-row">box-sizing</span><span class="highlight-caret-row">:</span> <span class="highlight-caret-row">border-box</span><span class="highlight-caret-row">;</span> <span class="highlight-caret-row">}</span>
body { background-color: <span class="numbers">#00005D</span>;
font-family: Verdana, Arial, sans-serif; }
<span class="numbers">#wrapper</span> { margin: <span class="numbers">0</span> auto;
width: <span class="numbers">80%</span>;
min-width: <span class="numbers">940px</span>;
background-color: <span class="numbers">#B3C7E6</span>;
color: <span class="numbers">#000066</span>; }
header { color: <span class="numbers">#000000</span>; font-size: <span class="numbers">20pt</span>; }
nav { display: none; }
main { font-family: <span class="strings">&quot;Times New Roman&quot;</span>, serif; font-size: <span class="numbers">12pt</span>; }
h2 { color: <span class="numbers">#869DC7</span>;
font-family: Arial, sans-serif; }
<span class="numbers">#floatright</span> { float: right; margin: <span class="numbers">10px</span>; }
nav ul { list-style-type: none; margin: <span class="numbers">0</span>; padding: <span class="numbers">0</span>; }
nav a { text-decoration: none; padding: <span class="numbers">20px</span>; display: block;
background-color: <span class="numbers">#B3C7E6</span>;
border-bottom: <span class="numbers">1px</span> solid <span class="numbers">#FFFFFF</span>;
}
nav a:link { color: <span class="numbers">#FFFFFF</span>; }
nav a:visited { color: <span class="numbers">#EAEAEA</span>; }
nav a:hover { color: <span class="numbers">#869DC7</span>;
background-color: <span class="numbers">#EAEAEA</span>; }
footer { font-size: <span class="numbers">70%</span>;
text-align: center;
padding: <span class="numbers">10px</span>;
background-color: <span class="numbers">#869DC7</span>;
clear: both;
}
</pre></body>
</html>

68
Assignments/lab7_CalebFontenot/Printed HTMLs/7.8_index.html Normal file
View File

@@ -0,0 +1,68 @@
<!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; font-weight: bold}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
.tag {color: #e8bf6a}
.ST2 {color: #6d9cbe; font-family: monospace}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
.block-comment {color: #808080}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.8/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 Island 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">link</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;bistro.css&quot;</span> <span class="argument">rel</span><span class="argument">=</span><span class="value">&quot;stylesheet&quot;</span> <span class="argument">media</span><span class="argument">=</span><span class="value">&quot;screen&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">link</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;bistroprint.css&quot;</span> <span class="argument">rel</span><span class="argument">=</span><span class="value">&quot;stylesheet&quot;</span> <span class="argument">media</span><span class="argument">=</span><span class="value">&quot;print&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">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>wrapper<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 Island 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">ul</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</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="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><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;rooms.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="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><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="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><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">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">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>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">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;lighthouseisland.jpg&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;250&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;355&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Lighthouse Island&quot;</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>floatright<span class="value">&quot;</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">h2</span><span class="tag">&gt;</span>Panoramic View<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>Take in some scenery!<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">main</span><span class="tag">&gt;</span> <span class="block-comment">&lt;!-- end of main content --&gt;</span>
<span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>Copyright <span class="ST2">&amp;copy;</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="block-comment">&lt;!-- end of wrapper --&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>

71
Assignments/lab7_CalebFontenot/Printed HTMLs/7.9_bistro.html Normal file
View File

@@ -0,0 +1,71 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>bistro.css</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; font-weight: bold}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
.highlight-caret-row {background-color: #323232}
.numbers {color: #6897bb}
.strings {color: #6a8759}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.9/bistro.css</td></tr></table>
<pre>
<span class="highlight-caret-row">*</span> <span class="highlight-caret-row">{</span> <span class="highlight-caret-row">box-sizing</span><span class="highlight-caret-row">:</span> <span class="highlight-caret-row">border-box</span><span class="highlight-caret-row">;</span> <span class="highlight-caret-row">}</span>
body { background-color: <span class="numbers">#00005D</span>;
font-family: Verdana, Arial, sans-serif; }
<span class="numbers">#wrapper</span> { margin: <span class="numbers">0</span> auto;
width: <span class="numbers">80%</span>;
min-width: <span class="numbers">940px</span>;
background-color: <span class="numbers">#B3C7E6</span>;
color: <span class="numbers">#000066</span>; }
header { background-color: <span class="numbers">#869DC7</span>;
color: <span class="numbers">#00005D</span>;
font-size: <span class="numbers">150%</span>;
padding: <span class="numbers">10px</span> <span class="numbers">10px</span> <span class="numbers">10px</span> <span class="numbers">155px</span>;
height: <span class="numbers">150px</span>;
background-repeat: no-repeat;
background-image: <span class="strings">url(lighthouselogo.jpg)</span>; }
nav { float: right;
width: <span class="numbers">150px</span>;
font-weight: bold;
letter-spacing: <span class="numbers">0.1em</span>; }
main { background-color: <span class="numbers">#FFFFFF</span>;
color: <span class="numbers">#000000</span>;
padding: <span class="numbers">10px</span> <span class="numbers">20px</span>;
display: block;
overflow: auto; }
h2 { color: <span class="numbers">#869DC7</span>;
font-family: Arial, sans-serif; }
<span class="numbers">#floatright</span> { float: right; margin: <span class="numbers">10px</span>; }
nav ul { list-style-type: none; margin: <span class="numbers">0</span>; padding: <span class="numbers">0</span>; }
nav a { text-decoration: none; padding: <span class="numbers">20px</span>; display: block;
background-color: <span class="numbers">#B3C7E6</span>;
border-bottom: <span class="numbers">1px</span> solid <span class="numbers">#FFFFFF</span>;
background-image: <span class="strings">url(sprites.gif)</span>;
background-repeat: no-repeat;
background-position: right <span class="numbers">0</span>;
}
nav a:link { color: <span class="numbers">#FFFFFF</span>; }
nav a:visited { color: <span class="numbers">#EAEAEA</span>; }
nav a:hover { color: <span class="numbers">#869DC7</span>;
background-color: <span class="numbers">#EAEAEA</span>;
background-position: right -<span class="numbers">100px</span>;}
footer { font-size: <span class="numbers">70%</span>;
text-align: center;
padding: <span class="numbers">10px</span>;
background-color: <span class="numbers">#869DC7</span>;
clear: both;
}
</pre></body>
</html>

67
Assignments/lab7_CalebFontenot/Printed HTMLs/7.9_index.html Normal file
View File

@@ -0,0 +1,67 @@
<!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; font-weight: bold}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
.tag {color: #e8bf6a}
.ST2 {color: #6d9cbe; font-family: monospace}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
.block-comment {color: #808080}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.9/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 Island 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">link</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;bistro.css&quot;</span> <span class="argument">rel</span><span class="argument">=</span><span class="value">&quot;stylesheet&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">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>wrapper<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 Island 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">ul</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</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="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><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;rooms.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="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><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="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><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">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">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>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">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;lighthouseisland.jpg&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;250&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;355&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Lighthouse Island&quot;</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>floatright<span class="value">&quot;</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">h2</span><span class="tag">&gt;</span>Panoramic View<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>Take in some scenery!<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">main</span><span class="tag">&gt;</span> <span class="block-comment">&lt;!-- end of main content --&gt;</span>
<span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>Copyright <span class="ST2">&amp;copy;</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="block-comment">&lt;!-- end of wrapper --&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>

1
Assignments/lab7_CalebFontenot/public_html/7.12/index1.html
View File

@@ -72,6 +72,7 @@ footer a { text-decoration: none;
</style>
</head>
<body>
<nav>
<ul>
<li><a href="#home">KayakDoorCounty.net</a></li>

130
Assignments/lab7_CalebFontenot/public_html/7.13/index.html Normal file
View File

@@ -0,0 +1,130 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Lighthouse Island Bistro</title>
<meta charset="utf-8">
<style>
* {
box-sizing: border-box;
}
body {
font-family:Verdana, Arial, sans-serif;
background-color: #00005D;
}
#wrapper {
background-color: #b3c7e6;
color: #000066;
width: 80%;
margin: auto;
min-width:940px;
}
nav {
position: fixed;
}
nav ul {
list-style-type: none;
padding: 10px;
}
nav a {
text-decoration: none;
padding: 10px;
font-weight: bold;
}
nav a:link {
color: #FFFFFF;
}
nav a:visited {
color: #EAEAEA;
}
nav a:hover {
color: #000066;
}
main {
margin-left: 155px;
background-color: #ffffff;
color: #000000;
display: block;
}
header {
background-color: #869dc7;
color: #00005D;
font-size: 150%;
padding: 10px 10px 10px 155px;
background-image: url(lighthouselogo.jpg);
background-repeat: no-repeat;
height: 130px;
}
h2 {
color: #869dc7;
font-family: arial, sans-serif;
}
.content {
padding: 20px 20px 0 20px;
}
#floatright {
margin: 10px;
float: right;
}
footer {
font-size:70%;
text-align: center;
clear: right;
padding-bottom:20px;
}
</style>
</head>
<body>
<div id="wrapper">
<header>
<h1>Lighthouse Island Bistro</h1>
</header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="rooms.html">Menu</a></li>
<li><a href="directions.html">Directions</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<main>
<div class="content">
<img src="lighthouseisland.jpg" width="250" height="355" id="floatright" alt="Lighthouse Island">
<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>
<h2>Panoramic View</h2>
<p>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.</p>
<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>
<h2>Panoramic View</h2>
<p>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.</p>
<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>
<h2>Panoramic View</h2>
<p>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.</p>
</div>
<footer>Copyright &copy;
</footer>
</main>
</div>
</body>
</html>

BIN
Assignments/lab7_CalebFontenot/public_html/7.13/lighthouseisland.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
Assignments/lab7_CalebFontenot/public_html/7.13/lighthouselogo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

187
Assignments/lab7_CalebFontenot/public_html/7.6/index.html
View File

@@ -1,89 +1,112 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Lighthouse Island Bistro</title>
<meta charset="utf-8">
<style>
* { box-sizing: border-box; }
body {font-family:Verdana, Arial, sans-serif;
background-color: #00005D;
}
#wrapper { background-color: #b3c7e6;
color: #000066;
width: 80%;
margin: auto;
min-width:940px;
}
nav { float: left;
width: 150px;
}
nav ul { list-style-type: none; padding: 10px; }
nav a { text-decoration: none; padding: 10px;
font-weight: bold; }
nav a:link { color: #FFFFFF; }
nav a:visited { color: #EAEAEA; }
nav a:hover { color: #000066; }
main { margin-left: 155px;
background-color: #ffffff;
color: #000000;
display: block;
}
header { background-color: #869dc7;
color: #00005D;
font-size: 150%;
padding: 10px 10px 10px 155px;
background-image: url(lighthouselogo.jpg);
background-repeat: no-repeat;
height: 130px;
}
<head>
<title>Lighthouse Island Bistro</title>
<meta charset="utf-8">
<style>
* {
box-sizing: border-box;
}
body {
font-family:Verdana, Arial, sans-serif;
background-color: #00005D;
}
#wrapper {
background-color: #b3c7e6;
color: #000066;
width: 80%;
margin: auto;
min-width:940px;
}
nav {
float: left;
width: 150px;
}
nav ul {
list-style-type: none;
padding: 10px;
}
nav a {
text-decoration: none;
padding: 10px;
font-weight: bold;
}
nav a:link {
color: #FFFFFF;
}
nav a:visited {
color: #EAEAEA;
}
nav a:hover {
color: #000066;
}
main {
margin-left: 155px;
background-color: #ffffff;
color: #000000;
display: block;
}
header {
background-color: #869dc7;
color: #00005D;
font-size: 150%;
padding: 10px 10px 10px 155px;
background-image: url(lighthouselogo.jpg);
background-repeat: no-repeat;
height: 130px;
}
h2 { color: #869dc7;
font-family: arial, sans-serif;
}
.content {padding: 20px 20px 0 20px;
}
#floatright { margin: 10px;
float: right;
}
h2 {
color: #869dc7;
font-family: arial, sans-serif;
}
.content {
padding: 20px 20px 0 20px;
}
#floatright {
margin: 10px;
float: right;
}
footer {font-size:70%;
text-align: center;
clear: right;
padding-bottom:20px;
}
</style>
</head>
<body>
<div id="wrapper">
<header>
<h1>Lighthouse Island Bistro</h1>
</header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="rooms.html">Menu</a></li>
<li><a href="directions.html">Directions</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<main>
<div class="content">
<img src="lighthouseisland.jpg" width="250" height="355" id="floatright" alt="Lighthouse Island">
<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>
<h2>Panoramic View</h2>
<p>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.</p>
</div>
<footer>Copyright &copy;
</footer>
</main>
</div>
</body>
footer {
font-size:70%;
text-align: center;
clear: right;
padding-bottom:20px;
}
</style>
</head>
<body>
<div id="wrapper">
<header>
<h1>Lighthouse Island Bistro</h1>
</header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="rooms.html">Menu</a></li>
<li><a href="directions.html">Directions</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<main>
<div class="content">
<img src="lighthouseisland.jpg" width="250" height="355" id="floatright" alt="Lighthouse Island">
<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>
<h2>Panoramic View</h2>
<p>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.</p>
</div>
<footer>Copyright &copy;
</footer>
</main>
</div>
</body>
</html>