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

lab5_4

Browse Source
This commit is contained in:
Chloe Fontenot 🏳️‍⚧️
2023-01-31 12:25:59 -06:00
parent 48a50a2b3e
commit 8dd44d1812
54 changed files with 730 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
Assignments/lab5_4_CalebFontenot/.bowerrc Normal file
View File

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

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

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

72
Assignments/lab5_4_CalebFontenot/Printed HTMLs/5.4.html Normal file
View File

@@ -0,0 +1,72 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>3.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
<!--
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
table {color: #888888; background-color: #313335; font-family: monospace}
.tag {color: #e8bf6a}
.ST2 {color: #6a8759}
.ST3 {color: #6897bb}
.ST4 {color: #6d9cbe}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab5_4_CalebFontenot/public_html/5.4/3.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">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">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">style</span><span class="tag">&gt;</span>
<span class="ST2">body</span> { fonnt-family: Verdana, Arial, sans-serif;}
<span class="ST2">h2</span>, <span class="ST2">h3</span> {font-family: Georgia, <span class="ST2">&quot;Times New Roman&quot;</span>;}
<span class="ST2">#bar</span> { background-color: <span class="ST3">#152420</span>; }
<span class="ST2">main</span> {
background-image: <span class="ST2">url(heroback.jpg)</span>;
background-repeat: no-repeat;
}
<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">header</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h2</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="argument">width</span><span class="argument">=</span><span class="value">&quot;500&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;60&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">h2</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="argument">id</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">bar</span><span class="value">&quot;</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><span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;home.gif&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;90&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;35&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span>
<span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;tours.html&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;tours.gif&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;90&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;35&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span>
<span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;reservations.html&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;reservations.gif&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;190&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;35&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span>
<span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;contact.html&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;contact.gif&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;130&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;35&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span>
<span class="tag">&lt;/</span><span class="tag">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>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 shoreline of scenic 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">main</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">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;index.html&quot;</span><span class="tag">&gt;</span>Home<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span>
<span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;tours.html&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="ST4">&amp;nbsp;</span>
<span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;reservations.html&quot;</span><span class="tag">&gt;</span>Reservations<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span>
<span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;contact.html&quot;</span><span class="tag">&gt;</span>Contact<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span>
<span class="tag">&lt;</span><span class="tag">small</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">i</span><span class="tag">&gt;</span>Copyright <span class="ST4">&amp;copy;</span> 2023 KayakDoorCounty.net<span class="tag">&lt;/</span><span class="tag">i</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">small</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>
<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
</pre></body>
</html>

87
Assignments/lab5_4_CalebFontenot/Printed HTMLs/5.5.html Normal file
View File

@@ -0,0 +1,87 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>index.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
<!--
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
table {color: #888888; background-color: #313335; font-family: monospace}
.tag {color: #e8bf6a}
.ST2 {color: #6a8759}
.ST3 {color: #6897bb}
.ST4 {color: #6d9cbe}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab5_4_CalebFontenot/public_html/5.5/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>Trillium Media Design<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">style</span><span class="tag">&gt;</span>
<span class="ST2">body</span> { background-color:<span class="ST3">#f4ffe4</span>;
color:<span class="ST3">#333333</span>;
background-image: <span class="ST2">url(trilliumgradient.png)</span>;
background: <span class="ST2">url(trilliumfoot.gif)</span> no-repeat right bottom,
<span class="ST2">url(trilliumgradient.png)</span>;
}
<span class="ST2">h1</span> { background-color:<span class="ST3">#d5edb3</span>;
color:<span class="ST3">#5c743d</span>;
height:<span class="ST3">86px</span>;
}
<span class="ST2">h2</span> { background-color:<span class="ST3">#d5edb3</span>;
color:<span class="ST3">#5c743d</span>;
background-image: <span class="ST2">url(trilliumbg.gif)</span>;
background-repeat: no-repeat;
padding-left: <span class="ST3">30px</span>;
}
<span class="ST2">.</span><span class="ST2">companyname</span> { color: <span class="ST3">#5c743d</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">header</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">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;trilliumbanner.jpg&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Trillium Media Design&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;700&quot;</span>
<span class="argument">height</span><span class="argument">=</span><span class="value">&quot;86&quot;</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">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><span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;home.gif&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Home&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;120&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;40&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">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;services.html&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;services.gif&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Services&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;120&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;40&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">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;contact.html&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;contact.gif&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Contact&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;120&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;40&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">nav</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>New Media and Web Design<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><span class="tag">&lt;</span><span class="tag">span</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">companyname</span><span class="value">&quot;</span><span class="tag">&gt;</span>Trillium Media Design<span class="tag">&lt;/</span><span class="tag">span</span><span class="tag">&gt;</span> will bring your company<span class="ST4">&amp;rsquo;</span>s Web presence to the next level. <span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span>
We offer a comprehensive range of services: <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>Website Design<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>Interactive Animation<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>E-Commerce Solutions<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>Usability Studies<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>Search Engine Optimization<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">h2</span><span class="tag">&gt;</span>Meeting Your Business Needs<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>Our expert designers are creative and eager to work with you.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>
<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">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;services.html&quot;</span><span class="tag">&gt;</span>Services<span class="tag">&lt;/</span><span class="tag">a</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">nav</span><span class="tag">&gt;</span>
Copyright <span class="ST4">&amp;copy;</span> 2023 Caleb Fontenot
<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>
<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
</pre></body>
</html>

99
Assignments/lab5_4_CalebFontenot/Printed HTMLs/5.6.html Normal file
View File

@@ -0,0 +1,99 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>3.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
<!--
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
table {color: #888888; background-color: #313335; font-family: monospace}
.tag {color: #e8bf6a}
.ST2 {color: #6a8759}
.ST3 {color: #6897bb}
.ST4 {color: #6d9cbe}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
.ST0 {color: #628fb5; background-color: #323232}
.sgml-declaration {color: #628fb5}
.value {color: #a5c261}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab5_4_CalebFontenot/public_html/5.6/3.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">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">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">style</span><span class="tag">&gt;</span>
<span class="ST2">body</span> {
background-image: <span class="ST2">url(background.jpg)</span>;
font-family: Verdana, Arial, sans-serif;
}
<span class="ST2">header</span> {
background-color: <span class="ST3">#000033</span>;
background-image: <span class="ST2">url(headerbackblue.jpg)</span>;
background-position: right;
background-repeat: no-repeat;
color: <span class="ST3">#FFFF99</span>;
line-height: <span class="ST3">400%</span>;
text-indent: <span class="ST3">1em</span>;
}
<span class="ST2">h1</span>, <span class="ST2">h2</span>, <span class="ST2">h3</span>{
font-family: Georgia, <span class="ST2">&quot;Times New Roman&quot;</span>, serif;
}
<span class="ST2">nav</span> {
font-weight: bold;
font-size: <span class="ST3">1.5em</span>;
}
<span class="ST2">nav</span> <span class="ST2">a</span>{
text-declaration: none;
}
<span class="ST2">p</span> {
text-indent: <span class="ST3">2em</span>;
}
<span class="ST2">footer</span> {
text-style: italic;
font-size: <span class="ST3">.80em</span>;
text-align: center;
}
<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">header</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span><span class="sgml-declaration">&lt;!img</span> <span class="sgml-declaration">src=&quot;kayakdc.gif&quot;</span> <span class="sgml-declaration">alt=&quot;KayakDoorCounty.net&quot;</span> <span class="sgml-declaration">width=&quot;500&quot;</span> <span class="sgml-declaration">height=&quot;60&quot;</span><span class="sgml-declaration">&gt;</span>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">header</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">nav</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">bar</span><span class="value">&quot;</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><span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;home.gif&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;90&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;35&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span>
<span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;tours.html&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;tours.gif&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;90&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;35&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span>
<span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;reservations.html&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;reservations.gif&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;190&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;35&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span>
<span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;contact.html&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;contact.gif&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;130&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;35&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span>
<span class="tag">&lt;/</span><span class="tag">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>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 shoreline of scenic 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">main</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">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;index.html&quot;</span><span class="tag">&gt;</span>Home<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span>
<span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;tours.html&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="ST4">&amp;nbsp;</span>
<span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;reservations.html&quot;</span><span class="tag">&gt;</span>Reservations<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span>
<span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;contact.html&quot;</span><span class="tag">&gt;</span>Contact<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="ST4">&amp;nbsp;</span>
<span class="tag">&lt;</span><span class="tag">small</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">i</span><span class="tag">&gt;</span>Copyright <span class="ST4">&amp;copy;</span> 2023 KayakDoorCounty.net<span class="tag">&lt;/</span><span class="tag">i</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">small</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>
<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
</pre></body>
</html>

88
Assignments/lab5_4_CalebFontenot/Printed HTMLs/5.7.html Normal file
View File

@@ -0,0 +1,88 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>index.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
<!--
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
table {color: #888888; background-color: #313335; font-family: monospace}
.tag {color: #e8bf6a}
.ST2 {color: #6a8759}
.ST3 {color: #6897bb}
.ST4 {color: #6d9cbe}
.ST1 {color: #505050; background-color: #323232}
.ws {color: #505050}
.argument {color: #bababa}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab5_4_CalebFontenot/public_html/5.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>Trillium Media Design<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">link</span> <span class="argument">rel</span><span class="argument">=</span><span class="value">&quot;icon&quot;</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;favicon.ico&quot;</span> <span class="argument">type</span><span class="argument">=</span><span class="value">&quot;image/x-icon&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">style</span><span class="tag">&gt;</span>
<span class="ST2">body</span> { background-color:<span class="ST3">#f4ffe4</span>;
color:<span class="ST3">#333333</span>;
background-image: <span class="ST2">url(trilliumgradient.png)</span>;
background: <span class="ST2">url(trilliumfoot.gif)</span> no-repeat right bottom,
<span class="ST2">url(trilliumgradient.png)</span>;
}
<span class="ST2">h1</span> { background-color:<span class="ST3">#d5edb3</span>;
color:<span class="ST3">#5c743d</span>;
height:<span class="ST3">86px</span>;
}
<span class="ST2">h2</span> { background-color:<span class="ST3">#d5edb3</span>;
color:<span class="ST3">#5c743d</span>;
background-image: <span class="ST2">url(trilliumbg.gif)</span>;
background-repeat: no-repeat;
padding-left: <span class="ST3">30px</span>;
}
<span class="ST2">ul</span> { list-style-image: <span class="ST2">url(trillium.gif)</span>; }
<span class="ST2">.</span><span class="ST2">companyname</span> { color: <span class="ST3">#5c743d</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">header</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">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;trilliumbanner.jpg&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Trillium Media Design&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;700&quot;</span>
<span class="argument">height</span><span class="argument">=</span><span class="value">&quot;86&quot;</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">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><span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;home.gif&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Home&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;120&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;40&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">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;services.html&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;services.gif&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Services&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;120&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;40&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">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;contact.html&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;contact.gif&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Contact&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;120&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;40&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">nav</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>New Media and Web Design<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><span class="tag">&lt;</span><span class="tag">span</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">companyname</span><span class="value">&quot;</span><span class="tag">&gt;</span>Trillium Media Design<span class="tag">&lt;/</span><span class="tag">span</span><span class="tag">&gt;</span> will bring your company<span class="ST4">&amp;rsquo;</span>s Web presence to the next level. <span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span>
We offer a comprehensive range of services: <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>Website Design<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>Interactive Animation<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>E-Commerce Solutions<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>Usability Studies<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>Search Engine Optimization<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">h2</span><span class="tag">&gt;</span>Meeting Your Business Needs<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>Our expert designers are creative and eager to work with you.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>
<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">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;services.html&quot;</span><span class="tag">&gt;</span>Services<span class="tag">&lt;/</span><span class="tag">a</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">nav</span><span class="tag">&gt;</span>
Copyright <span class="ST4">&amp;copy;</span> 2018 Your Name Here
<span class="tag">&lt;/</span><span class="tag">footer</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
</pre></body>
</html>

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

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

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

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

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

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

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

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

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

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

44
Assignments/lab5_4_CalebFontenot/public_html/5.4/3.html Normal file
View File

@@ -0,0 +1,44 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>KayakDoorCounty.net</title>
<style>
body { fonnt-family: Verdana, Arial, sans-serif;}
h2, h3 {font-family: Georgia, "Times New Roman";}
#bar { background-color: #152420; }
main {
background-image: url(heroback.jpg);
background-repeat: no-repeat;
}
</style>
</head>
<body>
<header>
<h2><img src="kayakdc.gif" alt="KayakDoorCounty.net" width="500" height="60"></h2>
</header>
<nav id="bar">
<a href="index.html"><img src="home.gif" width="90" height="35"></a> &nbsp;
<a href="tours.html"><img src="tours.gif" width="90" height="35"></a> &nbsp;
<a href="reservations.html"><img src="reservations.gif" width="190" height="35"></a> &nbsp;
<a href="contact.html"><img src="contact.gif" width="130" height="35"></a> &nbsp;
</nav>
<main>
<h2>Your next adventure is only a paddle away ....</h2>
<p>Take a guided kayak tour while you explore the shoreline of scenic Door County. </p>
<h3>Featured tours this week:</h3>
<ul>
<li>Cana Island</li>
<li>Mink River</li>
<li>Europe Lake</li>
</ul>
</main>
<footer>
<a href="index.html">Home</a> &nbsp;
<a href="tours.html">Tours</a> &nbsp;
<a href="reservations.html">Reservations</a> &nbsp;
<a href="contact.html">Contact</a> &nbsp;
<small><i>Copyright &copy; 2023 KayakDoorCounty.net</i></small>
</footer>
</body>
</html>

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.4/contact.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.4/hero.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.4/heroback.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.4/home.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

15
Assignments/lab5_4_CalebFontenot/public_html/5.4/index.html Normal file
View File

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

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.4/kayakdc.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.4/reservations.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.5/contact.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 657 B

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.5/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.5/home.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 533 B

60
Assignments/lab5_4_CalebFontenot/public_html/5.5/index.html Normal file
View File

@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Trillium Media Design</title>
<meta charset="utf-8">
<style>
body { background-color:#f4ffe4;
color:#333333;
background-image: url(trilliumgradient.png);
background: url(trilliumfoot.gif) no-repeat right bottom,
url(trilliumgradient.png);
}
h1 { background-color:#d5edb3;
color:#5c743d;
height:86px;
}
h2 { background-color:#d5edb3;
color:#5c743d;
background-image: url(trilliumbg.gif);
background-repeat: no-repeat;
padding-left: 30px;
}
.companyname { color: #5c743d;
}
</style>
</head>
<body>
<header>
<h1><img src="trilliumbanner.jpg" alt="Trillium Media Design" width="700"
height="86"></h1>
</header>
<nav>
<a href="index.html"><img src="home.gif" alt="Home" width="120" height="40"></a>
<a href="services.html"><img src="services.gif" alt="Services" width="120" height="40"></a>
<a href="contact.html"><img src="contact.gif" alt="Contact" width="120" height="40"></a>
</nav>
<h2>New Media and Web Design</h2>
<p><span class="companyname">Trillium Media Design</span> will bring your company&rsquo;s Web presence to the next level. <br>
We offer a comprehensive range of services: </p>
<ul>
<li>Website Design</li>
<li>Interactive Animation</li>
<li>E-Commerce Solutions</li>
<li>Usability Studies</li>
<li>Search Engine Optimization</li>
</ul>
<h2>Meeting Your Business Needs</h2>
<p>Our expert designers are creative and eager to work with you.</p>
<footer>
<nav>
<a href="index.html">Home</a>
<a href="services.html">Services</a>
<a href="contact.html">Contact</a>
</nav>
Copyright &copy; 2023 Caleb Fontenot
</footer>
</body>
</html>

61
Assignments/lab5_4_CalebFontenot/public_html/5.5/index2.html Normal file
View File

@@ -0,0 +1,61 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Trillium Media Design</title>
<meta charset="utf-8">
<style>
body { background-color:#f4ffe4;
color:#333333;
background-image: url(trilliumgradient.png);
}
h1 { background-color:#d5edb3;
color:#5c743d;
height:86px;
}
h2 { background-color:#d5edb3;
color:#5c743d;
background-image: url(trilliumbg.gif);
background-repeat: no-repeat;
padding-left: 30px;
}
.companyname { color: #5c743d;
}
footer { background-image: url(trilliumfoot.gif);
background-repeat: no-repeat;
background-position: right top;
height: 75px; }
</style>
</head>
<body>
<header>
<h1><img src="trilliumbanner.jpg" alt="Trillium Media Design" width="700"
height="86"></h1>
</header>
<nav>
<a href="index.html"><img src="home.gif" alt="Home" width="120" height="40"></a>
<a href="services.html"><img src="services.gif" alt="Services" width="120" height="40"></a>
<a href="contact.html"><img src="contact.gif" alt="Contact" width="120" height="40"></a>
</nav>
<h2>New Media and Web Design</h2>
<p><span class="companyname">Trillium Media Design</span> will bring your company&rsquo;s Web presence to the next level. <br>
We offer a comprehensive range of services: </p>
<ul>
<li>Website Design</li>
<li>Interactive Animation</li>
<li>E-Commerce Solutions</li>
<li>Usability Studies</li>
<li>Search Engine Optimization</li>
</ul>
<h2>Meeting Your Business Needs</h2>
<p>Our expert designers are creative and eager to work with you.</p>
<footer>
<nav>
<a href="index.html">Home</a>
<a href="services.html">Services</a>
<a href="contact.html">Contact</a>
</nav>
Copyright &copy; 2018 Your Name Here
</footer>
</body>
</html>

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.5/services.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 712 B

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.5/trilliumbanner.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.5/trilliumbg.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.5/trilliumfoot.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.5/trilliumgradient.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

70
Assignments/lab5_4_CalebFontenot/public_html/5.6/3.html Normal file
View File

@@ -0,0 +1,70 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>KayakDoorCounty.net</title>
<style>
body {
background-image: url(background.jpg);
font-family: Verdana, Arial, sans-serif;
}
header {
background-color: #000033;
background-image: url(headerbackblue.jpg);
background-position: right;
background-repeat: no-repeat;
color: #FFFF99;
line-height: 400%;
text-indent: 1em;
}
h1, h2, h3{
font-family: Georgia, "Times New Roman", serif;
}
nav {
font-weight: bold;
font-size: 1.5em;
}
nav a{
text-declaration: none;
}
p {
text-indent: 2em;
}
footer {
text-style: italic;
font-size: .80em;
text-align: center;
}
</style>
</head>
<body>
<header>
<h2><!img src="kayakdc.gif" alt="KayakDoorCounty.net" width="500" height="60">KayakDoorCounty.net</h2>
</header>
<nav id="bar">
<a href="index.html"><img src="home.gif" width="90" height="35"></a> &nbsp;
<a href="tours.html"><img src="tours.gif" width="90" height="35"></a> &nbsp;
<a href="reservations.html"><img src="reservations.gif" width="190" height="35"></a> &nbsp;
<a href="contact.html"><img src="contact.gif" width="130" height="35"></a> &nbsp;
</nav>
<main>
<h2>Your next adventure is only a paddle away ....</h2>
<p>Take a guided kayak tour while you explore the shoreline of scenic Door County. </p>
<h3>Featured tours this week:</h3>
<ul>
<li>Cana Island</li>
<li>Mink River</li>
<li>Europe Lake</li>
</ul>
</main>
<footer>
<a href="index.html">Home</a> &nbsp;
<a href="tours.html">Tours</a> &nbsp;
<a href="reservations.html">Reservations</a> &nbsp;
<a href="contact.html">Contact</a> &nbsp;
<small><i>Copyright &copy; 2023 KayakDoorCounty.net</i></small>
</footer>
</body>
</html>

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.6/contact.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.6/hero.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.6/heroback.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.6/home.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

15
Assignments/lab5_4_CalebFontenot/public_html/5.6/index.html Normal file
View File

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

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.6/kayakdc.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.6/reservations.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.6/tours.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.7/contact.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 657 B

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.7/favicon.bmp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.7/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.7/home.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 533 B

61
Assignments/lab5_4_CalebFontenot/public_html/5.7/index.html Normal file
View File

@@ -0,0 +1,61 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Trillium Media Design</title>
<link rel="icon" href="favicon.ico" type="image/x-icon">
<meta charset="utf-8">
<style>
body { background-color:#f4ffe4;
color:#333333;
background-image: url(trilliumgradient.png);
background: url(trilliumfoot.gif) no-repeat right bottom,
url(trilliumgradient.png);
}
h1 { background-color:#d5edb3;
color:#5c743d;
height:86px;
}
h2 { background-color:#d5edb3;
color:#5c743d;
background-image: url(trilliumbg.gif);
background-repeat: no-repeat;
padding-left: 30px;
}
ul { list-style-image: url(trillium.gif); }
.companyname { color: #5c743d;
}
</style>
</head>
<body>
<header>
<h1><img src="trilliumbanner.jpg" alt="Trillium Media Design" width="700"
height="86"></h1>
</header>
<nav>
<a href="index.html"><img src="home.gif" alt="Home" width="120" height="40"></a>
<a href="services.html"><img src="services.gif" alt="Services" width="120" height="40"></a>
<a href="contact.html"><img src="contact.gif" alt="Contact" width="120" height="40"></a>
</nav>
<h2>New Media and Web Design</h2>
<p><span class="companyname">Trillium Media Design</span> will bring your company&rsquo;s Web presence to the next level. <br>
We offer a comprehensive range of services: </p>
<ul>
<li>Website Design</li>
<li>Interactive Animation</li>
<li>E-Commerce Solutions</li>
<li>Usability Studies</li>
<li>Search Engine Optimization</li>
</ul>
<h2>Meeting Your Business Needs</h2>
<p>Our expert designers are creative and eager to work with you.</p>
<footer>
<nav>
<a href="index.html">Home</a>
<a href="services.html">Services</a>
<a href="contact.html">Contact</a>
</nav>
Copyright &copy; 2018 Your Name Here
</footer>
</body>
</html>

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.7/services.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 712 B

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.7/trillium.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.7/trilliumbanner.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.7/trilliumbg.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.7/trilliumfoot.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
Assignments/lab5_4_CalebFontenot/public_html/5.7/trilliumgradient.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

BIN
Assignments/lab5_CalebFontenot/public_html/5.3/background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
Assignments/lab5_CalebFontenot/public_html/5.3/headerbackblue.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
Assignments/lab5_CalebFontenot/public_html/5.3/heroback_1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB