begin MP2

master
Chloe Fontenot 🏳️‍⚧️ 2023-01-25 10:57:54 +07:00
parent 9e37c5ddfc
commit 44d8b7787c
40 changed files with 982 additions and 0 deletions

2
.gitignore vendored

@ -1,2 +1,4 @@
/lab2_2_CalebFontenot/nbproject/private/
/Assignments/MP1_CalebFontenot/nbproject/private/
/Assignments/lab4_CalebFontenot/nbproject/private/
/Assignments/MP02_CalebFontenot/nbproject/private/

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

@ -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,13 @@
{
"name": "MP02_CalebFontenot",
"version": "1.0.0",
"main": "path/to/main.css",
"ignore": [
".jshintrc",
"**/*.txt"
],
"dependencies": {
},
"devDependencies": {
}
}

@ -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.MP02_CalebFontenot-public_html=public_html
file.reference.MP02_CalebFontenot-test=test
files.encoding=UTF-8
site.root.folder=${file.reference.MP02_CalebFontenot-public_html}
test.folder=${file.reference.MP02_CalebFontenot-test}

@ -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>MP02_CalebFontenot</name>
</data>
</configuration>
</project>

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

@ -0,0 +1,20 @@
<!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>Pacific Trails Resort</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<h1>Pacific Trails Resort</h1>
</header>
<nav>
<a>Home</a>
</nav>
</body>
</html>

@ -0,0 +1,9 @@
/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/*
Created on : Jan 25, 2023, 9:50:47 AM
Author : caleb
*/

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

@ -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,73 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>embedded.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/lab4_CalebFontenot/public_html/4.2/embedded.html</td></tr></table>
<pre>
<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>Trillium Media Design<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">style</span><span class="tag">&gt;</span>
<span class="ST2">body</span> {
background-color: <span class="ST3">#E6E6FA</span>;
color: <span class="ST3">#191970</span>;
}
<span class="ST2">h1</span> {
background-color: <span class="ST3">#191970</span>;
color: <span class="ST3">#E6E6FA</span>;
}
<span class="ST2">h2</span> {
background-color: <span class="ST3">#AEAED4</span>;
color: <span class="ST3">#191970</span>;
}
<span class="tag">&lt;/</span><span class="tag">style</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">header</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>Trillium Media Design<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;services.html&quot;</span><span class="tag">&gt;</span>Services<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="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">main</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>New Media and Web Design<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Trillium Media Design will bring your company<span class="ST4">&amp;rsquo;</span>s Web presence to the next level. We offer a comprehensive range of services:<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">ul</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>Website Design<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>Interactive Animation<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>E-Commerce Solutions<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>Usability Studies<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>Search Engine Optimization<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">ul</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Meeting Your Business Needs<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Our expert designers will listen to you as they create a website that helps to promote and grow your business.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">main</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>
Copyright <span class="ST4">&amp;copy;</span> 2023 Caleb Christopher Fontenot
<span class="tag">&lt;/</span><span class="tag">footer</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
</pre></body>
</html>

