begin lab8
1
.gitignore
vendored
@ -13,3 +13,4 @@
|
||||
/Assignments/MP04_CalebFontenot/nbproject/private/
|
||||
/Assignments/lab7_CalebFontenot/nbproject/private/
|
||||
/Assignments/MP05_CalebFontenot/nbproject/private/
|
||||
/Assignments/lab08_CalebFontenot/nbproject/private/
|
||||
|
3
Assignments/lab08_CalebFontenot/.bowerrc
Normal file
@ -0,0 +1,3 @@
|
||||
{
|
||||
"directory": "public_html/bower_components"
|
||||
}
|
9
Assignments/lab08_CalebFontenot/Gruntfile.js
Normal file
@ -0,0 +1,9 @@
|
||||
/*
|
||||
* Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
|
||||
* Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/Gruntfile.js to edit this template
|
||||
*/
|
||||
module.exports = function (grunt) {
|
||||
// Project configuration.
|
||||
grunt.initConfig({
|
||||
});
|
||||
};
|
13
Assignments/lab08_CalebFontenot/bower.json
Normal file
@ -0,0 +1,13 @@
|
||||
{
|
||||
"name": "lab08_CalebFontenot",
|
||||
"version": "1.0.0",
|
||||
"main": "path/to/main.css",
|
||||
"ignore": [
|
||||
".jshintrc",
|
||||
"**/*.txt"
|
||||
],
|
||||
"dependencies": {
|
||||
},
|
||||
"devDependencies": {
|
||||
}
|
||||
}
|
10
Assignments/lab08_CalebFontenot/gulpfile.js
Normal file
@ -0,0 +1,10 @@
|
||||
/*
|
||||
* Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
|
||||
* Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/gulpfile.js to edit this template
|
||||
*/
|
||||
|
||||
var gulp = require('gulp');
|
||||
|
||||
gulp.task('default', function () {
|
||||
// place code for your default task here
|
||||
});
|
@ -0,0 +1,5 @@
|
||||
file.reference.lab08_CalebFontenot-public_html=public_html
|
||||
file.reference.lab08_CalebFontenot-test=test
|
||||
files.encoding=UTF-8
|
||||
site.root.folder=${file.reference.lab08_CalebFontenot-public_html}
|
||||
test.folder=${file.reference.lab08_CalebFontenot-test}
|
9
Assignments/lab08_CalebFontenot/nbproject/project.xml
Normal file
@ -0,0 +1,9 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project xmlns="http://www.netbeans.org/ns/project/1">
|
||||
<type>org.netbeans.modules.web.clientproject</type>
|
||||
<configuration>
|
||||
<data xmlns="http://www.netbeans.org/ns/clientside-project/1">
|
||||
<name>lab08_CalebFontenot</name>
|
||||
</data>
|
||||
</configuration>
|
||||
</project>
|
8
Assignments/lab08_CalebFontenot/package.json
Normal file
@ -0,0 +1,8 @@
|
||||
{
|
||||
"name": "lab08_CalebFontenot",
|
||||
"version": "1.0.0",
|
||||
"keywords": ["util", "functional", "server", "client", "browser"],
|
||||
"author": "caleb",
|
||||
"contributors": [],
|
||||
"dependencies": {}
|
||||
}
|
55
Assignments/lab08_CalebFontenot/public_html/8.1/casita.css
Executable file
@ -0,0 +1,55 @@
|
||||
* { box-sizing: border-box; }
|
||||
body { background-color: #330000;
|
||||
font-family: Verdana, Arial, sans-serif;
|
||||
}
|
||||
#wrapper { width: 960px;
|
||||
margin: auto;
|
||||
background-color: #F4E8BC;
|
||||
color: #330000;
|
||||
box-shadow: 5px 5px 5px #000000;
|
||||
}
|
||||
h1 { background-image: url(images/logo.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-color: #F4E8BC;
|
||||
height: 130px;
|
||||
font-family: Georgia, "Times New Roman", serif;
|
||||
font-size: 4.5em;
|
||||
padding-left: 220px;
|
||||
padding-top: 20px;
|
||||
text-shadow: 3px 3px 3px #90745D;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
nav { padding-top: 10px;
|
||||
float: left;
|
||||
width: 200px;
|
||||
}
|
||||
nav ul { list-style-type: none;
|
||||
padding-left: 20px;
|
||||
}
|
||||
nav li { padding-bottom: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
nav a { text-decoration: none; }
|
||||
nav a:link { color: #330000; }
|
||||
nav a:visited{ color: #90745D; }
|
||||
nav a:hover { color: #3F4632; }
|
||||
|
||||
|
||||
main { background-color: #FFFFCC;
|
||||
margin-left: 200px;
|
||||
padding: 1px 20px 20px 20px;
|
||||
min-height: 300px;
|
||||
display: block;
|
||||
}
|
||||
main img { float: right;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
footer { background-color: #FFFFCC;
|
||||
margin-left: 200px;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
font-size: small;
|
||||
font-style: italic;
|
||||
}
|
||||
|
33
Assignments/lab08_CalebFontenot/public_html/8.1/contact.html
Executable file
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Casita Sedona - Contact</title>
|
||||
<meta charset="utf-8">
|
||||
<link href="casita.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>Casita Sedona</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="rooms/canyon.html">Canyon Room</a></li>
|
||||
<li><a href="rooms/javelina.html">Javelina Room</a></li>
|
||||
<li><a href="rooms/juniper.html">Juniper Room</a></li>
|
||||
<li><a href="events/weekend.html">Weekend Events</a></li>
|
||||
<li><a href="events/festival.html">Festivals</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>This is the Contact Page </h2>
|
||||
|
||||
</main>
|
||||
<footer>
|
||||
Copyright © 2018 Your Name Here
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
33
Assignments/lab08_CalebFontenot/public_html/8.1/events/festival.html
Executable file
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Casita Sedona - Festival Events</title>
|
||||
<meta charset="utf-8">
|
||||
<link href="../casita.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>Casita Sedona</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../rooms/canyon.html">Canyon Room</a></li>
|
||||
<li><a href="../rooms/javelina.html">Javelina Room</a></li>
|
||||
<li><a href="../rooms/juniper.html">Juniper Room</a></li>
|
||||
<li><a href="weekend.html">Weekend Events</a></li>
|
||||
<li><a href="festival.html">Festivals</a></li>
|
||||
<li><a href="../contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>This is the Festival Events Page </h2>
|
||||
|
||||
</main>
|
||||
<footer>
|
||||
Copyright © 2018 Your Name Here
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
33
Assignments/lab08_CalebFontenot/public_html/8.1/events/weekend.html
Executable file
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Casita Sedona - Weekend Events</title>
|
||||
<meta charset="utf-8">
|
||||
<link href="../casita.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>Casita Sedona</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../rooms/canyon.html">Canyon Room</a></li>
|
||||
<li><a href="../rooms/javelina.html">Javelina Room</a></li>
|
||||
<li><a href="../rooms/juniper.html">Juniper Room</a></li>
|
||||
<li><a href="weekend.html">Weekend Events</a></li>
|
||||
<li><a href="festival.html">Festivals</a></li>
|
||||
<li><a href="../contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>This is the Weekend Events Page </h2>
|
||||
|
||||
</main>
|
||||
<footer>
|
||||
Copyright © 2018 Your Name Here
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
BIN
Assignments/lab08_CalebFontenot/public_html/8.1/images/logo.gif
Executable file
After Width: | Height: | Size: 16 KiB |
BIN
Assignments/lab08_CalebFontenot/public_html/8.1/images/scenery.jpg
Executable file
After Width: | Height: | Size: 33 KiB |
37
Assignments/lab08_CalebFontenot/public_html/8.1/index.html
Executable file
@ -0,0 +1,37 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Casita Sedona</title>
|
||||
<meta charset="utf-8">
|
||||
<link href="casita.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>Casita Sedona</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="rooms/canyon.html">Canyon Room</a></li>
|
||||
<li><a href="rooms/javelina.html">Javelina Room</a></li>
|
||||
<li><a href="rooms/juniper.html">Juniper Room</a></li>
|
||||
<li><a href="events/weekend.html">Weekend Events</a></li>
|
||||
<li><a href="events/festival.html">Festivals</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>This is the Home Page</h2>
|
||||
<img src="images/scenery.jpg" alt="Sedona Scenery" width="450" height="200">
|
||||
<h3>This is a Subheading</h3>
|
||||
<p>This is a paragraph of sentences. This is a paragraph of sentences. This is a paragraph of sentences. This is a paragraph of sentences. This is a paragraph of sentences. This is a paragraph of sentences. </p>
|
||||
<h3>This is a Subheading</h3>
|
||||
<p>This is a paragraph of sentences. This is a paragraph of sentences. This is a paragraph of sentences. This is a paragraph of sentences. This is a paragraph of sentences. This is a paragraph of sentences. </p>
|
||||
</main>
|
||||
<footer>
|
||||
Copyright © 2018 Your Name Here
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
33
Assignments/lab08_CalebFontenot/public_html/8.1/rooms/canyon.html
Executable file
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Casita Sedona - Canyon Room</title>
|
||||
<meta charset="utf-8">
|
||||
<link href="../casita.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>Casita Sedona</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="canyon.html">Canyon Room</a></li>
|
||||
<li><a href="javelina.html">Javelina Room</a></li>
|
||||
<li><a href="juniper.html">Juniper Room</a></li>
|
||||
<li><a href="../events/weekend.html">Weekend Events</a></li>
|
||||
<li><a href="../events/festival.html">Festivals</a></li>
|
||||
<li><a href="../contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>This is the Canyon Room Page </h2>
|
||||
|
||||
</main>
|
||||
<footer>
|
||||
Copyright © 2018 Your Name Here
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
33
Assignments/lab08_CalebFontenot/public_html/8.1/rooms/javelina.html
Executable file
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Casita Sedona - Javalina Room</title>
|
||||
<meta charset="utf-8">
|
||||
<link href="../casita.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>Casita Sedona</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="canyon.html">Canyon Room</a></li>
|
||||
<li><a href="javelina.html">Javelina Room</a></li>
|
||||
<li><a href="juniper.html">Juniper Room</a></li>
|
||||
<li><a href="../events/weekend.html">Weekend Events</a></li>
|
||||
<li><a href="../events/festival.html">Festivals</a></li>
|
||||
<li><a href="../contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>This is the Javelina Room Page </h2>
|
||||
|
||||
</main>
|
||||
<footer>
|
||||
Copyright © 2018 Your Name Here
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
33
Assignments/lab08_CalebFontenot/public_html/8.1/rooms/juniper.html
Executable file
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Casita Sedona - Canyon Room</title>
|
||||
<meta charset="utf-8">
|
||||
<link href="../casita.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>Casita Sedona</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="canyon.html">Canyon Room</a></li>
|
||||
<li><a href="javelina.html">Javelina Room</a></li>
|
||||
<li><a href="juniper.html">Juniper Room</a></li>
|
||||
<li><a href="../events/weekend.html">Weekend Events</a></li>
|
||||
<li><a href="../events/festival.html">Festivals</a></li>
|
||||
<li><a href="../contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>This is the Juniper Room Page </h2>
|
||||
|
||||
</main>
|
||||
<footer>
|
||||
Copyright © 2018 Your Name Here
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
15
Assignments/lab08_CalebFontenot/public_html/index.html
Normal file
@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
|
||||
Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this template
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>TODO supply a title</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
<body>
|
||||
<div>TODO write content</div>
|
||||
</body>
|
||||
</html>
|
56
Assignments/lab08_CalebFontenot/public_html/starter1.html
Executable file
@ -0,0 +1,56 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Favorite Sites</title>
|
||||
<meta charset="utf-8">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Favorite Sites</h1>
|
||||
<ul>
|
||||
<li>Hobbies</li>
|
||||
<li>HTML5</li>
|
||||
<li>CSS</li>
|
||||
</ul>
|
||||
<h2 id="hobbies">Hobbies</h2>
|
||||
<dl>
|
||||
<dt>Running</dt>
|
||||
<dd><a href="http://www.runningnetwork.com">http://www.runningnetwork.com</a></dd>
|
||||
<dt>Cooking</dt>
|
||||
<dd><a href="http://www.cooking.com">http://www.cooking.com</a></dd>
|
||||
</dl>
|
||||
<h2 id="html5">HTML5</h2>
|
||||
<dl>
|
||||
<dt>Elements</dt>
|
||||
<dd><a href="http://www.w3.org/TR/html5/">http://www.w3.org/TR/html5/</a></dd>
|
||||
<dt>Tutorials</dt>
|
||||
<dd><a href="http://www.w3schools.com/html5">http://www.w3schools.com/html5</a></dd>
|
||||
</dl>
|
||||
<h2 id="css">CSS</h2>
|
||||
<dl>
|
||||
<dt>W3C Cascading Style Sheets</dt>
|
||||
<dd><a href="http://www.w3.org/Style/CSS">http://www.w3.org/Style/CSS</a></dd>
|
||||
<dt>Tutorials</dt>
|
||||
<dd><a href="http://www.w3schools.com/css3">http://www.w3schools.com/css3</a></dd>
|
||||
</dl>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<h2>Back to Top</h2>
|
||||
</body>
|
||||
</html>
|
55
Chapter ZIPs/chapter8/9/CasitaExample/casita.css
Executable file
@ -0,0 +1,55 @@
|
||||
* { box-sizing: border-box; }
|
||||
body { background-color: #330000;
|
||||
font-family: Verdana, Arial, sans-serif;
|
||||
}
|
||||
#wrapper { width: 960px;
|
||||
margin: auto;
|
||||
background-color: #F4E8BC;
|
||||
color: #330000;
|
||||
box-shadow: 5px 5px 5px #000000;
|
||||
}
|
||||
h1 { background-image: url(images/logo.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-color: #F4E8BC;
|
||||
height: 130px;
|
||||
font-family: Georgia, "Times New Roman", serif;
|
||||
font-size: 4.5em;
|
||||
padding-left: 220px;
|
||||
padding-top: 20px;
|
||||
text-shadow: 3px 3px 3px #90745D;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
nav { padding-top: 10px;
|
||||
float: left;
|
||||
width: 200px;
|
||||
}
|
||||
nav ul { list-style-type: none;
|
||||
padding-left: 20px;
|
||||
}
|
||||
nav li { padding-bottom: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
nav a { text-decoration: none; }
|
||||
nav a:link { color: #330000; }
|
||||
nav a:visited{ color: #90745D; }
|
||||
nav a:hover { color: #3F4632; }
|
||||
|
||||
|
||||
main { background-color: #FFFFCC;
|
||||
margin-left: 200px;
|
||||
padding: 1px 20px 20px 20px;
|
||||
min-height: 300px;
|
||||
display: block;
|
||||
}
|
||||
main img { float: right;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
footer { background-color: #FFFFCC;
|
||||
margin-left: 200px;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
font-size: small;
|
||||
font-style: italic;
|
||||
}
|
||||
|
32
Chapter ZIPs/chapter8/9/CasitaExample/contact.html
Executable file
@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Casita Sedona - Contact</title>
|
||||
<meta charset="utf-8">
|
||||
<link href="casita.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>Casita Sedona</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="rooms/canyon.html">Canyon Room</a></li>
|
||||
<li><a href="rooms/javelina.html">Javelina Room</a></li>
|
||||
<li><a href="events/weekend.html">Weekend Events</a></li>
|
||||
<li><a href="events/festival.html">Festivals</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>This is the Contact Page </h2>
|
||||
|
||||
</main>
|
||||
<footer>
|
||||
Copyright © 2018 Your Name Here
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
32
Chapter ZIPs/chapter8/9/CasitaExample/events/festival.html
Executable file
@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Casita Sedona - Festival Events</title>
|
||||
<meta charset="utf-8">
|
||||
<link href="../casita.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>Casita Sedona</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../rooms/canyon.html">Canyon Room</a></li>
|
||||
<li><a href="../rooms/javelina.html">Javelina Room</a></li>
|
||||
<li><a href="weekend.html">Weekend Events</a></li>
|
||||
<li><a href="festival.html">Festivals</a></li>
|
||||
<li><a href="../contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>This is the Festival Events Page </h2>
|
||||
|
||||
</main>
|
||||
<footer>
|
||||
Copyright © 2018 Your Name Here
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
32
Chapter ZIPs/chapter8/9/CasitaExample/events/weekend.html
Executable file
@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Casita Sedona - Weekend Events</title>
|
||||
<meta charset="utf-8">
|
||||
<link href="../casita.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>Casita Sedona</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../rooms/canyon.html">Canyon Room</a></li>
|
||||
<li><a href="../rooms/javelina.html">Javelina Room</a></li>
|
||||
<li><a href="weekend.html">Weekend Events</a></li>
|
||||
<li><a href="festival.html">Festivals</a></li>
|
||||
<li><a href="../contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>This is the Weekend Events Page </h2>
|
||||
|
||||
</main>
|
||||
<footer>
|
||||
Copyright © 2018 Your Name Here
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
BIN
Chapter ZIPs/chapter8/9/CasitaExample/images/logo.gif
Executable file
After Width: | Height: | Size: 16 KiB |
BIN
Chapter ZIPs/chapter8/9/CasitaExample/images/scenery.jpg
Executable file
After Width: | Height: | Size: 33 KiB |
36
Chapter ZIPs/chapter8/9/CasitaExample/index.html
Executable file
@ -0,0 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Casita Sedona</title>
|
||||
<meta charset="utf-8">
|
||||
<link href="casita.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>Casita Sedona</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="rooms/canyon.html">Canyon Room</a></li>
|
||||
<li><a href="rooms/javelina.html">Javelina Room</a></li>
|
||||
<li><a href="events/weekend.html">Weekend Events</a></li>
|
||||
<li><a href="events/festival.html">Festivals</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>This is the Home Page</h2>
|
||||
<img src="images/scenery.jpg" alt="Sedona Scenery" width="450" height="200">
|
||||
<h3>This is a Subheading</h3>
|
||||
<p>This is a paragraph of sentences. This is a paragraph of sentences. This is a paragraph of sentences. This is a paragraph of sentences. This is a paragraph of sentences. This is a paragraph of sentences. </p>
|
||||
<h3>This is a Subheading</h3>
|
||||
<p>This is a paragraph of sentences. This is a paragraph of sentences. This is a paragraph of sentences. This is a paragraph of sentences. This is a paragraph of sentences. This is a paragraph of sentences. </p>
|
||||
</main>
|
||||
<footer>
|
||||
Copyright © 2018 Your Name Here
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
32
Chapter ZIPs/chapter8/9/CasitaExample/rooms/canyon.html
Executable file
@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Casita Sedona - Canyon Room</title>
|
||||
<meta charset="utf-8">
|
||||
<link href="../casita.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>Casita Sedona</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="canyon.html">Canyon Room</a></li>
|
||||
<li><a href="javelina.html">Javelina Room</a></li>
|
||||
<li><a href="../events/weekend.html">Weekend Events</a></li>
|
||||
<li><a href="../events/festival.html">Festivals</a></li>
|
||||
<li><a href="../contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>This is the Canyon Room Page </h2>
|
||||
|
||||
</main>
|
||||
<footer>
|
||||
Copyright © 2018 Your Name Here
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
32
Chapter ZIPs/chapter8/9/CasitaExample/rooms/javelina.html
Executable file
@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Casita Sedona - Javalina Room</title>
|
||||
<meta charset="utf-8">
|
||||
<link href="../casita.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>Casita Sedona</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="canyon.html">Canyon Room</a></li>
|
||||
<li><a href="javelina.html">Javelina Room</a></li>
|
||||
<li><a href="../events/weekend.html">Weekend Events</a></li>
|
||||
<li><a href="../events/festival.html">Festivals</a></li>
|
||||
<li><a href="../contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>This is the Javelina Room Page </h2>
|
||||
|
||||
</main>
|
||||
<footer>
|
||||
Copyright © 2018 Your Name Here
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
105
Chapter ZIPs/chapter8/9/caption/caption.html
Executable file
@ -0,0 +1,105 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Lighthouse Island Bistro</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
* { box-sizing: border-box; }
|
||||
body { font-family: Verdana, Arial, sans-serif;
|
||||
background-color: #00005D;
|
||||
}
|
||||
#wrapper { background-color: #b3c7e6;
|
||||
color: #000066;
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
min-width:940px;
|
||||
}
|
||||
header { background-color: #869dc7;
|
||||
color: #00005D;
|
||||
font-size: 150%;
|
||||
padding: 10px 10px 10px 155px;
|
||||
background-image: url(lighthouselogo.jpg);
|
||||
background-repeat: no-repeat;
|
||||
height: 130px;
|
||||
}
|
||||
nav { float: left;
|
||||
width: 150px;
|
||||
letter-spacing:0.1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
nav ul { list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
nav a { text-decoration: none;
|
||||
display: block;
|
||||
padding: 20px;
|
||||
background-color: #b3c7e6;
|
||||
border-bottom: 1px solid #ffffff;
|
||||
}
|
||||
nav a:link { color: #ffffff; }
|
||||
nav a:visited { color: #eaeaea; }
|
||||
nav a:hover { background-color: #eaeaea;
|
||||
color: #869dc7;}
|
||||
main { background-color: #ffffff;
|
||||
color: #000000;
|
||||
padding: 10px 20px;
|
||||
overflow: auto;
|
||||
display: block;
|
||||
}
|
||||
h2 { color: #869dc7;
|
||||
font-family: arial, sans-serif;
|
||||
margin: 5px;
|
||||
}
|
||||
figure { float: right;
|
||||
width: 260px;
|
||||
margin: 10px;
|
||||
}
|
||||
figcaption { text-align: center;
|
||||
font-size: .8em;
|
||||
font-style: italic;
|
||||
}
|
||||
footer {font-size:70%;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
background-color: #869dc7;
|
||||
clear: both;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>Lighthouse Island Bistro</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="menu.html">Menu</a></li>
|
||||
<li><a href="directions.html">Directions</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<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>
|
||||
<figure>
|
||||
<img src="lighthouseisland.jpg" width="250" height="355" alt="Lighthouse Island">
|
||||
<figcaption>Island Lighthouse, Built in 1870</figcaption>
|
||||
</figure>
|
||||
<h2>Lunchtime is Anytime</h2>
|
||||
<p>Savor delicious wraps and sandwiches on hearty, whole-grain breads with locally-grown salad, fruit, and vegetables. </p>
|
||||
<h2>Panoramic View</h2>
|
||||
<p>Take in some scenery!</p>
|
||||
<p>The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.</p>
|
||||
</main>
|
||||
<footer>Copyright © 2018
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
BIN
Chapter ZIPs/chapter8/9/caption/lighthouseisland.jpg
Executable file
After Width: | Height: | Size: 28 KiB |
BIN
Chapter ZIPs/chapter8/9/caption/lighthouselogo.jpg
Executable file
After Width: | Height: | Size: 4.1 KiB |
56
Chapter ZIPs/chapter8/9/starter1.html
Executable file
@ -0,0 +1,56 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Favorite Sites</title>
|
||||
<meta charset="utf-8">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Favorite Sites</h1>
|
||||
<ul>
|
||||
<li>Hobbies</li>
|
||||
<li>HTML5</li>
|
||||
<li>CSS</li>
|
||||
</ul>
|
||||
<h2>Hobbies</h2>
|
||||
<dl>
|
||||
<dt>Running</dt>
|
||||
<dd><a href="http://www.runningnetwork.com">http://www.runningnetwork.com</a></dd>
|
||||
<dt>Cooking</dt>
|
||||
<dd><a href="http://www.cooking.com">http://www.cooking.com</a></dd>
|
||||
</dl>
|
||||
<h2>HTML5</h2>
|
||||
<dl>
|
||||
<dt>Elements</dt>
|
||||
<dd><a href="http://www.w3.org/TR/html5/">http://www.w3.org/TR/html5/</a></dd>
|
||||
<dt>Tutorials</dt>
|
||||
<dd><a href="http://www.w3schools.com/html5">http://www.w3schools.com/html5</a></dd>
|
||||
</dl>
|
||||
<h2>CSS</h2>
|
||||
<dl>
|
||||
<dt>W3C Cascading Style Sheets</dt>
|
||||
<dd><a href="http://www.w3.org/Style/CSS">http://www.w3.org/Style/CSS</a></dd>
|
||||
<dt>Tutorials</dt>
|
||||
<dd><a href="http://www.w3schools.com/css3">http://www.w3schools.com/css3</a></dd>
|
||||
</dl>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<h2>Back to Top</h2>
|
||||
</body>
|
||||
</html>
|
116
Chapter ZIPs/chapter8/9/starter2.html
Executable file
@ -0,0 +1,116 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Lighthouse Island Bistro</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<style>
|
||||
* { box-sizing: border-box; }
|
||||
body { font-family:Verdana, Arial, sans-serif;
|
||||
background-color: #00005D;
|
||||
}
|
||||
#wrapper { background-color: #b3c7e6;
|
||||
color: #000066;
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
}
|
||||
header { background-color: #869dc7;
|
||||
color: #00005D;
|
||||
padding: 10px;
|
||||
}
|
||||
header h1 { padding-left: 20px;
|
||||
}
|
||||
|
||||
header span { font-style: italic;
|
||||
font-weight: bold;
|
||||
color: #00005D;
|
||||
padding-right: 15px;
|
||||
text-align: right;
|
||||
display: block;
|
||||
}
|
||||
nav { float: left;
|
||||
width: 150px;
|
||||
letter-spacing:0.1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
nav ul { list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
nav li { padding: 15px;
|
||||
}
|
||||
nav a { text-decoration: none;
|
||||
}
|
||||
nav a:link { color: #ffffff; }
|
||||
nav a:visited { color: #eaeaea; }
|
||||
nav a:hover { color: #869dc7;}
|
||||
main { background-color: #ffffff;
|
||||
color: #000000;
|
||||
padding: 10px 20px;
|
||||
margin-left: 150px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
h2 { color: #869dc7;
|
||||
font-family: arial, sans-serif;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
figure { float: right;
|
||||
margin: 10px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
figcaption { text-align: center;
|
||||
font-size: .8em;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
footer {font-size:70%;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
background-color: #869dc7;
|
||||
clear: both;
|
||||
}
|
||||
header, main, nav, footer, figure, figcaption { display: block; }
|
||||
</style>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"> </script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>Lighthouse Island Bistro</h1>
|
||||
<span>the best coffee on the coast</span>
|
||||
</header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="menu.html">Menu</a></li>
|
||||
<li><a href="directions.html">Directions</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<figure>
|
||||
<img src="lighthouseisland.jpg" width="250" height="355" alt="Lighthouse Island">
|
||||
<figcaption>Island Lighthouse, Built in 1870</figcaption>
|
||||
</figure>
|
||||
<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>
|
||||
<h2>Panoramic View</h2>
|
||||
<p>Take in some scenery!</p>
|
||||
<p>The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.</p>
|
||||
</main>
|
||||
<footer>Copyright © 2018
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
118
Chapter ZIPs/chapter8/9/starter3.html
Executable file
@ -0,0 +1,118 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Casita Sedona</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<style>
|
||||
* { box-sizing: border-box; }
|
||||
body {font-family: Verdana, Arial, sans-serif;
|
||||
background-color: #330000;
|
||||
}
|
||||
#wrapper { background-color: #F4E8BC;
|
||||
width: 90%;
|
||||
margin: auto;
|
||||
color: #330000;
|
||||
}
|
||||
h1, h2 { color: #003300; }
|
||||
header { background-image: url(header.jpg);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
h1 { text-align: center;
|
||||
height: 236px;
|
||||
text-shadow: 3px 3px 3px #F4E8BC;
|
||||
}
|
||||
nav { float: left;
|
||||
width: 20%;
|
||||
font-size: 120%;
|
||||
}
|
||||
nav ul { list-style-type: none; }
|
||||
nav a { text-decoration: none;}
|
||||
nav a:link { color: #330000; }
|
||||
nav a:visited { color: #003300; }
|
||||
nav a:hover { color: #996600; }
|
||||
aside { float: right;
|
||||
width: 25%;
|
||||
padding: 0 2.5%;
|
||||
}
|
||||
main { width: 50%;
|
||||
padding-right: 2%;
|
||||
margin-left: 20%;
|
||||
}
|
||||
footer { text-align: center;
|
||||
font-size: 80%;
|
||||
font-style: italic;
|
||||
color: #003300;
|
||||
padding: 2.5%;
|
||||
clear: both;
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
nav { float: none;
|
||||
width: auto;
|
||||
margin-top: 0;
|
||||
text-align: center; }
|
||||
main { width: 60%;
|
||||
margin-left: 5%; }
|
||||
aside { width: 30%;
|
||||
}
|
||||
nav ul { padding-left: 0;
|
||||
}
|
||||
nav li { display: inline;
|
||||
margin: 0 2%;
|
||||
}
|
||||
|
||||
}
|
||||
@media only screen and (max-width: 480px) {
|
||||
#wrapper { width: auto; }
|
||||
h1 { margin-bottom: 0; }
|
||||
main { margin: 0 5%;
|
||||
width: auto; }
|
||||
nav { width: auto; }
|
||||
nav ul { padding-left: 0;
|
||||
text-align: center;}
|
||||
nav li {display: inline-block;
|
||||
width: 5em;
|
||||
font-size: 120%;
|
||||
text-align: center;
|
||||
box-shadow: 2px 2px 2px #330000;
|
||||
background-color: #FFFFCC;
|
||||
margin: 1%;
|
||||
padding: 2.5%; }
|
||||
aside { display: none; }
|
||||
}
|
||||
header, main, nav, footer, figure, figcaption { display: block; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>Casita Sedona</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="rooms.html">Rooms</a></li>
|
||||
<li><a href="specials.html">Specials</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<aside>
|
||||
<img src="pools.jpg" alt="Pools of water in the rock">
|
||||
<h2>Guided Hikes</h2>
|
||||
<p>Casita Sedona offers a free guided hike each week for guests. Explore the Seven Sacred Pools along the Soldiers Pass Trail.</p>
|
||||
</aside>
|
||||
<main>
|
||||
<h2>Located in the Heart of Sedona</h2>
|
||||
<p>At Casita Sedona Bed & Breakfast you’ll be close to art galleries, shops, restaurants, hiking trails, and tours. Ride the free trolley to shops and galleries.</p>
|
||||
<h2>Luxurious Rooms </h2>
|
||||
<p>Stay in a well-appointed room at Casita Sedona with your own fireplace, king-size bed, balcony overlooking the red rocks, private bath with shower, and whirlpool tub for two. Choose from the Canyon, Javelina, Manzanita, Thunder Mountain, and Schnebly rooms — each is unique and sure to be a high point of your vacation experience.</p>
|
||||
<h2>Hearty Breakfast</h2>
|
||||
<p>Each day begins with a hearty breakfast that includes your choice of belgian waffles, pumpkin french toast, or quiche. Fresh fruit, yogurt, juice, and coffee are always available.</p>
|
||||
<h2>About Your Hosts</h2>
|
||||
<p>Your hosts, Melanie and Greg Tortuga, are long-time Sedona residents who love to share their knowledge of the Sedona area with their guests. Melanie is an author and artist. Greg has years of experience leading jeep tours and guiding hikes in and around Sedona.</p>
|
||||
</main>
|
||||
<footer>Copyright © 2018
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
BIN
Chapter ZIPs/chapter8/9/starters/fallback.jpg
Executable file
After Width: | Height: | Size: 174 KiB |
BIN
Chapter ZIPs/chapter8/9/starters/header.jpg
Executable file
After Width: | Height: | Size: 55 KiB |
BIN
Chapter ZIPs/chapter8/9/starters/large.jpg
Executable file
After Width: | Height: | Size: 172 KiB |
BIN
Chapter ZIPs/chapter8/9/starters/lighthouseisland.jpg
Executable file
After Width: | Height: | Size: 28 KiB |
BIN
Chapter ZIPs/chapter8/9/starters/medium.jpg
Executable file
After Width: | Height: | Size: 84 KiB |
BIN
Chapter ZIPs/chapter8/9/starters/myisland.jpg
Executable file
After Width: | Height: | Size: 38 KiB |
BIN
Chapter ZIPs/chapter8/9/starters/photo1.jpg
Executable file
After Width: | Height: | Size: 14 KiB |
BIN
Chapter ZIPs/chapter8/9/starters/photo2.jpg
Executable file
After Width: | Height: | Size: 28 KiB |
BIN
Chapter ZIPs/chapter8/9/starters/photo3.jpg
Executable file
After Width: | Height: | Size: 17 KiB |
BIN
Chapter ZIPs/chapter8/9/starters/photo4.jpg
Executable file
After Width: | Height: | Size: 8.7 KiB |
BIN
Chapter ZIPs/chapter8/9/starters/photo5.jpg
Executable file
After Width: | Height: | Size: 11 KiB |
BIN
Chapter ZIPs/chapter8/9/starters/photo6.jpg
Executable file
After Width: | Height: | Size: 18 KiB |
BIN
Chapter ZIPs/chapter8/9/starters/pools.jpg
Executable file
After Width: | Height: | Size: 46 KiB |
BIN
Chapter ZIPs/chapter8/9/starters/small.jpg
Executable file
After Width: | Height: | Size: 13 KiB |