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

lab 6

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

3
Assignments/lab6_1_CalebFontenot/.bowerrc Normal file
View File

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

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

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

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

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

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

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

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

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

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

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

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

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

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

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

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

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 130 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 894 B

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 103 KiB