lab6.2
This commit is contained in:
parent
30567e99a9
commit
af5cb644cd
1
.gitignore
vendored
1
.gitignore
vendored
@ -9,3 +9,4 @@
|
||||
=======
|
||||
/Assignments/lab6_1_CalebFontenot/nbproject/private/
|
||||
>>>>>>> Stashed changes
|
||||
/Assignments/lab6.2_CalebFontenot/nbproject/private/
|
||||
|
||||
3
Assignments/lab6.2_CalebFontenot/.bowerrc
Normal file
3
Assignments/lab6.2_CalebFontenot/.bowerrc
Normal file
@ -0,0 +1,3 @@
|
||||
{
|
||||
"directory": "public_html/bower_components"
|
||||
}
|
||||
9
Assignments/lab6.2_CalebFontenot/Gruntfile.js
Normal file
9
Assignments/lab6.2_CalebFontenot/Gruntfile.js
Normal 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({
|
||||
});
|
||||
};
|
||||
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>linear.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.2_CalebFontenot/public_html/6.10/linear.html</td></tr></table>
|
||||
<pre>
|
||||
<span class="ST0"><!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">></span>
|
||||
<span class="tag"><</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">"en"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">head</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">title</span><span class="tag">></span>Practice with Gradients<span class="tag"></</span><span class="tag">title</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">"utf-8"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">style</span><span class="tag">></span>
|
||||
<span class="ST2">body</span> {
|
||||
background-color: <span class="ST3">#DA70D6</span>;
|
||||
background-image: linear-gradient(to
|
||||
bottom, <span class="ST3">#FF0000</span>, <span class="ST3">#DA70D6</span>);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
<span class="tag"></</span><span class="tag">style</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">head</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">body</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h1</span><span class="tag">></span>Linear Gradient<span class="tag"></</span><span class="tag">h1</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
|
||||
<span class="tag"><</span><span class="tag">h2</span><span class="tag">></span>Heading 2<span class="tag"></</span><span class="tag">h2</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h2</span><span class="tag">></span>Heading 2<span class="tag"></</span><span class="tag">h2</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
|
||||
<span class="tag"></</span><span class="tag">body</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">html</span><span class="tag">></span>
|
||||
|
||||
</pre></body>
|
||||
</html>
|
||||
@ -0,0 +1,57 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>radial.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.2_CalebFontenot/public_html/6.10/radial.html</td></tr></table>
|
||||
<pre>
|
||||
<span class="ST0"><!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">></span>
|
||||
<span class="tag"><</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">"en"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">head</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">title</span><span class="tag">></span>Practice with Gradients<span class="tag"></</span><span class="tag">title</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">"utf-8"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">style</span><span class="tag">></span>
|
||||
<span class="ST2">body</span> {
|
||||
background-color: <span class="ST3">#DA70D6</span>;
|
||||
background-image: radial-gradient(<span class="ST3">#FF0000</span>, <span class="ST3">#DA70D6</span>);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
<span class="tag"></</span><span class="tag">style</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">head</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">body</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h1</span><span class="tag">></span>Radial Gradient<span class="tag"></</span><span class="tag">h1</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
|
||||
<span class="tag"><</span><span class="tag">h2</span><span class="tag">></span>Heading 2<span class="tag"></</span><span class="tag">h2</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h2</span><span class="tag">></span>Heading 2<span class="tag"></</span><span class="tag">h2</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
|
||||
<span class="tag"></</span><span class="tag">body</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">html</span><span class="tag">></span>
|
||||
|
||||
</pre></body>
|
||||
</html>
|
||||
@ -0,0 +1,86 @@
|
||||
<!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.2_CalebFontenot/public_html/6.5/index.html</td></tr></table>
|
||||
<pre>
|
||||
<span class="ST0"><!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">></span>
|
||||
<span class="tag"><</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">"en"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">head</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">title</span><span class="tag">></span>Lighthouse Bistro<span class="tag"></</span><span class="tag">title</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">"utf-8"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">style</span><span class="tag">></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">#00ff00</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>;
|
||||
text-shadow: <span class="ST3">3px</span> <span class="ST3">3px</span> <span class="ST3">3px</span> <span class="ST3">#00ff00</span>;
|
||||
}
|
||||
|
||||
<span class="ST2">h2</span> { color: <span class="ST3">#000033</span>;
|
||||
font-family: arial, sans-serif;
|
||||
text-shadow: <span class="ST3">1px</span> <span class="ST3">1px</span> <span class="ST3">0</span> <span class="ST3">#00ff00</span>;
|
||||
}
|
||||
<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;
|
||||
background-color: <span class="ST3">#FFFFFF</span>;
|
||||
padding: <span class="ST3">2em</span>;
|
||||
width: <span class="ST3">80%</span>;
|
||||
min-width: <span class="ST3">800px</span>;
|
||||
box-shadow: <span class="ST3">5px</span> <span class="ST3">5px</span> <span class="ST3">100px</span> <span class="ST3">#00ff00</span>;
|
||||
}
|
||||
<span class="tag"></</span><span class="tag">style</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">head</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">body</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span><span class="ST2">container</span><span class="value">"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">header</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h1</span><span class="tag">></span>Lighthouse Bistro<span class="tag"></</span><span class="tag">h1</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">header</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">nav</span><span class="tag">></span><span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"index.html"</span><span class="tag">></span>Home<span class="tag"></</span><span class="tag">a</span><span class="tag">></span> <span class="ST4">&nbsp;</span><span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"menu.html"</span><span class="tag">></span>Menu<span class="tag"></</span><span class="tag">a</span><span class="tag">></span> <span class="ST4">&nbsp;</span><span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"directions.html"</span><span class="tag">></span>Directions<span class="tag"></</span><span class="tag">a</span><span class="tag">></span> <span class="ST4">&nbsp;</span><span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"contact.html"</span><span class="tag">></span>Contact<span class="tag"></</span><span class="tag">a</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">nav</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h2</span><span class="tag">></span>Locally Roasted Free-Trade Coffee<span class="tag"></</span><span class="tag">h2</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h2</span><span class="tag">></span>Specialty Pastries<span class="tag"></</span><span class="tag">h2</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>Enjoy a selection of our fresh baked, organic pastries, including fresh fruit muffins, scones, croissants, and cinnamon rolls.<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h2</span><span class="tag">></span>Lunchtime is Anytime<span class="tag"></</span><span class="tag">h2</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>Savor delicious wraps and sandwiches on hearty, whole grain breads with locally grown salad, fruit, and vegetables. <span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">footer</span><span class="tag">></span>
|
||||
Copyright <span class="ST4">&copy;</span> Your Name Here
|
||||
<span class="tag"></</span><span class="tag">footer</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">div</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">body</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">html</span><span class="tag">></span>
|
||||
|
||||
</pre></body>
|
||||
</html>
|
||||
118
Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.6_index.html
Normal file
118
Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.6_index.html
Normal file
@ -0,0 +1,118 @@
|
||||
<!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.2_CalebFontenot/public_html/6.6/index.html</td></tr></table>
|
||||
<pre>
|
||||
<span class="ST0"><!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">></span>
|
||||
<span class="tag"><</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">"en"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">head</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">"utf-8"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">title</span><span class="tag">></span>KayakDoorCounty.net<span class="tag"></</span><span class="tag">title</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">style</span><span class="tag">></span>
|
||||
<span class="ST2">body</span> {
|
||||
background-color: <span class="ST3">#FFFFE8</span>;
|
||||
font-family: Verdana, Arial, sans-serif;
|
||||
}
|
||||
<span class="ST2">#container</span> {
|
||||
width: <span class="ST3">80%</span>;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
min-width: <span class="ST3">650px</span>;
|
||||
max-width: <span class="ST3">1280px</span>;
|
||||
background-color: <span class="ST3">#FFFFFF</span>;
|
||||
box-shadow: <span class="ST3">10px</span> <span class="ST3">10px</span> <span class="ST3">10px</span> <span class="ST3">#333333</span>;
|
||||
border: <span class="ST3">1px</span> solid <span class="ST3">#000033</span>;
|
||||
}
|
||||
<span class="ST2">header</span> {
|
||||
background-color: <span class="ST3">#000033</span>;
|
||||
color: <span class="ST3">#FFFFB9</span>;
|
||||
background-image: <span class="ST2">url(headerbackblue.jpg)</span>;
|
||||
background-position: right;
|
||||
background-repeat: no-repeat;
|
||||
height: <span class="ST3">80px</span>;
|
||||
padding-top: <span class="ST3">5px</span>;
|
||||
padding-left: <span class="ST3">2em</span>;
|
||||
text-shadow: <span class="ST3">1px</span> <span class="ST3">1px</span> <span class="ST3">1px</span> <span class="ST3">#FFF</span>;
|
||||
}
|
||||
<span class="ST2">h1</span>, <span class="ST2">h2</span>, <span class="ST2">h3</span> {
|
||||
font-family: Georgia, <span class="ST2">"Times New Roman"</span>, serif;
|
||||
}
|
||||
<span class="ST2">h1</span> {
|
||||
margin-bottom: <span class="ST3">0</span>;
|
||||
}
|
||||
<span class="ST2">nav</span> {
|
||||
font-weight: bold;
|
||||
font-size: <span class="ST3">1.25em</span>;
|
||||
background-color: <span class="ST3">#FFFFCC</span>;
|
||||
text-align: center;
|
||||
}
|
||||
<span class="ST2">nav</span> <span class="ST2">a</span> {
|
||||
text-decoration: none;
|
||||
}
|
||||
<span class="ST2">main</span> {
|
||||
background-color: <span class="ST3">#004D99</span>;
|
||||
background-image: <span class="ST2">url(heroback2.jpg)</span>;
|
||||
background-size: <span class="ST3">100%</span> <span class="ST3">100%</span>;
|
||||
color: <span class="ST3">#FFFFFF</span>;
|
||||
padding: <span class="ST3">2em</span>;
|
||||
}
|
||||
<span class="ST2">footer</span> {
|
||||
font-style: italic;
|
||||
text-align: center;
|
||||
background-color: <span class="ST3">#000033</span>;
|
||||
color: <span class="ST3">#FFFFCC</span>;
|
||||
padding: <span class="ST3">0.5em</span>;
|
||||
}
|
||||
<span class="tag"></</span><span class="tag">style</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">head</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">body</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span><span class="ST2">container</span><span class="value">"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">header</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h1</span><span class="tag">></span>KayakDoorCounty.net<span class="tag"></</span><span class="tag">h1</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">header</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">nav</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"index.html"</span><span class="tag">></span>Home<span class="tag"></</span><span class="tag">a</span><span class="tag">></span> <span class="ST4">&nbsp;</span>
|
||||
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"tours.html"</span><span class="tag">></span>Tours<span class="tag"></</span><span class="tag">a</span><span class="tag">></span> <span class="ST4">&nbsp;</span>
|
||||
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"reservations.html"</span><span class="tag">></span>Reservations<span class="tag"></</span><span class="tag">a</span><span class="tag">></span> <span class="ST4">&nbsp;</span>
|
||||
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"contact.html"</span><span class="tag">></span>Contact<span class="tag"></</span><span class="tag">a</span><span class="tag">></span> <span class="ST4">&nbsp;</span>
|
||||
<span class="tag"></</span><span class="tag">nav</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">main</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h2</span><span class="tag">></span>Your next adventure is only a paddle away ....<span class="tag"></</span><span class="tag">h2</span><span class="tag">></span>
|
||||
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>Take a guided kayak tour while you explore the shoreline of scenic Door County. <span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h3</span><span class="tag">></span>Featured tours this week:<span class="tag"></</span><span class="tag">h3</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">ul</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</span><span class="tag">></span>Cana Island<span class="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</span><span class="tag">></span>Mink River<span class="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</span><span class="tag">></span>Europe Lake<span class="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">ul</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">main</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">footer</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">small</span><span class="tag">></span><span class="tag"><</span><span class="tag">i</span><span class="tag">></span>Copyright <span class="ST4">&copy;</span> KayakDoorCounty.net<span class="tag"></</span><span class="tag">i</span><span class="tag">></span><span class="tag"></</span><span class="tag">small</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">footer</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">div</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">body</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">html</span><span class="tag">></span>
|
||||
|
||||
</pre></body>
|
||||
</html>
|
||||
@ -0,0 +1,54 @@
|
||||
<!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.2_CalebFontenot/public_html/6.7/index.html</td></tr></table>
|
||||
<pre>
|
||||
<span class="ST0"><!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">></span>
|
||||
<span class="tag"><</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">"en"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">head</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">title</span><span class="tag">></span>Fall Nature Hikes<span class="tag"></</span><span class="tag">title</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">"utf-8"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">style</span><span class="tag">></span>
|
||||
<span class="ST2">#content</span> { background-image: <span class="ST2">url(fall.jpg)</span>;
|
||||
background-repeat: no-repeat;
|
||||
margin: auto;
|
||||
width:<span class="ST3">640px</span>;
|
||||
height: <span class="ST3">480px</span>;
|
||||
padding-top: <span class="ST3">20px</span>;
|
||||
}
|
||||
<span class="ST2">h1</span> { background-color: <span class="ST3">#FFFFFF</span>;
|
||||
opacity: <span class="ST3">0.6</span>;
|
||||
font-size: <span class="ST3">4em</span>;
|
||||
padding: <span class="ST3">10px</span>;
|
||||
margin-left: <span class="ST3">40px</span>;
|
||||
}
|
||||
<span class="tag"></</span><span class="tag">style</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">head</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">body</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span><span class="ST2">content</span><span class="value">"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h1</span><span class="tag">></span>Fall Nature Hikes<span class="tag"></</span><span class="tag">h1</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">div</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">body</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">html</span><span class="tag">></span>
|
||||
|
||||
</pre></body>
|
||||
</html>
|
||||
57
Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.8_rgba.html
Normal file
57
Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.8_rgba.html
Normal file
@ -0,0 +1,57 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>rgba.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: #6897bb}
|
||||
.ST3 {color: #6a8759}
|
||||
.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.2_CalebFontenot/public_html/6.8/rgba.html</td></tr></table>
|
||||
<pre>
|
||||
<span class="ST0"><!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">></span>
|
||||
<span class="tag"><</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">"en"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">head</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">title</span><span class="tag">></span>Fall Nature Hikes<span class="tag"></</span><span class="tag">title</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">"utf-8"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">style</span><span class="tag">></span>
|
||||
<span class="ST2">#content</span> {
|
||||
background-image: <span class="ST3">url(fall.jpg)</span>;
|
||||
background-repeat: no-repeat;
|
||||
margin: auto;
|
||||
width:<span class="ST2">640px</span>;
|
||||
height: <span class="ST2">480px</span>;
|
||||
padding-top: <span class="ST2">20px</span>;
|
||||
}
|
||||
h1 {
|
||||
color: <span class="ST2">#FFFFFF</span>;
|
||||
color: rgba(<span class="ST2">255</span>, <span class="ST2">255</span>, <span class="ST2">255</span>, <span class="ST2">0.8</span>);
|
||||
font-family: Verdana, Helvetica, sans-serif;
|
||||
font-size: <span class="ST2">5em</span>;
|
||||
padding-right: <span class="ST2">10px</span>;
|
||||
text-align: right;
|
||||
}
|
||||
<span class="tag"></</span><span class="tag">style</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">head</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">body</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span>content<span class="value">"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h1</span><span class="tag">></span>Fall Nature Hikes<span class="tag"></</span><span class="tag">h1</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">div</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">body</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">html</span><span class="tag">></span>
|
||||
|
||||
</pre></body>
|
||||
</html>
|
||||
56
Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.9_hsla.html
Normal file
56
Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.9_hsla.html
Normal file
@ -0,0 +1,56 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>hsla.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.2_CalebFontenot/public_html/6.9/hsla.html</td></tr></table>
|
||||
<pre>
|
||||
<span class="ST0"><!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">></span>
|
||||
<span class="tag"><</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">"en"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">head</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">title</span><span class="tag">></span>Fall Nature Hikes<span class="tag"></</span><span class="tag">title</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">"utf-8"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">style</span><span class="tag">></span>
|
||||
<span class="ST2">#content</span> {
|
||||
background-image: <span class="ST2">url(fall.jpg)</span>;
|
||||
background-repeat: no-repeat;
|
||||
margin: auto;
|
||||
width:<span class="ST3">640px</span>;
|
||||
height: <span class="ST3">480px</span>;
|
||||
padding-top: <span class="ST3">20px</span>;
|
||||
}
|
||||
<span class="ST2">h1</span> {
|
||||
color: <span class="ST3">#FFFFCC</span>;
|
||||
color: hsla(<span class="ST3">60</span>, <span class="ST3">100%</span>, <span class="ST3">90%</span>, <span class="ST3">0.8</span>);
|
||||
font-family: Georgia, <span class="ST2">"Times New Roman"</span>, serif;
|
||||
font-size: <span class="ST3">6em</span>;
|
||||
padding: <span class="ST3">20px</span>;
|
||||
}
|
||||
<span class="tag"></</span><span class="tag">style</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">head</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">body</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span><span class="ST2">content</span><span class="value">"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h1</span><span class="tag">></span>Fall Nature Hikes<span class="tag"></</span><span class="tag">h1</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">div</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">body</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">html</span><span class="tag">></span>
|
||||
|
||||
</pre></body>
|
||||
</html>
|
||||
@ -0,0 +1,78 @@
|
||||
<!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.2_CalebFontenot/public_html/clip/index.html</td></tr></table>
|
||||
<pre>
|
||||
<span class="ST0"><!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">></span>
|
||||
<span class="tag"><</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">"en"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">head</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">title</span><span class="tag">></span>CSS3 background-clip<span class="tag"></</span><span class="tag">title</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">"utf-8"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">style</span><span class="tag">></span>
|
||||
|
||||
<span class="ST2">.</span><span class="ST2">test</span> { background-image: <span class="ST2">url(myislandback.jpg)</span>;
|
||||
background-clip: cover;
|
||||
width: <span class="ST3">120px</span>;
|
||||
padding: <span class="ST3">100px</span>;
|
||||
margin-bottom: <span class="ST3">10px</span>;
|
||||
border: <span class="ST3">10px</span> dashed <span class="ST3">#000</span>;
|
||||
}
|
||||
<span class="ST2">.</span><span class="ST2">test1</span> { background-image: <span class="ST2">url(myislandback.jpg)</span>;
|
||||
background-clip: padding-box;
|
||||
width: <span class="ST3">400px</span>;
|
||||
padding: <span class="ST3">20px</span>;
|
||||
margin-bottom: <span class="ST3">10px</span>;
|
||||
border: <span class="ST3">10px</span> dashed <span class="ST3">#ff0000</span>;
|
||||
}
|
||||
<span class="ST2">.</span><span class="ST2">test2</span> { background-image: <span class="ST2">url(myislandback.jpg)</span>;
|
||||
background-clip: border-box;
|
||||
width: <span class="ST3">400px</span>;
|
||||
padding: <span class="ST3">20px</span>;
|
||||
margin-bottom: <span class="ST3">10px</span>;
|
||||
border: <span class="ST3">10px</span> dashed <span class="ST3">#ff0000</span>;
|
||||
}
|
||||
|
||||
<span class="tag"></</span><span class="tag">style</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">head</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">body</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span><span class="ST2">test</span><span class="value">"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h1</span><span class="tag">></span>Tropical Island<span class="tag"></</span><span class="tag">h1</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>
|
||||
Enjoy relaxing in the warm sunshine on your own tropical island retreat.
|
||||
<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">div</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span><span class="ST2">test1</span><span class="value">"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h1</span><span class="tag">></span>Tropical Island<span class="tag"></</span><span class="tag">h1</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>
|
||||
Enjoy relaxing in the warm sunshine on your own tropical island retreat.
|
||||
<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">div</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span><span class="ST2">test2</span><span class="value">"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h1</span><span class="tag">></span>Tropical Island<span class="tag"></</span><span class="tag">h1</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>
|
||||
Enjoy relaxing in the warm sunshine on your own tropical island retreat.
|
||||
<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">div</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">body</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">html</span><span class="tag">></span>
|
||||
</pre></body>
|
||||
</html>
|
||||
13
Assignments/lab6.2_CalebFontenot/bower.json
Normal file
13
Assignments/lab6.2_CalebFontenot/bower.json
Normal file
@ -0,0 +1,13 @@
|
||||
{
|
||||
"name": "lab6.2_CalebFontenot",
|
||||
"version": "1.0.0",
|
||||
"main": "path/to/main.css",
|
||||
"ignore": [
|
||||
".jshintrc",
|
||||
"**/*.txt"
|
||||
],
|
||||
"dependencies": {
|
||||
},
|
||||
"devDependencies": {
|
||||
}
|
||||
}
|
||||
10
Assignments/lab6.2_CalebFontenot/gulpfile.js
Normal file
10
Assignments/lab6.2_CalebFontenot/gulpfile.js
Normal 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
|
||||
});
|
||||
@ -0,0 +1,5 @@
|
||||
file.reference.lab6.2_CalebFontenot-public_html=public_html
|
||||
file.reference.lab6.2_CalebFontenot-test=test
|
||||
files.encoding=UTF-8
|
||||
site.root.folder=${file.reference.lab6.2_CalebFontenot-public_html}
|
||||
test.folder=${file.reference.lab6.2_CalebFontenot-test}
|
||||
9
Assignments/lab6.2_CalebFontenot/nbproject/project.xml
Normal file
9
Assignments/lab6.2_CalebFontenot/nbproject/project.xml
Normal 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.2_CalebFontenot</name>
|
||||
</data>
|
||||
</configuration>
|
||||
</project>
|
||||
8
Assignments/lab6.2_CalebFontenot/package.json
Normal file
8
Assignments/lab6.2_CalebFontenot/package.json
Normal file
@ -0,0 +1,8 @@
|
||||
{
|
||||
"name": "lab6.2_CalebFontenot",
|
||||
"version": "1.0.0",
|
||||
"keywords": ["util", "functional", "server", "client", "browser"],
|
||||
"author": "caleb",
|
||||
"contributors": [],
|
||||
"dependencies": {}
|
||||
}
|
||||
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Practice with Gradients</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body {
|
||||
background-color: #DA70D6;
|
||||
background-image: linear-gradient(to
|
||||
bottom, #FF0000, #DA70D6);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Linear Gradient</h1>
|
||||
<p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
|
||||
|
||||
<h2>Heading 2</h2>
|
||||
<p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
|
||||
<h2>Heading 2</h2>
|
||||
<p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Practice with Gradients</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body {
|
||||
background-color: #DA70D6;
|
||||
background-image: radial-gradient(#FF0000, #DA70D6);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Radial Gradient</h1>
|
||||
<p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content
|
||||
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
|
||||
|
||||
<h2>Heading 2</h2>
|
||||
<p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
|
||||
<h2>Heading 2</h2>
|
||||
<p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
Assignments/lab6.2_CalebFontenot/public_html/6.5/background.jpg
Normal file
BIN
Assignments/lab6.2_CalebFontenot/public_html/6.5/background.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
58
Assignments/lab6.2_CalebFontenot/public_html/6.5/index.html
Normal file
58
Assignments/lab6.2_CalebFontenot/public_html/6.5/index.html
Normal file
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Lighthouse Bistro</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body { background-image: url(background.jpg);
|
||||
font-family: Arial, Verdana, sans-serif;
|
||||
}
|
||||
|
||||
h1 { background-image: url(lighthouselogo.jpg);
|
||||
background-color: #00ff00;
|
||||
background-repeat: no-repeat;
|
||||
height: 100px; font-size: 3em;
|
||||
padding-left: 150px; padding-top: 30px;
|
||||
border-radius: 15px;
|
||||
margin-top: 0;
|
||||
text-shadow: 3px 3px 3px #00ff00;
|
||||
}
|
||||
|
||||
h2 { color: #000033;
|
||||
font-family: arial, sans-serif;
|
||||
text-shadow: 1px 1px 0 #00ff00;
|
||||
}
|
||||
footer { font-size: .80em;
|
||||
font-style: italic;
|
||||
}
|
||||
#container { background-color: #FFFFFF;
|
||||
padding: 2em;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
background-color: #FFFFFF;
|
||||
padding: 2em;
|
||||
width: 80%;
|
||||
min-width: 800px;
|
||||
box-shadow: 5px 5px 100px #00ff00;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<header>
|
||||
<h1>Lighthouse Bistro</h1>
|
||||
</header>
|
||||
<nav><a href="index.html">Home</a> <a href="menu.html">Menu</a> <a href="directions.html">Directions</a> <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 © Your Name Here
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
Assignments/lab6.2_CalebFontenot/public_html/6.6/heroback2.jpg
Normal file
BIN
Assignments/lab6.2_CalebFontenot/public_html/6.6/heroback2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
80
Assignments/lab6.2_CalebFontenot/public_html/6.6/iefix.html
Normal file
80
Assignments/lab6.2_CalebFontenot/public_html/6.6/iefix.html
Normal file
@ -0,0 +1,80 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>KayakDoorCounty.net</title>
|
||||
<style>
|
||||
body { background-color: #FFFFE8;
|
||||
font-family: Verdana, Arial, sans-serif; }
|
||||
#container { width: 80%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
min-width: 650px;
|
||||
max-width: 1280px;
|
||||
background-color: #FFFFFF;
|
||||
box-shadow: 10px 10px 10px #333333;
|
||||
border: 1px solid #000033;
|
||||
}
|
||||
header { background-color: #000033;
|
||||
color: #FFFFB9;
|
||||
background-image: url(headerbackblue.jpg);
|
||||
background-position: right;
|
||||
background-repeat: no-repeat;
|
||||
height: 80px;
|
||||
padding-top: 5px;
|
||||
padding-left: 2em;
|
||||
text-shadow: 1px 1px 1px #FFF;
|
||||
}
|
||||
h1, h2, h3 { font-family: Georgia, "Times New Roman", serif; }
|
||||
h1 { margin-bottom: 0; }
|
||||
nav { font-weight: bold;
|
||||
font-size: 1.25em;
|
||||
background-color: #FFFFCC;
|
||||
text-align: center;
|
||||
}
|
||||
nav a { text-decoration: none; }
|
||||
main { background-color: #004D99;
|
||||
background-image: url(heroback2.jpg);
|
||||
background-size: 100% 100%;
|
||||
color: #FFFFFF;
|
||||
padding: 2em;
|
||||
/* Correct display for Internet Explorer */
|
||||
display: block;
|
||||
}
|
||||
footer { font-style: italic;
|
||||
text-align: center;
|
||||
background-color: #000033;
|
||||
color: #FFFFCC;
|
||||
padding: 0.5em;
|
||||
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<header>
|
||||
<h1>KayakDoorCounty.net</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<a href="index.html">Home</a>
|
||||
<a href="tours.html">Tours</a>
|
||||
<a href="reservations.html">Reservations</a>
|
||||
<a href="contact.html">Contact</a>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>Your next adventure is only a paddle away ....</h2>
|
||||
|
||||
<p>Take a guided kayak tour while you explore the shoreline of scenic Door County. </p>
|
||||
<h3>Featured tours this week:</h3>
|
||||
<ul>
|
||||
<li>Cana Island</li>
|
||||
<li>Mink River</li>
|
||||
<li>Europe Lake</li>
|
||||
</ul>
|
||||
</main>
|
||||
<footer>
|
||||
<small><i>Copyright © KayakDoorCounty.net</i></small>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
90
Assignments/lab6.2_CalebFontenot/public_html/6.6/index.html
Normal file
90
Assignments/lab6.2_CalebFontenot/public_html/6.6/index.html
Normal file
@ -0,0 +1,90 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>KayakDoorCounty.net</title>
|
||||
<style>
|
||||
body {
|
||||
background-color: #FFFFE8;
|
||||
font-family: Verdana, Arial, sans-serif;
|
||||
}
|
||||
#container {
|
||||
width: 80%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
min-width: 650px;
|
||||
max-width: 1280px;
|
||||
background-color: #FFFFFF;
|
||||
box-shadow: 10px 10px 10px #333333;
|
||||
border: 1px solid #000033;
|
||||
}
|
||||
header {
|
||||
background-color: #000033;
|
||||
color: #FFFFB9;
|
||||
background-image: url(headerbackblue.jpg);
|
||||
background-position: right;
|
||||
background-repeat: no-repeat;
|
||||
height: 80px;
|
||||
padding-top: 5px;
|
||||
padding-left: 2em;
|
||||
text-shadow: 1px 1px 1px #FFF;
|
||||
}
|
||||
h1, h2, h3 {
|
||||
font-family: Georgia, "Times New Roman", serif;
|
||||
}
|
||||
h1 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
nav {
|
||||
font-weight: bold;
|
||||
font-size: 1.25em;
|
||||
background-color: #FFFFCC;
|
||||
text-align: center;
|
||||
}
|
||||
nav a {
|
||||
text-decoration: none;
|
||||
}
|
||||
main {
|
||||
background-color: #004D99;
|
||||
background-image: url(heroback2.jpg);
|
||||
background-size: 100% 100%;
|
||||
color: #FFFFFF;
|
||||
padding: 2em;
|
||||
}
|
||||
footer {
|
||||
font-style: italic;
|
||||
text-align: center;
|
||||
background-color: #000033;
|
||||
color: #FFFFCC;
|
||||
padding: 0.5em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<header>
|
||||
<h1>KayakDoorCounty.net</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<a href="index.html">Home</a>
|
||||
<a href="tours.html">Tours</a>
|
||||
<a href="reservations.html">Reservations</a>
|
||||
<a href="contact.html">Contact</a>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>Your next adventure is only a paddle away ....</h2>
|
||||
|
||||
<p>Take a guided kayak tour while you explore the shoreline of scenic Door County. </p>
|
||||
<h3>Featured tours this week:</h3>
|
||||
<ul>
|
||||
<li>Cana Island</li>
|
||||
<li>Mink River</li>
|
||||
<li>Europe Lake</li>
|
||||
</ul>
|
||||
</main>
|
||||
<footer>
|
||||
<small><i>Copyright © KayakDoorCounty.net</i></small>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
BIN
Assignments/lab6.2_CalebFontenot/public_html/6.7/fall.jpg
Normal file
BIN
Assignments/lab6.2_CalebFontenot/public_html/6.7/fall.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 130 KiB |
27
Assignments/lab6.2_CalebFontenot/public_html/6.7/index.html
Normal file
27
Assignments/lab6.2_CalebFontenot/public_html/6.7/index.html
Normal file
@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Fall Nature Hikes</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
#content { background-image: url(fall.jpg);
|
||||
background-repeat: no-repeat;
|
||||
margin: auto;
|
||||
width:640px;
|
||||
height: 480px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
h1 { background-color: #FFFFFF;
|
||||
opacity: 0.6;
|
||||
font-size: 4em;
|
||||
padding: 10px;
|
||||
margin-left: 40px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="content">
|
||||
<h1>Fall Nature Hikes</h1>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
BIN
Assignments/lab6.2_CalebFontenot/public_html/6.8/fall.jpg
Normal file
BIN
Assignments/lab6.2_CalebFontenot/public_html/6.8/fall.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 130 KiB |
30
Assignments/lab6.2_CalebFontenot/public_html/6.8/rgba.html
Normal file
30
Assignments/lab6.2_CalebFontenot/public_html/6.8/rgba.html
Normal file
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Fall Nature Hikes</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
#content {
|
||||
background-image: url(fall.jpg);
|
||||
background-repeat: no-repeat;
|
||||
margin: auto;
|
||||
width:640px;
|
||||
height: 480px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
h1 {
|
||||
color: #FFFFFF;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
font-family: Verdana, Helvetica, sans-serif;
|
||||
font-size: 5em;
|
||||
padding-right: 10px;
|
||||
text-align: right;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="content">
|
||||
<h1>Fall Nature Hikes</h1>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
BIN
Assignments/lab6.2_CalebFontenot/public_html/6.9/fall.jpg
Normal file
BIN
Assignments/lab6.2_CalebFontenot/public_html/6.9/fall.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 130 KiB |
29
Assignments/lab6.2_CalebFontenot/public_html/6.9/hsla.html
Normal file
29
Assignments/lab6.2_CalebFontenot/public_html/6.9/hsla.html
Normal file
@ -0,0 +1,29 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Fall Nature Hikes</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
#content {
|
||||
background-image: url(fall.jpg);
|
||||
background-repeat: no-repeat;
|
||||
margin: auto;
|
||||
width:640px;
|
||||
height: 480px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
h1 {
|
||||
color: #FFFFCC;
|
||||
color: hsla(60, 100%, 90%, 0.8);
|
||||
font-family: Georgia, "Times New Roman", serif;
|
||||
font-size: 6em;
|
||||
padding: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="content">
|
||||
<h1>Fall Nature Hikes</h1>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
52
Assignments/lab6.2_CalebFontenot/public_html/clip/index.html
Normal file
52
Assignments/lab6.2_CalebFontenot/public_html/clip/index.html
Normal file
@ -0,0 +1,52 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS3 background-clip</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
|
||||
.test { background-image: url(myislandback.jpg);
|
||||
background-clip: cover;
|
||||
width: 120px;
|
||||
padding: 100px;
|
||||
margin-bottom: 10px;
|
||||
border: 10px dashed #000;
|
||||
}
|
||||
.test1 { background-image: url(myislandback.jpg);
|
||||
background-clip: padding-box;
|
||||
width: 400px;
|
||||
padding: 20px;
|
||||
margin-bottom: 10px;
|
||||
border: 10px dashed #ff0000;
|
||||
}
|
||||
.test2 { background-image: url(myislandback.jpg);
|
||||
background-clip: border-box;
|
||||
width: 400px;
|
||||
padding: 20px;
|
||||
margin-bottom: 10px;
|
||||
border: 10px dashed #ff0000;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="test">
|
||||
<h1>Tropical Island</h1>
|
||||
<p>
|
||||
Enjoy relaxing in the warm sunshine on your own tropical island retreat.
|
||||
</p>
|
||||
</div>
|
||||
<div class="test1">
|
||||
<h1>Tropical Island</h1>
|
||||
<p>
|
||||
Enjoy relaxing in the warm sunshine on your own tropical island retreat.
|
||||
</p>
|
||||
</div>
|
||||
<div class="test2">
|
||||
<h1>Tropical Island</h1>
|
||||
<p>
|
||||
Enjoy relaxing in the warm sunshine on your own tropical island retreat.
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
15
Assignments/lab6.2_CalebFontenot/public_html/index.html
Normal file
15
Assignments/lab6.2_CalebFontenot/public_html/index.html
Normal 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
ZIPs/lab6_2_CalebFontenot.zip
Normal file
BIN
ZIPs/lab6_2_CalebFontenot.zip
Normal file
Binary file not shown.
Loading…
Reference in New Issue
Block a user