@ -0,0 +1,79 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>classid_2.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/lab4_CalebFontenot/public_html/4.5/classid_2.html</td></tr></table>
<pre>
<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>Trillium Media Design<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">style</span><span class="tag">&gt;</span>
<span class="ST2">body</span>
{
background-color: <span class="ST3">#E6E6FA</span>;
color: <span class="ST3">#191970</span>;
}
<span class="ST2">h1</span> {
background-color: <span class="ST3">#191970</span>;
color: <span class="ST3">#E6E6FA</span>;
}
<span class="ST2">h2</span> {
background-color: <span class="ST3">#AEAED4</span>;
color: <span class="ST3">#191970</span>;
}
<span class="ST2">nav</span> { background-color: <span class="ST3">#E2E2EF</span>;}
<span class="ST2">footer</span> {color: <span class="ST3">#666666</span>;}
<span class="ST2">.</span><span class="ST2">companyname</span> {color: <span class="ST3">#6A6AA7</span>;}
<span class="ST2">.</span><span class="ST2">feature</span> {color: <span class="ST3">#FF0000</span>;}
<span class="ST2">#new</span> {color: <span class="ST3">#FF00CC</span>;}
<span class="tag">&lt;/</span><span class="tag">style</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">header</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h1</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">companyname</span><span class="value">&quot;</span><span class="tag">&gt;</span>Trillium Media Design<span class="tag">&lt;/</span><span class="tag">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;services.html&quot;</span><span class="tag">&gt;</span>Services<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="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">main</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>New Media and Web Design<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Trillium Media Design will bring your company<span class="ST4">&amp;rsquo;</span>s Web presence to the next level. We offer a comprehensive range of services:<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">ul</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>Website Design<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>Interactive Animation<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>E-Commerce Solutions<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">feature</span><span class="value">&quot;</span><span class="tag">&gt;</span> Usability Studies<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">feature</span><span class="value">&quot;</span><span class="tag">&gt;</span>Search Engine Optimization<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">ul</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Meeting Your Business Needs<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">new</span><span class="value">&quot;</span><span class="tag">&gt;</span>Our expert designers will listen to you as they create a website that helps to promote and grow your business.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">main</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>
Copyright <span class="ST4">&amp;copy;</span> 2018 Your Name Here
<span class="tag">&lt;/</span><span class="tag">footer</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
</pre></body>
</html>

@ -0,0 +1,78 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>classid_2.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/lab4_CalebFontenot/public_html/4.4/classid_2.html</td></tr></table>
<pre>
<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>Trillium Media Design<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">style</span><span class="tag">&gt;</span>
<span class="ST2">body</span>
{
background-color: <span class="ST3">#E6E6FA</span>;
color: <span class="ST3">#191970</span>;
}
<span class="ST2">h1</span> {
background-color: <span class="ST3">#191970</span>;
color: <span class="ST3">#E6E6FA</span>;
}
<span class="ST2">h2</span> {
background-color: <span class="ST3">#AEAED4</span>;
color: <span class="ST3">#191970</span>;
}
<span class="ST2">nav</span> { background-color: <span class="ST3">#E2E2EF</span>;}
<span class="ST2">footer</span> {color: <span class="ST3">#666666</span>;}
<span class="ST2">.</span><span class="ST2">feature</span> {color: <span class="ST3">#FF0000</span>;}
<span class="ST2">#new</span> {color: <span class="ST3">#FF00CC</span>;}
<span class="tag">&lt;/</span><span class="tag">style</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">header</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>Trillium Media Design<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;services.html&quot;</span><span class="tag">&gt;</span>Services<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="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">main</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>New Media and Web Design<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Trillium Media Design will bring your company<span class="ST4">&amp;rsquo;</span>s Web presence to the next level. We offer a comprehensive range of services:<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">ul</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>Website Design<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>Interactive Animation<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>E-Commerce Solutions<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">feature</span><span class="value">&quot;</span><span class="tag">&gt;</span> Usability Studies<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">feature</span><span class="value">&quot;</span><span class="tag">&gt;</span>Search Engine Optimization<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">ul</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Meeting Your Business Needs<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">new</span><span class="value">&quot;</span><span class="tag">&gt;</span>Our expert designers will listen to you as they create a website that helps to promote and grow your business.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">main</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>
Copyright <span class="ST4">&amp;copy;</span> 2018 Your Name Here
<span class="tag">&lt;/</span><span class="tag">footer</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
</pre></body>
</html>

@ -0,0 +1,35 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>color.css</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
<!--
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
table {color: #888888; background-color: #313335; font-family: monospace}
.numbers {color: #6897bb}
.ST0 {color: #808080; background-color: #323232}
.comments {color: #808080}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab4_CalebFontenot/public_html/4.3/color.css</td></tr></table>
<pre>
<span class="ST0">/*</span>
<span class="comments">Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license</span>
<span class="comments">Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template</span>
<span class="comments">*/</span>
<span class="comments">/*</span>
<span class="comments">Created on : Jan 24, 2023, 8:37:05 AM</span>
<span class="comments">Author : caleb</span>
<span class="comments">*/</span>
body
{
background-color: <span class="numbers">#0099FF</span>;
color: <span class="numbers">#FFFFFF</span>;
}
</pre></body>
</html>

@ -0,0 +1,41 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>external.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}
.ST1 {color: #505050; background-color: #323232}
.block-comment {color: #808080}
.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/lab4_CalebFontenot/public_html/4.3/external.html</td></tr></table>
<pre>
<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
<span class="block-comment">&lt;!--</span>
<span class="block-comment">Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license</span>
<span class="block-comment">Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/html.html to edit this template</span>
<span class="block-comment">--&gt;</span>
<span class="tag">&lt;</span><span class="tag">html</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>External Styles<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;UTF-8&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">link</span> <span class="argument">rel</span><span class="argument">=</span><span class="value">&quot;stylesheet&quot;</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;color.css&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>This web page uses an external style sheet.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
</pre></body>
</html>

@ -0,0 +1,23 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>classid.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}
.ws {color: #505050}
.argument {color: #bababa}
.value {color: #a5c261}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab4_CalebFontenot/public_html/4.6/classid.html</td></tr></table>
<pre>
<span class="tag">&lt;</span><span class="tag">link</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;trillium.css&quot;</span> <span class="argument">rel</span><span class="argument">=</span><span class="value">&quot;stylesheet&quot;</span><span class="tag">&gt;</span>
</pre></body>
</html>

@ -0,0 +1,45 @@
<!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}
.ST3 {color: #6897bb}
.ST1 {color: #505050; background-color: #323232}
.block-comment {color: #808080}
.ws {color: #505050}
.argument {color: #bababa}
.ST2 {color: #287bde}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab4_CalebFontenot/public_html/index.html</td></tr></table>
<pre>
<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
<span class="block-comment">&lt;!--</span>
<span class="block-comment">Click </span><span class="ST2">nbfs</span><span class="ST2">://</span><span class="ST2">nbhost</span><span class="ST2">/</span><span class="ST2">SystemFileSystem</span><span class="ST2">/Templates/Licenses/license-default.</span><span class="ST2">txt</span><span class="block-comment"> to change this license</span>
<span class="block-comment">Click </span><span class="ST2">nbfs</span><span class="ST2">://</span><span class="ST2">nbhost</span><span class="ST2">/</span><span class="ST2">SystemFileSystem</span><span class="ST2">/Templates/Other/</span><span class="ST2">html</span><span class="ST2">.</span><span class="ST2">html</span><span class="block-comment"> to edit this template</span>
<span class="block-comment">--&gt;</span>
<span class="tag">&lt;</span><span class="tag">html</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>TODO supply a title<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">meta</span> <span class="argument">name</span><span class="argument">=</span><span class="value">&quot;viewport&quot;</span> <span class="argument">content</span><span class="argument">=</span><span class="value">&quot;width=device-width, initial-scale=1.0&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">body</span> <span class="argument">style</span><span class="argument">=</span><span class="value">&quot;</span>backgroundcolor:<span class="ST3">#F5F5F5</span>;color:<span class="ST3">#008080</span><span class="value">&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h1</span> <span class="argument">style</span><span class="argument">=</span><span class="value">&quot;</span>background-color:<span class="ST3">#008080</span>;color:<span class="ST3">#F5F5F5</span>;<span class="value">&quot;</span><span class="tag">&gt;</span>Inline CSS<span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>This paragraph inherits the styles applied to the body tag.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span> <span class="argument">style</span><span class="argument">=</span><span class="value">&quot;</span>color:<span class="ST3">#333333</span><span class="value">&quot;</span><span class="tag">&gt;</span>This paragraph overrides the text color style.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
</pre></body>
</html>

@ -0,0 +1,20 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>services.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}
.ST0 {color: #287bde}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab4_CalebFontenot/public_html/4.6/services.html</td></tr></table>
<pre>
<span class="ST0">fs</span><span class="ST0">://</span><span class="ST0">nbhost</span><span class="ST0">/</span><span class="ST0">SystemFileSystem</span><span class="ST0">/Templates/</span><span class="ST0">Clie</span>
</pre></body>
</html>

@ -0,0 +1,60 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>trillium.css</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
<!--
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
table {color: #888888; background-color: #313335; font-family: monospace}
.strings {color: #6a8759}
.numbers {color: #6897bb}
.ST0 {color: #808080; background-color: #323232}
.comments {color: #808080}
.ST1 {color: #287bde}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab4_CalebFontenot/public_html/4.6/trillium.css</td></tr></table>
<pre>
<span class="ST0">/*</span>
<span class="comments">Click </span><span class="ST1">nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt</span><span class="comments"> to change this license</span>
<span class="comments">Click </span><span class="ST1">nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css</span><span class="comments"> to edit this template</span>
<span class="comments">*/</span>
<span class="comments">/*</span>
<span class="comments">Created on : Jan 24, 2023, 9:20:27 AM</span>
<span class="comments">Author : caleb</span>
<span class="comments">*/</span>
<span class="strings">body</span>
{
background-color: <span class="numbers">#E6E6FA</span>;
color: <span class="numbers">#191970</span>;
}
<span class="strings">h1</span> {
background-color: <span class="numbers">#191970</span>;
color: <span class="numbers">#E6E6FA</span>;
}
<span class="strings">h2</span> {
background-color: <span class="numbers">#AEAED4</span>;
color: <span class="numbers">#191970</span>;
}
<span class="strings">nav</span> {
background-color: <span class="numbers">#E2E2EF</span>;
}
<span class="strings">footer</span> {
color: <span class="numbers">#666666</span>;
}
<span class="strings">.</span><span class="strings">companyname</span> {
color: <span class="numbers">#6A6AA7</span>;
}
<span class="strings">.</span><span class="strings">feature</span> {
color: <span class="numbers">#FF0000</span>;
}
<span class="strings">#new</span> {
color: <span class="numbers">#FF00CC</span>;
}
</pre></body>
</html>

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

@ -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.lab4_CalebFontenot-public_html=public_html
file.reference.lab4_CalebFontenot-test=test
files.encoding=UTF-8
site.root.folder=${file.reference.lab4_CalebFontenot-public_html}
test.folder=${file.reference.lab4_CalebFontenot-test}

@ -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>lab4_CalebFontenot</name>
</data>
</configuration>
</project>

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

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Trillium Media Design</title>
<meta charset="utf-8">
<style>
body {
background-color: #E6E6FA;
color: #191970;
}
h1 {
background-color: #191970;
color: #E6E6FA;
}
h2 {
background-color: #AEAED4;
color: #191970;
}
</style>
</head>
<body>
<header>
<h1>Trillium Media Design</h1>
</header>
<nav><a href="index.html">Home</a> &nbsp;
<a href="services.html">Services</a> &nbsp;
<a href="contact.html">Contact</a>
</nav>
<main>
<h2>New Media and Web Design</h2>
<p>Trillium Media Design will bring your company&rsquo;s Web presence to the next level. We offer a comprehensive range of services:</p>
<ul>
<li>Website Design</li>
<li>Interactive Animation</li>
<li>E-Commerce Solutions</li>
<li>Usability Studies</li>
<li>Search Engine Optimization</li>
</ul>
<h2>Meeting Your Business Needs</h2>
<p>Our expert designers will listen to you as they create a website that helps to promote and grow your business.</p>
</main>
<footer>
Copyright &copy; 2023 Caleb Christopher Fontenot
</footer>
</body>
</html>

@ -0,0 +1,13 @@
/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/*
Created on : Jan 24, 2023, 8:37:05 AM
Author : caleb
*/
body
{
background-color: #0099FF;
color: #FFFFFF;
}

@ -0,0 +1,15 @@
<!DOCTYPE html>
<!--
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/html.html to edit this template
-->
<html>
<head>
<title>External Styles</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="color.css">
</head>
<body>
<p>This web page uses an external style sheet.</p>
</body>
</html>

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Trillium Media Design</title>
<meta charset="utf-8">
<style>
body {
background-color: #E6E6FA;
color: #191970;
}
h1 {
background-color: #191970;
color: #E6E6FA;
}
h2 {
background-color: #AEAED4;
color: #191970;
}
.feature
 {
 color: #FF0000;
}
#new 
{
 color: #FF00CC;
}
</style>
</head>
<body>
<header>
<h1>Trillium Media Design</h1>
</header>
<nav><a href="index.html">Home</a> &nbsp;
<a href="services.html">Services</a> &nbsp;
<a href="contact.html">Contact</a>
</nav>
<main>
<h2>New Media and Web Design</h2>
<p>Trillium Media Design will bring your company&rsquo;s Web presence to the next level. We offer a comprehensive range of services:</p>
<ul class="feature">
<li>Website Design</li>
<li>Interactive Animation</li>
<li>E-Commerce Solutions</li>
<li class="feature">Usability Studies</li>
<li class="feature">Search Engine Optimization</li>
</ul>
<h2>Meeting Your Business Needs</h2>
<p id="new">Our expert designers will listen to you as they create a website that helps to promote and grow your business.</p>
</main>
<footer>
Copyright &copy; 2023 Caleb Christopher Fontenot
</footer>
</body>
</html>

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Trillium Media Design</title>
<meta charset="utf-8">
<style>
body
{
background-color: #E6E6FA;
color: #191970;
}
h1 {
background-color: #191970;
color: #E6E6FA;
}
h2 {
background-color: #AEAED4;
color: #191970;
}
nav { background-color: #E2E2EF;}
footer {color: #666666;}
.feature {color: #FF0000;}
#new {color: #FF00CC;}
</style>
</head>
<body>
<header>
<h1>Trillium Media Design</h1>
</header>
<nav><a href="index.html">Home</a> &nbsp;
<a href="services.html">Services</a> &nbsp;
<a href="contact.html">Contact</a>
</nav>
<main>
<h2>New Media and Web Design</h2>
<p>Trillium Media Design will bring your company&rsquo;s Web presence to the next level. We offer a comprehensive range of services:</p>
<ul>
<li>Website Design</li>
<li>Interactive Animation</li>
<li>E-Commerce Solutions</li>
<li class="feature"> Usability Studies</li>
<li class="feature">Search Engine Optimization</li>
</ul>
<h2>Meeting Your Business Needs</h2>
<p id="new">Our expert designers will listen to you as they create a website that helps to promote and grow your business.</p>
</main>
<footer>
Copyright &copy; 2018 Your Name Here
</footer>
</body>
</html>

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Trillium Media Design</title>
<meta charset="utf-8">
<style>
body
{
background-color: #E6E6FA;
color: #191970;
}
h1 {
background-color: #191970;
color: #E6E6FA;
}
h2 {
background-color: #AEAED4;
color: #191970;
}
nav { background-color: #E2E2EF;}
footer {color: #666666;}
.companyname {color: #6A6AA7;}
.feature {color: #FF0000;}
#new {color: #FF00CC;}
</style>
</head>
<body>
<header>
<h1 class="companyname">Trillium Media Design</h1>
</header>
<nav><a href="index.html">Home</a> &nbsp;
<a href="services.html">Services</a> &nbsp;
<a href="contact.html">Contact</a>
</nav>
<main>
<h2>New Media and Web Design</h2>
<p>Trillium Media Design will bring your company&rsquo;s Web presence to the next level. We offer a comprehensive range of services:</p>
<ul>
<li>Website Design</li>
<li>Interactive Animation</li>
<li>E-Commerce Solutions</li>
<li class="feature"> Usability Studies</li>
<li class="feature">Search Engine Optimization</li>
</ul>
<h2>Meeting Your Business Needs</h2>
<p id="new">Our expert designers will listen to you as they create a website that helps to promote and grow your business.</p>
</main>
<footer>
Copyright &copy; 2018 Your Name Here
</footer>
</body>
</html>

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Trillium Media Design</title>
<meta charset="utf-8">
<link href="trillium.css" rel="stylesheet">
</head>
<body>
<header>
<h1 class="companyname">Trillium Media Design</h1>
</header>
<nav><a href="index.html">Home</a> &nbsp;
<a href="services.html">Services</a> &nbsp;
<a href="contact.html">Contact</a>
</nav>
<main>
<h2>New Media and Web Design</h2>
<p>Trillium Media Design will bring your company&rsquo;s Web presence to the next level. We offer a comprehensive range of services:</p>
<ul>
<li>Website Design</li>
<li>Interactive Animation</li>
<li>E-Commerce Solutions</li>
<li class="feature"> Usability Studies</li>
<li class="feature">Search Engine Optimization</li>
</ul>
<h2>Meeting Your Business Needs</h2>
<p id="new">Our expert designers will listen to you as they create a website that helps to promote and grow your business.</p>
</main>
<footer>
Copyright &copy; 2018 Your Name Here
</footer>
</body>
</html>

@ -0,0 +1,15 @@
<!DOCTYPE html>
<!--
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/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>

@ -0,0 +1,37 @@
/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/*
Created on : Jan 24, 2023, 9:20:27 AM
Author : caleb
*/
body
{
background-color: #E6E6FA;
color: #191970;
}
h1 {
background-color: #191970;
color: #E6E6FA;
}
h2 {
background-color: #AEAED4;
color: #191970;
}
nav {
background-color: #E2E2EF;
}
footer {
color: #666666;
}
.companyname {
color: #6A6AA7;
}
.feature {
color: #FF0000;
}
#new {
color: #FF00CC;
}

@ -0,0 +1,21 @@
<!DOCTYPE html>
<!--
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/html.html to edit this template
-->
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<link href="site.css" rel="stylesheet">
<style>
body {color: #0000FF;}
</style>
</head>
<body>
<p>This paragraph applies the external and embedded styles &mdash;
note how the blue text color that is configured in the embedded styles takes precedence
over the black text color configured in the external stylesheet.</p><!-- comment -->
<p style="color: #FF0000">Inline styles configure this paragraph to have red text and take precedence over the embedded and external styles.</p>
</body>
</html>

@ -0,0 +1,12 @@
/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/*
Created on : Jan 24, 2023, 9:28:59 AM
Author : caleb
*/
body {
background-color: #FFFFCC;
color: #0000FF;
}

@ -0,0 +1,17 @@
<!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 style="backgroundcolor:#F5F5F5;color:#008080">
<h1 style="background-color:#008080;color:#F5F5F5;">Inline CSS</h1>
<p>This paragraph inherits the styles applied to the body tag.</p>
<p style="color:#333333">This paragraph overrides the text color style.</p>
</body>
</html>

@ -0,0 +1,16 @@
<!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 style="backgroundcolor:#F5F5F5;color:#008080">
<h1 style="background-color:#008080;color:#F5F5F5;">Inline CSS</h1>
<p>This paragraph inherits the styles applied to the body tag.</p>
</body>
</html>

Binary file not shown.