Your next adventure is only a paddle away ....
+ +Take a guided kayak tour while you explore the shoreline of scenic Door County.
+Featured tours this week:
+-
+
- Cana Island +
- Mink River +
- Europe Lake +
| /home/caleb/ASDV-WebDev/Assignments/lab6.2_CalebFontenot/public_html/6.10/linear.html |
+<!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> + ++ diff --git a/Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.10_radial.html b/Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.10_radial.html new file mode 100644 index 0000000..8aa095c --- /dev/null +++ b/Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.10_radial.html @@ -0,0 +1,57 @@ + + + +
| /home/caleb/ASDV-WebDev/Assignments/lab6.2_CalebFontenot/public_html/6.10/radial.html |
+<!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> + ++ diff --git a/Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.5_index.html b/Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.5_index.html new file mode 100644 index 0000000..04742f4 --- /dev/null +++ b/Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.5_index.html @@ -0,0 +1,86 @@ + + + +
| /home/caleb/ASDV-WebDev/Assignments/lab6.2_CalebFontenot/public_html/6.5/index.html |
+<!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> + ++ diff --git a/Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.6_index.html b/Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.6_index.html new file mode 100644 index 0000000..17fe431 --- /dev/null +++ b/Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.6_index.html @@ -0,0 +1,118 @@ + + + +
| /home/caleb/ASDV-WebDev/Assignments/lab6.2_CalebFontenot/public_html/6.6/index.html |
+<!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> + ++ diff --git a/Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.7_index.html b/Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.7_index.html new file mode 100644 index 0000000..10897e0 --- /dev/null +++ b/Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.7_index.html @@ -0,0 +1,54 @@ + + + +
| /home/caleb/ASDV-WebDev/Assignments/lab6.2_CalebFontenot/public_html/6.7/index.html |
+<!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> + ++ diff --git a/Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.8_rgba.html b/Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.8_rgba.html new file mode 100644 index 0000000..641bef5 --- /dev/null +++ b/Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.8_rgba.html @@ -0,0 +1,57 @@ + + + +
| /home/caleb/ASDV-WebDev/Assignments/lab6.2_CalebFontenot/public_html/6.8/rgba.html |
+<!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> + ++ diff --git a/Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.9_hsla.html b/Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.9_hsla.html new file mode 100644 index 0000000..6f03e39 --- /dev/null +++ b/Assignments/lab6.2_CalebFontenot/Printed HTMLs/6.9_hsla.html @@ -0,0 +1,56 @@ + + + +
| /home/caleb/ASDV-WebDev/Assignments/lab6.2_CalebFontenot/public_html/6.9/hsla.html |
+<!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> + ++ diff --git a/Assignments/lab6.2_CalebFontenot/Printed HTMLs/clip_index.html b/Assignments/lab6.2_CalebFontenot/Printed HTMLs/clip_index.html new file mode 100644 index 0000000..eb19261 --- /dev/null +++ b/Assignments/lab6.2_CalebFontenot/Printed HTMLs/clip_index.html @@ -0,0 +1,78 @@ + + + +
| /home/caleb/ASDV-WebDev/Assignments/lab6.2_CalebFontenot/public_html/clip/index.html |
+<!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> ++ diff --git a/Assignments/lab6.2_CalebFontenot/bower.json b/Assignments/lab6.2_CalebFontenot/bower.json new file mode 100644 index 0000000..ae22ce8 --- /dev/null +++ b/Assignments/lab6.2_CalebFontenot/bower.json @@ -0,0 +1,13 @@ +{ + "name": "lab6.2_CalebFontenot", + "version": "1.0.0", + "main": "path/to/main.css", + "ignore": [ + ".jshintrc", + "**/*.txt" + ], + "dependencies": { + }, + "devDependencies": { + } +} diff --git a/Assignments/lab6.2_CalebFontenot/gulpfile.js b/Assignments/lab6.2_CalebFontenot/gulpfile.js new file mode 100644 index 0000000..eccfb02 --- /dev/null +++ b/Assignments/lab6.2_CalebFontenot/gulpfile.js @@ -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 +}); diff --git a/Assignments/lab6.2_CalebFontenot/nbproject/project.properties b/Assignments/lab6.2_CalebFontenot/nbproject/project.properties new file mode 100644 index 0000000..a3478d5 --- /dev/null +++ b/Assignments/lab6.2_CalebFontenot/nbproject/project.properties @@ -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} diff --git a/Assignments/lab6.2_CalebFontenot/nbproject/project.xml b/Assignments/lab6.2_CalebFontenot/nbproject/project.xml new file mode 100644 index 0000000..392b494 --- /dev/null +++ b/Assignments/lab6.2_CalebFontenot/nbproject/project.xml @@ -0,0 +1,9 @@ + +
This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content + This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content + This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content + This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content + This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content + This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content + This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.
+ +This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.
+This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.
+ + + diff --git a/Assignments/lab6.2_CalebFontenot/public_html/6.10/radial.html b/Assignments/lab6.2_CalebFontenot/public_html/6.10/radial.html new file mode 100644 index 0000000..48b83d2 --- /dev/null +++ b/Assignments/lab6.2_CalebFontenot/public_html/6.10/radial.html @@ -0,0 +1,30 @@ + + + +This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content + This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content + This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content + This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content + This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content + This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content + This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.
+ +This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.
+This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.
+ + + diff --git a/Assignments/lab6.2_CalebFontenot/public_html/6.5/background.jpg b/Assignments/lab6.2_CalebFontenot/public_html/6.5/background.jpg new file mode 100644 index 0000000..bd76938 Binary files /dev/null and b/Assignments/lab6.2_CalebFontenot/public_html/6.5/background.jpg differ diff --git a/Assignments/lab6.2_CalebFontenot/public_html/6.5/index.html b/Assignments/lab6.2_CalebFontenot/public_html/6.5/index.html new file mode 100644 index 0000000..5bdb1ef --- /dev/null +++ b/Assignments/lab6.2_CalebFontenot/public_html/6.5/index.html @@ -0,0 +1,58 @@ + + + +Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.
+Enjoy a selection of our fresh baked, organic pastries, including fresh fruit muffins, scones, croissants, and cinnamon rolls.
+Savor delicious wraps and sandwiches on hearty, whole grain breads with locally grown salad, fruit, and vegetables.
+ +Take a guided kayak tour while you explore the shoreline of scenic Door County.
+Take a guided kayak tour while you explore the shoreline of scenic Door County.
++Enjoy relaxing in the warm sunshine on your own tropical island retreat. +
++Enjoy relaxing in the warm sunshine on your own tropical island retreat. +
++Enjoy relaxing in the warm sunshine on your own tropical island retreat. +
+