lab5
@ -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": "lab5_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.lab5_CalebFontenot-public_html=public_html
|
||||
file.reference.lab5_CalebFontenot-test=test
|
||||
files.encoding=UTF-8
|
||||
site.root.folder=${file.reference.lab5_CalebFontenot-public_html}
|
||||
test.folder=${file.reference.lab5_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>lab5_CalebFontenot</name>
|
||||
</data>
|
||||
</configuration>
|
||||
</project>
|
||||
@ -0,0 +1,8 @@
|
||||
{
|
||||
"name": "lab5_CalebFontenot",
|
||||
"version": "1.0.0",
|
||||
"keywords": ["util", "functional", "server", "client", "browser"],
|
||||
"author": "caleb",
|
||||
"contributors": [],
|
||||
"dependencies": {}
|
||||
}
|
||||
@ -0,0 +1,35 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>KayakDoorCounty.net</title>
|
||||
<style>
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h2><img src="kayakdc.gif" alt="KayakDoorCounty.net" width="500" height="60"></h2>
|
||||
</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>
|
||||
<img src="hero.jpg" width="500" height="350" alt="paddling a kayak">
|
||||
<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 © 2023 KayakDoorCounty.net</i></small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
@ -0,0 +1,40 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>KayakDoorCounty.net</title>
|
||||
<style>
|
||||
#bar { background-color: #152420; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h2><img src="kayakdc.gif" alt="KayakDoorCounty.net" width="500" height="60"></h2>
|
||||
</header>
|
||||
<nav id="bar">
|
||||
<a href="index.html"><img src="home.gif" width="90" height="35"></a>
|
||||
<a href="tours.html"><img src="tours.gif" width="90" height="35"></a>
|
||||
<a href="reservations.html"><img src="reservations.gif" width="190" height="35"></a>
|
||||
<a href="contact.html"><img src="contact.gif" width="130" height="35"></a>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>Your next adventure is only a paddle away ....</h2>
|
||||
<img src="hero.jpg" width="500" height="350" alt="paddling a kayak">
|
||||
<p>Take a guided kayak tour while you explore the shoreline of scenic Door County. </p>
|
||||
<h3>Featured tours this week:</h3>
|
||||
<ul>
|
||||
<li>Cana Island</li>
|
||||
<li>Mink River</li>
|
||||
<li>Europe Lake</li>
|
||||
</ul>
|
||||
</main>
|
||||
<footer>
|
||||
<a href="index.html">Home</a>
|
||||
<a href="tours.html">Tours</a>
|
||||
<a href="reservations.html">Reservations</a>
|
||||
<a href="contact.html">Contact</a>
|
||||
<small><i>Copyright © 2023 KayakDoorCounty.net</i></small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
@ -0,0 +1,41 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>KayakDoorCounty.net</title>
|
||||
<style>
|
||||
#bar { background-color: #152420; }
|
||||
main { background-image: url(heroback.jpg);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h2><img src="kayakdc.gif" alt="KayakDoorCounty.net" width="500" height="60"></h2>
|
||||
</header>
|
||||
<nav id="bar">
|
||||
<a href="index.html"><img src="home.gif" width="90" height="35"></a>
|
||||
<a href="tours.html"><img src="tours.gif" width="90" height="35"></a>
|
||||
<a href="reservations.html"><img src="reservations.gif" width="190" height="35"></a>
|
||||
<a href="contact.html"><img src="contact.gif" width="130" height="35"></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>
|
||||
<a href="index.html">Home</a>
|
||||
<a href="tours.html">Tours</a>
|
||||
<a href="reservations.html">Reservations</a>
|
||||
<a href="contact.html">Contact</a>
|
||||
<small><i>Copyright © 2023 KayakDoorCounty.net</i></small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 87 KiB |
|
After Width: | Height: | Size: 894 B |
|
After Width: | Height: | Size: 306 B |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 81 KiB |
|
After Width: | Height: | Size: 90 KiB |
|
After Width: | Height: | Size: 894 B |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 47 KiB |
|
After Width: | Height: | Size: 57 KiB |
|
After Width: | Height: | Size: 28 KiB |
@ -0,0 +1,74 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Font Size Examples</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
table, td, th {
|
||||
border: 2px solid #000000;
|
||||
padding: 10px;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Text Values</th>
|
||||
<th>Em Units</th>
|
||||
<th>Px Units</th>
|
||||
<th>Pt Units</th>
|
||||
<th>Percentage</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span style="font-size:xx-small">xx-small</span></td>
|
||||
<td><span style="font-size:.50em">.5 em</span></td>
|
||||
<td><span style="font-size:8px">8 px</span></td>
|
||||
<td><span style="font-size:6pt">6 pt</span></td>
|
||||
<td><span style="font-size:50%">50%</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span style="font-size:x-small">x-small</span></td>
|
||||
<td><span style="font-size:.60em">.60 em</span></td>
|
||||
<td><span style="font-size:11px">11 px</span></td>
|
||||
<td><span style="font-size:8pt">8 pt</span></td>
|
||||
<td><span style="font-size:60%">60%</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span style="font-size:small">small</span></td>
|
||||
<td><span style="font-size:.75em">.75 em</span></td>
|
||||
<td><span style="font-size:13px">13 px</span></td>
|
||||
<td><span style="font-size:10pt">10 pt</span></td>
|
||||
<td><span style="font-size:75%">75%</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span style="font-size:medium">medium</span></td>
|
||||
<td><span style="font-size:1em">1 em</span></td>
|
||||
<td><span style="font-size:16px">16 px</span></td>
|
||||
<td><span style="font-size:12pt">12 pt</span></td>
|
||||
<td><span style="font-size:100%">100%</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span style="font-size:large">large</span></td>
|
||||
<td><span style="font-size:1.15em">1.15 em</span></td>
|
||||
<td><span style="font-size:18px">18 px</span></td>
|
||||
<td><span style="font-size:13.5pt">13.5 pt</span></td>
|
||||
<td><span style="font-size:110%">110%</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span style="font-size:x-large">x-large</span></td>
|
||||
<td><span style="font-size:1.5em">1.5 em</span></td>
|
||||
<td><span style="font-size:24px">24 px</span></td>
|
||||
<td><span style="font-size:18pt">18 pt</span></td>
|
||||
<td><span style="font-size:150%">150%</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span style="font-size:xx-large">xx-large</span></td>
|
||||
<td><span style="font-size:2em">2 em</span></td>
|
||||
<td><span style="font-size:30px">30 px</span></td>
|
||||
<td><span style="font-size:24pt">24 pt</span></td>
|
||||
<td><span style="font-size:200%">200%</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</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/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>
|
||||
@ -0,0 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<title>Image Map Example</title>
|
||||
<meta charset="utf-8">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Image Map</h1>
|
||||
<map id="fishing" name="fishing">
|
||||
<area href="http://nature.org" shape="rect" coords="0,51,416,170" alt="The Nature Conservancy" title="The Nature Conservancy">
|
||||
<area href="http://www.fishingdoorcounty.com" shape="rect" coords="24,188,339,283" alt="Door County Fishing Charter" title="Door County Fishing Charter">
|
||||
</map>
|
||||
<img src="fishingboat.jpg" usemap="#fishing" alt="Door County" height="350" width="416">
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 87 KiB |
|
After Width: | Height: | Size: 894 B |
|
After Width: | Height: | Size: 306 B |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 81 KiB |
|
After Width: | Height: | Size: 90 KiB |
@ -0,0 +1,35 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>KayakDoorCounty.net</title>
|
||||
<style>
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<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 © 2018 KayakDoorCounty.net</i></small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 5.7 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 998 B |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 953 B |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 73 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 76 B |
|
After Width: | Height: | Size: 91 B |
|
After Width: | Height: | Size: 51 KiB |
@ -0,0 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Sunset</title>
|
||||
<meta charset="utf-8">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Sunset</h1>
|
||||
<a href="sunset.jpg"><img src="thumb.jpg" height="100" width="100" alt="view a larger sunset"></a>
|
||||
</body>
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 657 B |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 533 B |
@ -0,0 +1,56 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Trillium Media Design</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body { background-color:#f4ffe4;
|
||||
color:#333333;
|
||||
}
|
||||
h1 { background-color:#d5edb3;
|
||||
color:#5c743d;
|
||||
height:86px;
|
||||
}
|
||||
h2 { background-color:#d5edb3;
|
||||
color:#5c743d;
|
||||
background-image: url(trilliumbg.gif);
|
||||
background-repeat: no-repeat;
|
||||
padding-left: 30px;
|
||||
|
||||
}
|
||||
.companyname { color: #5c743d;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1><img src="trilliumbanner.jpg" alt="Trillium Media Design" width="700"
|
||||
height="86"></h1>
|
||||
</header>
|
||||
<nav>
|
||||
<a href="index.html"><img src="home.gif" alt="Home" width="120" height="40"></a>
|
||||
<a href="services.html"><img src="services.gif" alt="Services" width="120" height="40"></a>
|
||||
<a href="contact.html"><img src="contact.gif" alt="Contact" width="120" height="40"></a>
|
||||
</nav>
|
||||
<h2>New Media and Web Design</h2>
|
||||
<p><span class="companyname">Trillium Media Design</span> will bring your company’s Web presence to the next level. <br>
|
||||
We offer a comprehensive range of services: </p>
|
||||
<ul>
|
||||
<li>Website Design</li>
|
||||
<li>Interactive Animation</li>
|
||||
<li>E-Commerce Solutions</li>
|
||||
<li>Usability Studies</li>
|
||||
<li>Search Engine Optimization</li>
|
||||
</ul>
|
||||
<h2>Meeting Your Business Needs</h2>
|
||||
<p>Our expert designers are creative and eager to work with you.</p>
|
||||
<footer>
|
||||
<nav>
|
||||
<a href="index.html">Home</a>
|
||||
<a href="services.html">Services</a>
|
||||
<a href="contact.html">Contact</a>
|
||||
</nav>
|
||||
Copyright © 2018 Your Name Here
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 712 B |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 49 KiB |
|
After Width: | Height: | Size: 894 B |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 47 KiB |
|
After Width: | Height: | Size: 57 KiB |