lab 6
parent
ae21d2d343
commit
30567e99a9
@ -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,103 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>index.html</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<style type="text/css">
|
||||
<!--
|
||||
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
|
||||
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
|
||||
table {color: #888888; background-color: #313335; font-family: monospace}
|
||||
.tag {color: #e8bf6a}
|
||||
.ST2 {color: #6a8759}
|
||||
.ST3 {color: #6897bb}
|
||||
.ST4 {color: #6d9cbe}
|
||||
.ST1 {color: #505050; background-color: #323232}
|
||||
.ws {color: #505050}
|
||||
.argument {color: #bababa}
|
||||
.ST0 {color: #628fb5; background-color: #323232}
|
||||
.value {color: #a5c261}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab6_1_CalebFontenot/public_html/6.1/index.html</td></tr></table>
|
||||
<pre>
|
||||
<span class="ST0"><!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">></span>
|
||||
<span class="tag"><</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">"en"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">head</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">title</span><span class="tag">></span>Coffee House<span class="tag"></</span><span class="tag">title</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">"utf-8"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">style</span><span class="tag">></span>
|
||||
<span class="ST2">body</span> {
|
||||
color: <span class="ST3">#221811</span>;
|
||||
font-family: Verdana, Arial, sans-serif;
|
||||
width: <span class="ST3">80%</span>;
|
||||
min-width: <span class="ST3">750px</span>;
|
||||
|
||||
}
|
||||
<span class="ST2">header</span> {
|
||||
background-color: <span class="ST3">#D2B48C</span>;
|
||||
background-image: <span class="ST2">url(coffeelogo.jpg)</span>;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
<span class="ST2">h1</span> {
|
||||
text-indent: <span class="ST3">4em</span>;
|
||||
font-size: <span class="ST3">4em</span>;
|
||||
height: <span class="ST3">150px</span>;
|
||||
line-height: <span class="ST3">220%</span>;
|
||||
|
||||
}
|
||||
|
||||
<span class="ST2">nav</span> {
|
||||
font-weight: bold;
|
||||
text-indent: <span class="ST3">1em</span>;
|
||||
font-size: <span class="ST3">2em</span>;
|
||||
}
|
||||
<span class="ST2">nav</span> <span class="ST2">a</span> {
|
||||
color: <span class="ST3">#804D33</span>;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
<span class="ST2">#wrapper</span> {
|
||||
background-color: <span class="ST3">#FCEBB6</span>;
|
||||
}
|
||||
<span class="tag"></</span><span class="tag">style</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">head</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">body</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span><span class="ST2">wrapper</span><span class="value">"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">header</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h1</span><span class="tag">></span>Coffee House<span class="tag"></</span><span class="tag">h1</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">header</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">nav</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"index.html"</span><span class="tag">></span>Home<span class="tag"></</span><span class="tag">a</span><span class="tag">></span> <span class="ST4">&nbsp;</span>
|
||||
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"menu.html"</span><span class="tag">></span>Menu<span class="tag"></</span><span class="tag">a</span><span class="tag">></span> <span class="ST4">&nbsp;</span>
|
||||
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"music.html"</span><span class="tag">></span>Music<span class="tag"></</span><span class="tag">a</span><span class="tag">></span> <span class="ST4">&nbsp;</span>
|
||||
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"jobs.html"</span><span class="tag">></span>Jobs<span class="tag"></</span><span class="tag">a</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">nav</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">main</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h2</span><span class="tag">></span>Follow the Winding Road to Coffee House<span class="tag"></</span><span class="tag">h2</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h3</span><span class="tag">></span>Coffee House features:<span class="tag"></</span><span class="tag">h3</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">ul</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</span><span class="tag">></span>Specialty Coffee and Tea<span class="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</span><span class="tag">></span>Bagels, Muffins, and Gluten-free Pastries<span class="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</span><span class="tag">></span>Organic Salads<span class="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</span><span class="tag">></span>Music and Poetry Readings<span class="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</span><span class="tag">></span>Open Mic Night<span class="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">ul</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span><span class="tag">></span>
|
||||
12010 Garrett Bay Road<span class="tag"><</span><span class="tag">br</span><span class="tag">></span>
|
||||
Ellison Bay, WI 54210<span class="tag"><</span><span class="tag">br</span><span class="tag">></span>
|
||||
888-555-5555<span class="tag"><</span><span class="tag">br</span><span class="tag">></span><span class="tag"><</span><span class="tag">br</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">div</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">main</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">footer</span><span class="tag">></span>
|
||||
Copyright <span class="ST4">&copy;</span> Coffee House<span class="tag"><</span><span class="tag">br</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">footer</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">div</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">body</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">html</span><span class="tag">></span>
|
||||
|
||||
</pre></body>
|
||||
</html>
|
||||
@ -0,0 +1,88 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>index.html</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<style type="text/css">
|
||||
<!--
|
||||
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
|
||||
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
|
||||
table {color: #888888; background-color: #313335; font-family: monospace}
|
||||
.tag {color: #e8bf6a}
|
||||
.ST2 {color: #6a8759}
|
||||
.ST3 {color: #6897bb}
|
||||
.ST4 {color: #6d9cbe}
|
||||
.ST1 {color: #505050; background-color: #323232}
|
||||
.ws {color: #505050}
|
||||
.argument {color: #bababa}
|
||||
.ST0 {color: #628fb5; background-color: #323232}
|
||||
.value {color: #a5c261}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab6_1_CalebFontenot/public_html/6.4/index.html</td></tr></table>
|
||||
<pre>
|
||||
<span class="ST0"><!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">></span>
|
||||
<span class="tag"><</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">"en"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">head</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">title</span><span class="tag">></span>Lighthouse Bistro<span class="tag"></</span><span class="tag">title</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">"utf-8"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">style</span><span class="tag">></span>
|
||||
<span class="ST2">body</span> {
|
||||
background-image: <span class="ST2">url(background.jpg)</span>;
|
||||
font-family: Arial, Verdana, sans-serif;
|
||||
}
|
||||
|
||||
<span class="ST2">h1</span> {
|
||||
background-image: <span class="ST2">url(lighthouselogo.jpg)</span>;
|
||||
background-color: <span class="ST3">#9DB3DC</span>;
|
||||
background-repeat: no-repeat;
|
||||
height: <span class="ST3">100px</span>;
|
||||
font-size: <span class="ST3">3em</span>;
|
||||
padding-left: <span class="ST3">150px</span>;
|
||||
padding-top: <span class="ST3">30px</span>;
|
||||
border-radius: <span class="ST3">15px</span>;
|
||||
margin-top: <span class="ST3">0</span>;
|
||||
}
|
||||
|
||||
<span class="ST2">h2</span> {
|
||||
color: <span class="ST3">#000033</span>;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
<span class="ST2">footer</span> {
|
||||
font-size: <span class="ST3">.80em</span>;
|
||||
font-style: italic;
|
||||
}
|
||||
<span class="ST2">#container</span> {
|
||||
background-color: <span class="ST3">#FFFFFF</span>;
|
||||
padding: <span class="ST3">2em</span>;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: <span class="ST3">80%</span>;
|
||||
min-width: <span class="ST3">800px</span>;
|
||||
}
|
||||
<span class="tag"></</span><span class="tag">style</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">head</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">body</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span><span class="ST2">container</span><span class="value">"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">header</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h1</span><span class="tag">></span>Lighthouse Bistro<span class="tag"></</span><span class="tag">h1</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">header</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">nav</span><span class="tag">></span><span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"index.html"</span><span class="tag">></span>Home<span class="tag"></</span><span class="tag">a</span><span class="tag">></span> <span class="ST4">&nbsp;</span><span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"menu.html"</span><span class="tag">></span>Menu<span class="tag"></</span><span class="tag">a</span><span class="tag">></span> <span class="ST4">&nbsp;</span><span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"directions.html"</span><span class="tag">></span>Directions<span class="tag"></</span><span class="tag">a</span><span class="tag">></span> <span class="ST4">&nbsp;</span><span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"contact.html"</span><span class="tag">></span>Contact<span class="tag"></</span><span class="tag">a</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">nav</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h2</span><span class="tag">></span>Locally Roasted Free-Trade Coffee<span class="tag"></</span><span class="tag">h2</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h2</span><span class="tag">></span>Specialty Pastries<span class="tag"></</span><span class="tag">h2</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>Enjoy a selection of our fresh baked, organic pastries, including fresh fruit muffins, scones, croissants, and cinnamon rolls.<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h2</span><span class="tag">></span>Lunchtime is Anytime<span class="tag"></</span><span class="tag">h2</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>Savor delicious wraps and sandwiches on hearty, whole grain breads with locally grown salad, fruit, and vegetables. <span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">footer</span><span class="tag">></span>
|
||||
Copyright <span class="ST4">&copy;</span> Your Name Here
|
||||
<span class="tag"></</span><span class="tag">footer</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">div</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">body</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">html</span><span class="tag">></span>
|
||||
|
||||
</pre></body>
|
||||
</html>
|
||||
@ -0,0 +1,13 @@
|
||||
{
|
||||
"name": "lab6_1_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.lab6_1_CalebFontenot-public_html=public_html
|
||||
file.reference.lab6_1_CalebFontenot-test=test
|
||||
files.encoding=UTF-8
|
||||
site.root.folder=${file.reference.lab6_1_CalebFontenot-public_html}
|
||||
test.folder=${file.reference.lab6_1_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>lab6_1_CalebFontenot</name>
|
||||
</data>
|
||||
</configuration>
|
||||
</project>
|
||||
@ -0,0 +1,8 @@
|
||||
{
|
||||
"name": "lab6_1_CalebFontenot",
|
||||
"version": "1.0.0",
|
||||
"keywords": ["util", "functional", "server", "client", "browser"],
|
||||
"author": "caleb",
|
||||
"contributors": [],
|
||||
"dependencies": {}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
@ -0,0 +1,75 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Coffee House</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body {
|
||||
color: #221811;
|
||||
font-family: Verdana, Arial, sans-serif;
|
||||
width: 80%;
|
||||
min-width: 750px;
|
||||
|
||||
}
|
||||
header {
|
||||
background-color: #D2B48C;
|
||||
background-image: url(coffeelogo.jpg);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-indent: 4em;
|
||||
font-size: 4em;
|
||||
height: 150px;
|
||||
line-height: 220%;
|
||||
|
||||
}
|
||||
|
||||
nav {
|
||||
font-weight: bold;
|
||||
text-indent: 1em;
|
||||
font-size: 2em;
|
||||
}
|
||||
nav a {
|
||||
color: #804D33;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
background-color: #FCEBB6;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>Coffee House</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<a href="index.html">Home</a>
|
||||
<a href="menu.html">Menu</a>
|
||||
<a href="music.html">Music</a>
|
||||
<a href="jobs.html">Jobs</a>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>Follow the Winding Road to Coffee House</h2>
|
||||
<h3>Coffee House features:</h3>
|
||||
<ul>
|
||||
<li>Specialty Coffee and Tea</li>
|
||||
<li>Bagels, Muffins, and Gluten-free Pastries</li>
|
||||
<li>Organic Salads</li>
|
||||
<li>Music and Poetry Readings</li>
|
||||
<li>Open Mic Night</li>
|
||||
</ul>
|
||||
<div>
|
||||
12010 Garrett Bay Road<br>
|
||||
Ellison Bay, WI 54210<br>
|
||||
888-555-5555<br><br>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
Copyright © Coffee House<br>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
@ -0,0 +1,60 @@
|
||||
<!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: #9DB3DC;
|
||||
background-repeat: no-repeat;
|
||||
height: 100px;
|
||||
font-size: 3em;
|
||||
padding-left: 150px;
|
||||
padding-top: 30px;
|
||||
border-radius: 15px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #000033;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
footer {
|
||||
font-size: .80em;
|
||||
font-style: italic;
|
||||
}
|
||||
#container {
|
||||
background-color: #FFFFFF;
|
||||
padding: 2em;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 80%;
|
||||
min-width: 800px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<header>
|
||||
<h1>Lighthouse Bistro</h1>
|
||||
</header>
|
||||
<nav><a href="index.html">Home</a> <a href="menu.html">Menu</a> <a href="directions.html">Directions</a> <a href="contact.html">Contact</a>
|
||||
</nav>
|
||||
<h2>Locally Roasted Free-Trade Coffee</h2>
|
||||
<p>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.</p>
|
||||
<h2>Specialty Pastries</h2>
|
||||
<p>Enjoy a selection of our fresh baked, organic pastries, including fresh fruit muffins, scones, croissants, and cinnamon rolls.</p>
|
||||
<h2>Lunchtime is Anytime</h2>
|
||||
<p>Savor delicious wraps and sandwiches on hearty, whole grain breads with locally grown salad, fruit, and vegetables. </p>
|
||||
<footer>
|
||||
Copyright © Your Name Here
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
@ -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,34 @@
|
||||
<!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;
|
||||
}
|
||||
h2 { color: #000033;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
footer { font-size: .80em;
|
||||
font-style: italic;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 130 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 894 B |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 103 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
@ -0,0 +1,64 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Coffee House</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body { color: #221811;
|
||||
font-family: Verdana, Arial, sans-serif;
|
||||
width: 80%; min-width: 750px;
|
||||
|
||||
}
|
||||
header { background-color: #D2B48C;
|
||||
background-image: url(coffeelogo.jpg);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
h1 { text-indent: 4em;
|
||||
font-size: 4em;
|
||||
height: 150px; line-height: 220%;
|
||||
|
||||
}
|
||||
|
||||
nav { font-weight: bold;
|
||||
text-indent: 1em;
|
||||
font-size: 2em;
|
||||
}
|
||||
nav a { color: #804D33; text-decoration: none; }
|
||||
|
||||
#wrapper { background-color: #FCEBB6; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>Coffee House</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<a href="index.html">Home</a>
|
||||
<a href="menu.html">Menu</a>
|
||||
<a href="music.html">Music</a>
|
||||
<a href="jobs.html">Jobs</a>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>Follow the Winding Road to Coffee House</h2>
|
||||
<h3>Coffee House features:</h3>
|
||||
<ul>
|
||||
<li>Specialty Coffee and Tea</li>
|
||||
<li>Bagels, Muffins, and Gluten-free Pastries</li>
|
||||
<li>Organic Salads</li>
|
||||
<li>Music and Poetry Readings</li>
|
||||
<li>Open Mic Night</li>
|
||||
</ul>
|
||||
<div>
|
||||
12010 Garrett Bay Road<br>
|
||||
Ellison Bay, WI 54210<br>
|
||||
888-555-5555<br><br>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
Copyright © Coffee House<br>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,22 @@
|
||||
<!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, #FFFFFF, #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.</p>
|
||||
<h2>Heading 2</h2>
|
||||
<p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
|
||||
<h2>Heading 2</h2>
|
||||
<p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Practice with Gradients</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body { background-color: #DA70D6;
|
||||
background-image: radial-gradient(#FFFFFF, #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.</p>
|
||||
<h2>Heading 2</h2>
|
||||
<p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
|
||||
<h2>Heading 2</h2>
|
||||
<p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Examples of the Box Model</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body { background-color: #FFFFFF;
|
||||
}
|
||||
h1 { background-color: #D1ECFF;
|
||||
padding-left: 60px;
|
||||
border-bottom: 3px ridge #330000; }
|
||||
#box { background-color: #74C0FF;
|
||||
margin-left: 60px;
|
||||
padding: 5px 10px;
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Examples of the Box Model</h1>
|
||||
<div id="box">HTML elements display as boxes on web pages. This div element is configured to have a blue background.</div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
@ -0,0 +1,40 @@
|
||||
<!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-repeat: no-repeat;
|
||||
height: 100px; width: 700px; font-size: 3em;
|
||||
padding-left: 150px; padding-top: 30px;
|
||||
border-radius: 15px;
|
||||
}
|
||||
h2 { color: #000033;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
footer { font-size: .80em;
|
||||
font-style: italic;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
@ -0,0 +1,52 @@
|
||||
<!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: #9DB3DC;
|
||||
background-repeat: no-repeat;
|
||||
height: 100px; font-size: 3em;
|
||||
padding-left: 150px; padding-top: 30px;
|
||||
border-radius: 15px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
h2 { color: #000033;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
footer { font-size: .80em;
|
||||
font-style: italic;
|
||||
}
|
||||
#container { background-color: #FFFFFF;
|
||||
padding: 2em;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 80%;
|
||||
min-width: 800px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<header>
|
||||
<h1>Lighthouse Bistro</h1>
|
||||
</header>
|
||||
<nav><a href="index.html">Home</a> <a href="menu.html">Menu</a> <a href="directions.html">Directions</a> <a href="contact.html">Contact</a>
|
||||
</nav>
|
||||
<h2>Locally Roasted Free-Trade Coffee</h2>
|
||||
<p>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.</p>
|
||||
<h2>Specialty Pastries</h2>
|
||||
<p>Enjoy a selection of our fresh baked, organic pastries, including fresh fruit muffins, scones, croissants, and cinnamon rolls.</p>
|
||||
<h2>Lunchtime is Anytime</h2>
|
||||
<p>Savor delicious wraps and sandwiches on hearty, whole grain breads with locally grown salad, fruit, and vegetables. </p>
|
||||
<footer>
|
||||
Copyright © Your Name Here
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Lighthouse Bistro</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body { background-image: url(background.jpg);
|
||||
font-family: Arial, Verdana, sans-serif;
|
||||
}
|
||||
|
||||
h1 { background-image: url(lighthouselogo.jpg);
|
||||
background-color: #9DB3DC;
|
||||
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 #676767;
|
||||
}
|
||||
|
||||
h2 { color: #000033;
|
||||
font-family: arial, sans-serif;
|
||||
text-shadow: 1px 1px 0 #ccc;
|
||||
}
|
||||
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 5px #1E1E1E;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<header>
|
||||
<h1>Lighthouse Bistro</h1>
|
||||
</header>
|
||||
<nav><a href="index.html">Home</a> <a href="menu.html">Menu</a> <a href="directions.html">Directions</a> <a href="contact.html">Contact</a>
|
||||
</nav>
|
||||
<h2>Locally Roasted Free-Trade Coffee</h2>
|
||||
<p>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.</p>
|
||||
<h2>Specialty Pastries</h2>
|
||||
<p>Enjoy a selection of our fresh baked, organic pastries, including fresh fruit muffins, scones, croissants, and cinnamon rolls.</p>
|
||||
<h2>Lunchtime is Anytime</h2>
|
||||
<p>Savor delicious wraps and sandwiches on hearty, whole grain breads with locally grown salad, fruit, and vegetables. </p>
|
||||
<footer>
|
||||
Copyright © Your Name Here
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
@ -0,0 +1,80 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>KayakDoorCounty.net</title>
|
||||
<style>
|
||||
body { background-color: #FFFFE8;
|
||||
font-family: Verdana, Arial, sans-serif; }
|
||||
#container { width: 80%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
min-width: 650px;
|
||||
max-width: 1280px;
|
||||
background-color: #FFFFFF;
|
||||
box-shadow: 10px 10px 10px #333333;
|
||||
border: 1px solid #000033;
|
||||
}
|
||||
header { background-color: #000033;
|
||||
color: #FFFFB9;
|
||||
background-image: url(headerbackblue.jpg);
|
||||
background-position: right;
|
||||
background-repeat: no-repeat;
|
||||
height: 80px;
|
||||
padding-top: 5px;
|
||||
padding-left: 2em;
|
||||
text-shadow: 1px 1px 1px #FFF;
|
||||
}
|
||||
h1, h2, h3 { font-family: Georgia, "Times New Roman", serif; }
|
||||
h1 { margin-bottom: 0; }
|
||||
nav { font-weight: bold;
|
||||
font-size: 1.25em;
|
||||
background-color: #FFFFCC;
|
||||
text-align: center;
|
||||
}
|
||||
nav a { text-decoration: none; }
|
||||
main { background-color: #004D99;
|
||||
background-image: url(heroback2.jpg);
|
||||
background-size: 100% 100%;
|
||||
color: #FFFFFF;
|
||||
padding: 2em;
|
||||
/* Correct display for Internet Explorer */
|
||||
display: block;
|
||||
}
|
||||
footer { font-style: italic;
|
||||
text-align: center;
|
||||
background-color: #000033;
|
||||
color: #FFFFCC;
|
||||
padding: 0.5em;
|
||||
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<header>
|
||||
<h1>KayakDoorCounty.net</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<a href="index.html">Home</a>
|
||||
<a href="tours.html">Tours</a>
|
||||
<a href="reservations.html">Reservations</a>
|
||||
<a href="contact.html">Contact</a>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>Your next adventure is only a paddle away ....</h2>
|
||||
|
||||
<p>Take a guided kayak tour while you explore the shoreline of scenic Door County. </p>
|
||||
<h3>Featured tours this week:</h3>
|
||||
<ul>
|
||||
<li>Cana Island</li>
|
||||
<li>Mink River</li>
|
||||
<li>Europe Lake</li>
|
||||
</ul>
|
||||
</main>
|
||||
<footer>
|
||||
<small><i>Copyright © KayakDoorCounty.net</i></small>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,77 @@
|
||||
<!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>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 130 KiB |
@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Fall Nature Hikes</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
#content { background-image: url(fall.jpg);
|
||||
background-repeat: no-repeat;
|
||||
margin: auto;
|
||||
width:640px;
|
||||
height: 480px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
h1 { background-color: #FFFFFF;
|
||||
opacity: 0.6;
|
||||
font-size: 4em;
|
||||
padding: 10px;
|
||||
margin-left: 40px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="content">
|
||||
<h1>Fall Nature Hikes</h1>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 130 KiB |
@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Fall Nature Hikes</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
#content { background-image: url(fall.jpg);
|
||||
background-repeat: no-repeat;
|
||||
margin: auto;
|
||||
width:640px;
|
||||
height: 480px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
h1 { 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>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 130 KiB |
@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Fall Nature Hikes</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
#content { background-image: url(fall.jpg);
|
||||
background-repeat: no-repeat;
|
||||
margin: auto;
|
||||
width:640px;
|
||||
height: 480px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
h1 { 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>
|
||||
@ -0,0 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Examples of the Box Model</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body { background-color: #FFFFFF;
|
||||
font-size:larger;
|
||||
}
|
||||
h1 { background-color: #D1ECFF;
|
||||
border: 1px solid #000000;
|
||||
padding: 20px;
|
||||
}
|
||||
#box { background-color: #74C0FF;
|
||||
border: 5px solid #000000;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Examples of the Box Model</h1>
|
||||
<div id="box">HTML elements display as boxes on web pages. This div element is configured to have a light blue background, the browser default padding (which is no padding), and a black 5 pixel border. The empty space where the page background shows through between this element and the element above is an example of the margin. </div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,24 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Examples of the Box Model</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body { background-color: #FFFFFF;
|
||||
}
|
||||
h1 { background-color: #D1ECFF;
|
||||
padding-left: 60px;}
|
||||
#box { background-color: #74C0FF;
|
||||
margin-left: 60px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Examples of the Box Model</h1>
|
||||
<div id="box">HTML elements display as boxes on web pages. This div element is configured to have a blue background.</div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Examples of the Box Model</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body { background-color: #FFFFFF;
|
||||
}
|
||||
h1 { background-color: #D1ECFF;
|
||||
padding-left: 60px;
|
||||
border-bottom: 3px ridge #330000;
|
||||
}
|
||||
#box { background-color: #74C0FF;
|
||||
margin-left: 60px;
|
||||
padding: 5px 10px;
|
||||
border: 1px solid #000000;
|
||||
border-radius: 15px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Examples of the Box Model</h1>
|
||||
<div id="box">HTML elements display as boxes on web pages. This div element is configured to have a blue background. </div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Examples of the Box Model</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body { background-color: #FFFFFF;
|
||||
}
|
||||
h1 { background-color: #D1ECFF;
|
||||
padding-left: 60px;
|
||||
border-bottom: 3px ridge #330000;
|
||||
}
|
||||
#box { background-color: #74C0FF;
|
||||
margin-left: 60px;
|
||||
padding: 5px 20px;
|
||||
border-top-left-radius: 90px;
|
||||
border-bottom-left-radius: 90px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Examples of the Box Model</h1>
|
||||
<div id="box">HTML elements display as boxes on web pages. This div element is configured to have a blue background. </div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,52 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS3 background-clip</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
|
||||
.test { background-image: url(myislandback.jpg);
|
||||
background-clip: content-box;
|
||||
width: 400px;
|
||||
padding: 20px;
|
||||
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 #000;
|
||||
}
|
||||
.test2 { background-image: url(myislandback.jpg);
|
||||
background-clip: border-box;
|
||||
width: 400px;
|
||||
padding: 20px;
|
||||
margin-bottom: 10px;
|
||||
border: 10px dashed #000;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="test">
|
||||
<h1>Tropical Island</h1>
|
||||
<p>
|
||||
Enjoy relaxing in the warm sunshine on your own tropical island retreat.
|
||||
</p>
|
||||
</div>
|
||||
<div class="test1">
|
||||
<h1>Tropical Island</h1>
|
||||
<p>
|
||||
Enjoy relaxing in the warm sunshine on your own tropical island retreat.
|
||||
</p>
|
||||
</div>
|
||||
<div class="test2">
|
||||
<h1>Tropical Island</h1>
|
||||
<p>
|
||||
Enjoy relaxing in the warm sunshine on your own tropical island retreat.
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
@ -0,0 +1,55 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Lighthouse Bistro</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body { font-family: Arial, Verdana, sans-serif;
|
||||
background-color:#8FA5CE;
|
||||
background-repeat: no-repeat;
|
||||
background-image: linear-gradient(to bottom, #FFFFFF, #8FA5CE);
|
||||
}
|
||||
#container { margin: auto;
|
||||
background-color: #ffffff;
|
||||
width: 800px;
|
||||
padding: 20px;
|
||||
box-shadow: 5px 5px 5px #1e1e1e;
|
||||
|
||||
}
|
||||
|
||||
h1 {background-image: url(lighthouselogo.jpg);
|
||||
background-repeat: no-repeat;
|
||||
height: 100px;
|
||||
width: 650px;
|
||||
font-size: 3em;
|
||||
padding-left: 150px;
|
||||
padding-top: 30px;
|
||||
margin-top: 0;
|
||||
border: 1px solid #000033;
|
||||
border-radius: 15px;
|
||||
text-shadow: 3px 3px 3px #666;
|
||||
}
|
||||
h2 { color: #000033;
|
||||
font-family: arial, sans-serif;
|
||||
text-shadow: 1px 1px 0 #ccc;
|
||||
}
|
||||
|
||||
#footer { font-size: .80em;
|
||||
font-style: italic;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<h1>Lighthouse Bistro</h1>
|
||||
<div id="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></div>
|
||||
<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>
|
||||
<div id="footer">Copyright © Your Name Here</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
@ -0,0 +1,53 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS3 background-origin</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
.test { background-image: url(trilliumsolo.jpg);
|
||||
background-origin: content-box;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right top;
|
||||
width: 200px;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
border: 4px solid #000;
|
||||
}
|
||||
.test1 { background-image: url(trilliumsolo.jpg);
|
||||
background-origin: padding-box;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right top;
|
||||
width: 200px;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
border: 4px solid #000;
|
||||
}
|
||||
.test2 { background-image: url(trilliumsolo.jpg);
|
||||
background-origin: border-box;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right top;
|
||||
width: 200px;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
border: 4px solid #000;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="test">
|
||||
<h1>Trillium</h1>
|
||||
<p>
|
||||
The trillium is a spring wildflower.</p>
|
||||
</div>
|
||||
<div class="test1">
|
||||
<h1>Trillium</h1>
|
||||
<p>
|
||||
The trillium is a spring wildflower.</p>
|
||||
</div>
|
||||
<div class="test2">
|
||||
<h1>Trillium</h1>
|
||||
<p>
|
||||
The trillium is a spring wildflower.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>contain</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
div {
|
||||
background-image: url(myislandback.jpg);
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
width: 200px;
|
||||
padding: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="test">
|
||||
<h1>Tropical Island</h1>
|
||||
<p>
|
||||
Enjoy relaxing in the warm sunshine on your own tropical island retreat.
|
||||
</p>
|
||||
Tropical Island Features:
|
||||
<ul>
|
||||
<li>Private Beach</li>
|
||||
<li>Personal Valet</li>
|
||||
<li>Free Wi-Fi</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>cover</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
div {
|
||||
background-image: url(myislandback.jpg);
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
width: 200px;
|
||||
padding: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="test">
|
||||
<h1>Tropical Island</h1>
|
||||
<p>
|
||||
Enjoy relaxing in the warm sunshine on your own tropical island retreat.
|
||||
</p>
|
||||
Tropical Island Features:
|
||||
<ul>
|
||||
<li>Private Beach</li>
|
||||
<li>Personal Valet</li>
|
||||
<li>Free Wi-Fi</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS3 background-size</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body { min-width: 640px; }
|
||||
#test { background-image: url(sedonabackground.jpg);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
#test1 { background-image: url(sedonabackground.jpg);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
h1 { text-align: center;
|
||||
color: #663300;
|
||||
text-shadow: 2px 2px 2px #ffffcc;
|
||||
font-family: "Chaparral Pro", Georgia, serif;
|
||||
line-height: 200%; font-size: 3em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="test">
|
||||
<h1>Casita Sedona</h1>
|
||||
</div>
|
||||
<div id="test1">
|
||||
<h1>Casita Sedona</h1>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
@ -0,0 +1,64 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Coffee House</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body { color: #221811;
|
||||
font-family: Verdana, Arial, sans-serif;
|
||||
|
||||
|
||||
}
|
||||
header { background-color: #D2B48C;
|
||||
background-image: url(coffeelogo.jpg);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
h1 { text-indent: 4em;
|
||||
font-size: 4em;
|
||||
|
||||
|
||||
}
|
||||
|
||||
nav { font-weight: bold;
|
||||
text-indent: 1em;
|
||||
font-size: 2em;
|
||||
}
|
||||
nav a { color: #804D33; text-decoration: none; }
|
||||
|
||||
#wrapper { background-color: #FCEBB6; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>Coffee House</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<a href="index.html">Home</a>
|
||||
<a href="menu.html">Menu</a>
|
||||
<a href="music.html">Music</a>
|
||||
<a href="jobs.html">Jobs</a>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>Follow the Winding Road to Coffee House</h2>
|
||||
<h3>Coffee House features:</h3>
|
||||
<ul>
|
||||
<li>Specialty Coffee and Tea</li>
|
||||
<li>Bagels, Muffins, and Gluten-free Pastries</li>
|
||||
<li>Organic Salads</li>
|
||||
<li>Music and Poetry Readings</li>
|
||||
<li>Open Mic Night</li>
|
||||
</ul>
|
||||
<div>
|
||||
12010 Garrett Bay Road<br>
|
||||
Ellison Bay, WI 54210<br>
|
||||
888-555-5555<br><br>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
Copyright © Coffee House<br>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,34 @@
|
||||
<!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;
|
||||
}
|
||||
h2 { color: #000033;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
footer { font-size: .80em;
|
||||
font-style: italic;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,56 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>KayakDoorCounty.net</title>
|
||||
<style>
|
||||
body { background-color: #000033;
|
||||
font-family: Verdana, Arial, sans-serif;
|
||||
}
|
||||
header { background-color: #000033;
|
||||
color: #FFFFB9;
|
||||
background-image: url(headerbackblue.jpg);
|
||||
background-position: right;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
h1, h2, h3 { font-family: Georgia, "Times New Roman", serif; }
|
||||
nav { font-weight: bold;
|
||||
font-size: 1.25em;
|
||||
background-color: #FFFFCC;
|
||||
}
|
||||
nav a { text-decoration: none; }
|
||||
main { background-color: #004D99;
|
||||
}
|
||||
footer { font-style: italic;
|
||||
text-align: center;
|
||||
background-color: #000033;
|
||||
color: #FFFFCC;
|
||||
}
|
||||
</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 © KayakDoorCounty.net</i></small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Practice with Gradients</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
|
||||
</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.</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>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 130 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 894 B |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 103 KiB |
@ -0,0 +1,9 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Page Title Goes Here</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
Loading…
Reference in New Issue