Semester 3 pog
This commit is contained in:
3
Semester 1/Assignments/HTML/lab7_CalebFontenot/.bowerrc
Normal file
3
Semester 1/Assignments/HTML/lab7_CalebFontenot/.bowerrc
Normal file
@@ -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,140 @@
|
||||
<!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; font-weight: bold}
|
||||
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||||
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
|
||||
.ST0 {color: #628fb5; background-color: #323232}
|
||||
.value {color: #a5c261}
|
||||
.ST2 {color: #6897bb}
|
||||
.ST3 {color: #6a8759}
|
||||
.tag {color: #e8bf6a}
|
||||
.ST4 {color: #6d9cbe; font-family: monospace}
|
||||
.ST1 {color: #505050; background-color: #323232}
|
||||
.ws {color: #505050}
|
||||
.argument {color: #bababa}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.11/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 Island 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>
|
||||
* { box-sizing: border-box; }
|
||||
body {font-family: Verdana, Arial, sans-serif;
|
||||
background-color: <span class="ST2">#00005D</span>;
|
||||
}
|
||||
<span class="ST2">#wrapper</span> { background-color: <span class="ST2">#b3c7e6</span>;
|
||||
color: <span class="ST2">#000066</span>;
|
||||
width: <span class="ST2">80%</span>;
|
||||
margin: auto;
|
||||
min-width:<span class="ST2">940px</span>;
|
||||
}
|
||||
header { background-color: <span class="ST2">#869dc7</span>;
|
||||
color: <span class="ST2">#00005D</span>;
|
||||
font-size: <span class="ST2">150%</span>;
|
||||
padding: <span class="ST2">10px</span> <span class="ST2">10px</span> <span class="ST2">10px</span> <span class="ST2">155px</span>;
|
||||
background-image: <span class="ST3">url(lighthouselogo.jpg)</span>;
|
||||
background-repeat: no-repeat;
|
||||
height: <span class="ST2">130px</span>;
|
||||
margin-top: <span class="ST2">40px</span>;
|
||||
}
|
||||
h2 { color: <span class="ST2">#869dc7</span>;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
nav { position: fixed; top: <span class="ST2">0</span>; left: <span class="ST2">0</span>;
|
||||
height: <span class="ST2">40px</span>;
|
||||
min-width: <span class="ST2">40em</span>;
|
||||
width: <span class="ST2">100%</span>;
|
||||
background-color: <span class="ST2">#B3C7E6</span>;
|
||||
z-index: <span class="ST2">9999</span>;
|
||||
}
|
||||
nav ul { list-style-type: none;
|
||||
text-align: right;
|
||||
font-size: <span class="ST2">1.5em</span>;
|
||||
margin: <span class="ST2">5px</span>;
|
||||
padding-right: <span class="ST2">10%</span>;
|
||||
}
|
||||
nav li { display: inline; }
|
||||
nav a { text-decoration: none;
|
||||
padding-left: <span class="ST2">10px</span>;
|
||||
padding-right: <span class="ST2">10px</span>;
|
||||
}
|
||||
main { padding: <span class="ST2">20px</span> <span class="ST2">20px</span> <span class="ST2">0</span> <span class="ST2">20px</span>;
|
||||
background-color: <span class="ST2">#ffffff</span>;
|
||||
color: <span class="ST2">#000000</span>;
|
||||
display: block;
|
||||
}
|
||||
main img { margin: <span class="ST2">10px</span>;
|
||||
float: right;
|
||||
}
|
||||
|
||||
footer {font-size:<span class="ST2">70%</span>;
|
||||
text-align: center;
|
||||
clear: right;
|
||||
padding-bottom:<span class="ST2">20px</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>wrapper<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 Island 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">ul</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</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="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</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">"rooms.html"</span><span class="tag">></span>Menu<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><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><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="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</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">"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">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">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">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">"lighthouseisland.jpg"</span> <span class="argument">width</span><span class="argument">=</span><span class="value">"250"</span> <span class="argument">height</span><span class="argument">=</span><span class="value">"355"</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span>floatright<span class="value">"</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">"Lighthouse Island"</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">h2</span><span class="tag">></span>Panoramic View<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>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<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>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">h2</span><span class="tag">></span>Panoramic View<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>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<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>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">h2</span><span class="tag">></span>Panoramic View<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>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag"></</span><span class="tag">p</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>
|
||||
<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,140 @@
|
||||
<!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; font-weight: bold}
|
||||
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||||
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
|
||||
.ST0 {color: #628fb5; background-color: #323232}
|
||||
.value {color: #a5c261}
|
||||
.ST2 {color: #6897bb}
|
||||
.ST3 {color: #6a8759}
|
||||
.tag {color: #e8bf6a}
|
||||
.ST4 {color: #6d9cbe; font-family: monospace}
|
||||
.ST1 {color: #505050; background-color: #323232}
|
||||
.ws {color: #505050}
|
||||
.argument {color: #bababa}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.11/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 Island 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>
|
||||
* { box-sizing: border-box; }
|
||||
body {font-family: Verdana, Arial, sans-serif;
|
||||
background-color: <span class="ST2">#00005D</span>;
|
||||
}
|
||||
<span class="ST2">#wrapper</span> { background-color: <span class="ST2">#b3c7e6</span>;
|
||||
color: <span class="ST2">#000066</span>;
|
||||
width: <span class="ST2">80%</span>;
|
||||
margin: auto;
|
||||
min-width:<span class="ST2">940px</span>;
|
||||
}
|
||||
header { background-color: <span class="ST2">#869dc7</span>;
|
||||
color: <span class="ST2">#00005D</span>;
|
||||
font-size: <span class="ST2">150%</span>;
|
||||
padding: <span class="ST2">10px</span> <span class="ST2">10px</span> <span class="ST2">10px</span> <span class="ST2">155px</span>;
|
||||
background-image: <span class="ST3">url(lighthouselogo.jpg)</span>;
|
||||
background-repeat: no-repeat;
|
||||
height: <span class="ST2">130px</span>;
|
||||
margin-top: <span class="ST2">40px</span>;
|
||||
}
|
||||
h2 { color: <span class="ST2">#869dc7</span>;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
nav { position: fixed; top: <span class="ST2">0</span>; left: <span class="ST2">0</span>;
|
||||
height: <span class="ST2">40px</span>;
|
||||
min-width: <span class="ST2">40em</span>;
|
||||
width: <span class="ST2">100%</span>;
|
||||
background-color: <span class="ST2">#B3C7E6</span>;
|
||||
z-index: <span class="ST2">9999</span>;
|
||||
}
|
||||
nav ul { list-style-type: none;
|
||||
text-align: right;
|
||||
font-size: <span class="ST2">1.5em</span>;
|
||||
margin: <span class="ST2">5px</span>;
|
||||
padding-right: <span class="ST2">10%</span>;
|
||||
}
|
||||
nav li { display: inline; }
|
||||
nav a { text-decoration: none;
|
||||
padding-left: <span class="ST2">10px</span>;
|
||||
padding-right: <span class="ST2">10px</span>;
|
||||
}
|
||||
main { padding: <span class="ST2">20px</span> <span class="ST2">20px</span> <span class="ST2">0</span> <span class="ST2">20px</span>;
|
||||
background-color: <span class="ST2">#ffffff</span>;
|
||||
color: <span class="ST2">#000000</span>;
|
||||
display: block;
|
||||
}
|
||||
main img { margin: <span class="ST2">10px</span>;
|
||||
float: right;
|
||||
}
|
||||
|
||||
footer {font-size:<span class="ST2">70%</span>;
|
||||
text-align: center;
|
||||
clear: right;
|
||||
padding-bottom:<span class="ST2">20px</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>wrapper<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 Island 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">ul</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</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="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</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">"rooms.html"</span><span class="tag">></span>Menu<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><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><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="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</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">"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">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">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">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">"lighthouseisland.jpg"</span> <span class="argument">width</span><span class="argument">=</span><span class="value">"250"</span> <span class="argument">height</span><span class="argument">=</span><span class="value">"355"</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span>floatright<span class="value">"</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">"Lighthouse Island"</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">h2</span><span class="tag">></span>Panoramic View<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>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<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>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">h2</span><span class="tag">></span>Panoramic View<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>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<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>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">h2</span><span class="tag">></span>Panoramic View<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>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag"></</span><span class="tag">p</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>
|
||||
<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,161 @@
|
||||
<!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; font-weight: bold}
|
||||
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||||
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
|
||||
.ST0 {color: #628fb5; background-color: #323232}
|
||||
.value {color: #a5c261}
|
||||
.ST2 {color: #6897bb}
|
||||
.ST3 {color: #6a8759}
|
||||
.tag {color: #e8bf6a}
|
||||
.ST1 {color: #505050; background-color: #323232}
|
||||
.ws {color: #505050}
|
||||
.argument {color: #bababa}
|
||||
.block-comment {color: #808080}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.12/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>KayakDoorCounty.net<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>
|
||||
body { font-family: Tahoma, Verdana, Arial, sans-serif;
|
||||
margin: <span class="ST2">0</span>; padding: <span class="ST2">0</span>;
|
||||
}
|
||||
.hero {
|
||||
background-image: <span class="ST3">url(beached.jpg)</span>;
|
||||
min-height: <span class="ST2">100vh</span>;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.tourshero {
|
||||
background-image: <span class="ST3">url(kayaks.jpg)</span>;
|
||||
min-height: <span class="ST2">100vh</span>;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.rentalshero {
|
||||
background-image: <span class="ST3">url(rentals.jpg)</span>;
|
||||
min-height: <span class="ST2">100vh</span>;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.contacthero {
|
||||
background-image: <span class="ST3">url(lonekayak.jpg)</span>;
|
||||
min-height: <span class="ST2">100vh</span>;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
nav { z-index:<span class="ST2">9999</span>;
|
||||
position: fixed;
|
||||
top: <span class="ST2">0</span>;
|
||||
left: <span class="ST2">0</span>;
|
||||
padding: <span class="ST2">.5em</span>;
|
||||
height: <span class="ST2">40px</span>;
|
||||
background:rgba(<span class="ST2">25</span>,<span class="ST2">25</span>, <span class="ST2">25</span>, <span class="ST2">0.70</span>);
|
||||
width: <span class="ST2">100%</span>;
|
||||
font-size: <span class="ST2">120%</span>;
|
||||
font-weight: bold;
|
||||
min-width: <span class="ST2">900px</span>; }
|
||||
nav ul { list-style-type: none;
|
||||
margin: <span class="ST2">5px</span>; }
|
||||
nav ul li { display: inline; padding-left: <span class="ST2">2em</span>; padding-right: <span class="ST2">2em</span>; }
|
||||
nav a { text-decoration:none; }
|
||||
nav a:link { color: <span class="ST2">#EAEAEA</span>; }
|
||||
nav a:visited { color: <span class="ST2">#FFF</span>; }
|
||||
nav a:hover { color: <span class="ST2">#FDA27F</span>; }
|
||||
h1 { height: <span class="ST2">100px</span>;
|
||||
padding-top: <span class="ST2">2em</span>;
|
||||
text-align: center;
|
||||
background:rgba(<span class="ST2">255</span>, <span class="ST2">255</span>, <span class="ST2">255</span>, <span class="ST2">0.80</span>);
|
||||
}
|
||||
.space { height: <span class="ST2">20vh</span>; }
|
||||
<span class="ST2">#tours</span>, <span class="ST2">#rentals</span>, <span class="ST2">#contact</span> { background-color: <span class="ST2">#FFF</span>;
|
||||
width: <span class="ST2">60%</span>;
|
||||
padding-left: <span class="ST2">6em</span>;
|
||||
padding-top: <span class="ST2">70px</span>;
|
||||
padding-bottom: <span class="ST2">2em</span>;
|
||||
}
|
||||
footer { background:rgba(<span class="ST2">25</span>,<span class="ST2">25</span>, <span class="ST2">25</span>, <span class="ST2">0.90</span>);
|
||||
width: <span class="ST2">100%</span>;
|
||||
font-size: <span class="ST2">90%</span>;
|
||||
text-align: center;
|
||||
color: <span class="ST2">#EAEAEA</span>;
|
||||
position: fixed;
|
||||
bottom: <span class="ST2">0</span>;
|
||||
}
|
||||
footer a { text-decoration: none;
|
||||
color: <span class="ST2">#EAEAEA</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">nav</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><span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"#home"</span><span class="tag">></span>KayakDoorCounty.net<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><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><span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"#tours"</span><span class="tag">></span>Tours<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><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><span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"#rentals"</span><span class="tag">></span>Rentals<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><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><span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"#contact"</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">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">nav</span><span class="tag">></span>
|
||||
|
||||
|
||||
<span class="block-comment"><!-- Home Page --></span>
|
||||
<span class="tag"><</span><span class="tag">section</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span>home<span class="value">"</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span>hero<span class="value">"</span> <span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span>space<span class="value">"</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">h1</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">"#home"</span><span class="tag">></span><span class="tag"><</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">"kayakdc.gif"</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">"KayakDoorCounty.net"</span><span class="tag">></span><span class="tag"></</span><span class="tag">a</span><span class="tag">></span><span class="tag"></</span><span class="tag">h1</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">section</span><span class="tag">></span>
|
||||
|
||||
<span class="block-comment"><!-- Tours Page --></span>
|
||||
<span class="tag"><</span><span class="tag">section</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span>tours<span class="value">"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h2</span><span class="tag">></span>Tours by KayakDoorCounty.net<span class="tag"></</span><span class="tag">h2</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h2</span><span class="tag">></span>Your next adventure is only a paddle away....<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>Take a guided kayak tour while you explore the scenic shoreline of Door County<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h3</span><span class="tag">></span>Featured tours this week:<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>Cana Island<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>Mink River<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>Europe Lake<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">section</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span>tourshero<span class="value">"</span><span class="tag">></span><span class="tag"></</span><span class="tag">div</span><span class="tag">></span>
|
||||
<span class="block-comment"><!-- Rentals Page --></span>
|
||||
<span class="tag"><</span><span class="tag">section</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span>rentals<span class="value">"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h2</span><span class="tag">></span>Rent Kayaks from KayakDoorCounty.net<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>Be Your Own Guide.....<span class="tag"></</span><span class="tag">h3</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>Half day, full day, and week-long rentals available.<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>
|
||||
Rent a kayak at one of these three scenic locations:<span class="tag"></</span><span class="tag">p</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>Eagle Harbor<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>Sister Bay<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>Garrett Bay<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">section</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span>rentalshero<span class="value">"</span><span class="tag">></span><span class="tag"></</span><span class="tag">div</span><span class="tag">></span>
|
||||
<span class="block-comment"><!-- Contact Page --></span>
|
||||
<span class="tag"><</span><span class="tag">section</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span>contact<span class="value">"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h2</span><span class="tag">></span>Contact KayakDoorCounty.net<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>Call, Text, or Email<span class="tag"></</span><span class="tag">h3</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>A trained kayak guide will answer all your questions and get you out on the water!<span class="tag"><</span><span class="tag">br</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>Call to reserve your kayak today!<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
555-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">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"mailto:info@kayakdoorcounty.net"</span><span class="tag">></span>info@kayakdoorcounty.net<span class="tag"></</span><span class="tag">a</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">section</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span>contacthero<span class="value">"</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">footer</span><span class="tag">></span>
|
||||
KayakDoorCounty.net<span class="tag"><</span><span class="tag">br</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">"mailto:info@kayakdoorcounty.net"</span><span class="tag">></span>info@kayakdoorcounty.net<span class="tag"></</span><span class="tag">a</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">body</span><span class="tag">></span>
|
||||
</html>
|
||||
</pre></body>
|
||||
</html>
|
||||
@@ -0,0 +1,159 @@
|
||||
<!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; font-weight: bold}
|
||||
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||||
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
|
||||
.ST0 {color: #628fb5; background-color: #323232}
|
||||
.value {color: #a5c261}
|
||||
.ST2 {color: #6a8759}
|
||||
.ST3 {color: #6897bb}
|
||||
.tag {color: #e8bf6a}
|
||||
.ST5 {color: #6d9cbe; font-family: monospace}
|
||||
.ST1 {color: #505050; background-color: #323232}
|
||||
.ws {color: #505050}
|
||||
.argument {color: #bababa}
|
||||
.ST4 {color: #e8bf6a; font-family: monospace; font-weight: bold; font-style: italic}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.13/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 Island 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">*</span> {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
<span class="ST2">body</span> {
|
||||
font-family:Verdana, Arial, sans-serif;
|
||||
background-color: <span class="ST3">#00005D</span>;
|
||||
}
|
||||
<span class="ST2">#wrapper</span> {
|
||||
background-color: <span class="ST3">#b3c7e6</span>;
|
||||
color: <span class="ST3">#000066</span>;
|
||||
width: <span class="ST3">80%</span>;
|
||||
margin: auto;
|
||||
min-width:<span class="ST3">940px</span>;
|
||||
}
|
||||
<span class="ST2">nav</span> {
|
||||
position: fixed;
|
||||
}
|
||||
<span class="ST2">nav</span> <span class="ST2">ul</span> {
|
||||
list-style-type: none;
|
||||
padding: <span class="ST3">10px</span>;
|
||||
}
|
||||
<span class="ST2">nav</span> <span class="ST2">a</span> {
|
||||
text-decoration: none;
|
||||
padding: <span class="ST3">10px</span>;
|
||||
font-weight: bold;
|
||||
}
|
||||
<span class="ST2">nav</span> <span class="ST2">a</span><span class="ST4">:</span><span class="ST4">link</span> {
|
||||
color: <span class="ST3">#FFFFFF</span>;
|
||||
}
|
||||
<span class="ST2">nav</span> <span class="ST2">a</span><span class="ST4">:</span><span class="ST4">visited</span> {
|
||||
color: <span class="ST3">#EAEAEA</span>;
|
||||
}
|
||||
<span class="ST2">nav</span> <span class="ST2">a</span><span class="ST4">:</span><span class="ST4">hover</span> {
|
||||
color: <span class="ST3">#000066</span>;
|
||||
}
|
||||
<span class="ST2">main</span> {
|
||||
margin-left: <span class="ST3">155px</span>;
|
||||
background-color: <span class="ST3">#ffffff</span>;
|
||||
color: <span class="ST3">#000000</span>;
|
||||
display: block;
|
||||
}
|
||||
<span class="ST2">header</span> {
|
||||
background-color: <span class="ST3">#869dc7</span>;
|
||||
color: <span class="ST3">#00005D</span>;
|
||||
font-size: <span class="ST3">150%</span>;
|
||||
padding: <span class="ST3">10px</span> <span class="ST3">10px</span> <span class="ST3">10px</span> <span class="ST3">155px</span>;
|
||||
background-image: <span class="ST2">url(lighthouselogo.jpg)</span>;
|
||||
background-repeat: no-repeat;
|
||||
height: <span class="ST3">130px</span>;
|
||||
}
|
||||
|
||||
<span class="ST2">h2</span> {
|
||||
color: <span class="ST3">#869dc7</span>;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
<span class="ST2">.</span><span class="ST2">content</span> {
|
||||
padding: <span class="ST3">20px</span> <span class="ST3">20px</span> <span class="ST3">0</span> <span class="ST3">20px</span>;
|
||||
}
|
||||
<span class="ST2">#floatright</span> {
|
||||
margin: <span class="ST3">10px</span>;
|
||||
float: right;
|
||||
}
|
||||
|
||||
<span class="ST2">footer</span> {
|
||||
font-size:<span class="ST3">70%</span>;
|
||||
text-align: center;
|
||||
clear: right;
|
||||
padding-bottom:<span class="ST3">20px</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>Lighthouse Island 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">ul</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</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="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</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">"rooms.html"</span><span class="tag">></span>Menu<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><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><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="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</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">"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">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">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">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span><span class="ST2">content</span><span class="value">"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">"lighthouseisland.jpg"</span> <span class="argument">width</span><span class="argument">=</span><span class="value">"250"</span> <span class="argument">height</span><span class="argument">=</span><span class="value">"355"</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span><span class="ST2">floatright</span><span class="value">"</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">"Lighthouse Island"</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">h2</span><span class="tag">></span>Panoramic View<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>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<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>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">h2</span><span class="tag">></span>Panoramic View<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>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<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>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">h2</span><span class="tag">></span>Panoramic View<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>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag"></</span><span class="tag">p</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">footer</span><span class="tag">></span>Copyright <span class="ST5">&copy;</span>
|
||||
<span class="tag"></</span><span class="tag">footer</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">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,58 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>box1.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; font-weight: bold}
|
||||
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||||
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
|
||||
.ST0 {color: #628fb5; background-color: #323232}
|
||||
.value {color: #a5c261}
|
||||
.ST2 {color: #6897bb}
|
||||
.tag {color: #e8bf6a}
|
||||
.ST1 {color: #505050; background-color: #323232}
|
||||
.ws {color: #505050}
|
||||
.argument {color: #bababa}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.1/box1.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>CSS<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>
|
||||
.div1 {
|
||||
width:<span class="ST2">200px</span>;
|
||||
height:<span class="ST2">200px</span>;
|
||||
background-color:<span class="ST2">#D1ECFF</span>;
|
||||
border: <span class="ST2">3px</span> dashed <span class="ST2">#000000</span>;
|
||||
padding:<span class="ST2">5px</span>;
|
||||
}
|
||||
.div2 {
|
||||
width:<span class="ST2">100px</span>;
|
||||
height:<span class="ST2">100px</span>;
|
||||
background-color:<span class="ST2">#FFFFFF</span>;
|
||||
border: <span class="ST2">3px</span> ridge <span class="ST2">#000000</span>;
|
||||
padding:<span class="ST2">5px</span>;
|
||||
margin:<span class="ST2">10px</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">class</span><span class="argument">=</span><span class="value">"</span>div1<span class="value">"</span><span class="tag">></span>
|
||||
This is the first box.
|
||||
<span class="tag"></</span><span class="tag">div</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span>div2<span class="value">"</span><span class="tag">></span>
|
||||
This is the second box.
|
||||
<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,57 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>box2.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; font-weight: bold}
|
||||
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||||
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
|
||||
.ST0 {color: #628fb5; background-color: #323232}
|
||||
.value {color: #a5c261}
|
||||
.ST2 {color: #6897bb}
|
||||
.tag {color: #e8bf6a}
|
||||
.ST1 {color: #505050; background-color: #323232}
|
||||
.ws {color: #505050}
|
||||
.argument {color: #bababa}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.1/box2.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>CSS<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>
|
||||
.div1 {
|
||||
width:<span class="ST2">200px</span>;
|
||||
height:<span class="ST2">200px</span>;
|
||||
background-color:<span class="ST2">#D1ECFF</span>;
|
||||
border: <span class="ST2">3px</span> dashed <span class="ST2">#000000</span>;
|
||||
padding:<span class="ST2">5px</span>;
|
||||
}
|
||||
.div2 {
|
||||
width:<span class="ST2">100px</span>;
|
||||
height:<span class="ST2">100px</span>;
|
||||
background-color:<span class="ST2">#FFFFFF</span>;
|
||||
border: <span class="ST2">3px</span> ridge <span class="ST2">#000000</span>;
|
||||
padding:<span class="ST2">5px</span>;
|
||||
margin:<span class="ST2">5px</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">class</span><span class="argument">=</span><span class="value">"</span>div1<span class="value">"</span><span class="tag">></span>
|
||||
This is the first box.
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span>div2<span class="value">"</span><span class="tag">></span>
|
||||
This is the second box.
|
||||
<span class="tag"></</span><span class="tag">div</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,57 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>boxsizing1.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; font-weight: bold}
|
||||
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||||
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
|
||||
.ST0 {color: #628fb5; background-color: #323232}
|
||||
.value {color: #a5c261}
|
||||
.ST2 {color: #6897bb}
|
||||
.tag {color: #e8bf6a}
|
||||
.ST1 {color: #505050; background-color: #323232}
|
||||
.ws {color: #505050}
|
||||
.argument {color: #bababa}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.5/boxsizing1.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>Default box-sizing<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>
|
||||
body { width: <span class="ST2">600px</span>; }
|
||||
.pod { float: left;
|
||||
width: <span class="ST2">30%</span>;
|
||||
height: <span class="ST2">150px</span>;
|
||||
background-color: <span class="ST2">#D1ECFF</span>;
|
||||
padding: <span class="ST2">20px</span>; margin: <span class="ST2">10px</span>; border: <span class="ST2">1px</span> solid <span class="ST2">#000033</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">main</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h1</span><span class="tag">></span>Default box-sizing<span class="tag"></</span><span class="tag">h1</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span>pod<span class="value">"</span><span class="tag">></span>
|
||||
Element 1
|
||||
<span class="tag"></</span><span class="tag">div</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span>pod<span class="value">"</span><span class="tag">></span>
|
||||
Element 2
|
||||
<span class="tag"></</span><span class="tag">div</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span>pod<span class="value">"</span><span class="tag">></span>
|
||||
Element 3
|
||||
<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">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,60 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>float.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; font-weight: bold}
|
||||
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||||
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
|
||||
.ST0 {color: #628fb5; background-color: #323232}
|
||||
.value {color: #a5c261}
|
||||
.ST2 {color: #6897bb}
|
||||
.tag {color: #e8bf6a}
|
||||
.ST3 {color: #6d9cbe; font-family: monospace}
|
||||
.ST1 {color: #505050; background-color: #323232}
|
||||
.ws {color: #505050}
|
||||
.argument {color: #bababa}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.2/float.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>CSS Float<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>
|
||||
body { width: <span class="ST2">500px</span>;
|
||||
background-color: <span class="ST2">#FFFFFF</span>;
|
||||
color: <span class="ST2">#000000</span>;
|
||||
}
|
||||
div { background-color: <span class="ST2">#F3F1BF</span>;
|
||||
}
|
||||
h1 { background-color: <span class="ST2">#658B42</span>;
|
||||
padding: <span class="ST2">10px</span>;
|
||||
color: <span class="ST2">#E1DB5F</span>;
|
||||
}
|
||||
p { font-family: Arial,sans-serif;
|
||||
}
|
||||
.float { float: left;
|
||||
margin-right: <span class="ST2">10px</span>;
|
||||
border: <span class="ST2">3px</span> ridge <span class="ST2">#000000</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">h1</span><span class="tag">></span>Yellow Lady Slipper<span class="tag"></</span><span class="tag">h1</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">img</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span>float<span class="value">"</span> <span class="argument">src</span><span class="argument">=</span><span class="value">"yls.jpg"</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">"Yellow Lady Slipper"</span> <span class="argument">height</span><span class="argument">=</span><span class="value">"100"</span> <span class="argument">width</span><span class="argument">=</span><span class="value">"100"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>The Yellow Lady Slipper grows in wooded areas and blooms in June each year. The flower is a member of the orchid family.<span class="tag"></</span><span class="tag">p</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">h2</span><span class="tag">></span>Be Green When Enjoying Wildflowers<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 wild plants in their native surroundings. Protect their environment in all possible ways <span class="ST3">&mdash;</span> support organizations dedicated to preserving their habitat. <span class="tag"></</span><span class="tag">p</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,71 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>float.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; font-weight: bold}
|
||||
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||||
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
|
||||
.ST0 {color: #628fb5; background-color: #323232}
|
||||
.sgml-declaration {color: #628fb5}
|
||||
.value {color: #a5c261}
|
||||
.ST2 {color: #6897bb}
|
||||
.tag {color: #e8bf6a}
|
||||
.ST3 {color: #6d9cbe; font-family: monospace}
|
||||
.ST1 {color: #505050; background-color: #323232}
|
||||
.ws {color: #505050}
|
||||
.argument {color: #bababa}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.3/float.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>CSS Float<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>
|
||||
body {
|
||||
width: <span class="ST2">500px</span>;
|
||||
background-color: <span class="ST2">#FFFFFF</span>;
|
||||
color: <span class="ST2">#000000</span>;
|
||||
}
|
||||
div {
|
||||
background-color: <span class="ST2">#F3F1BF</span>;
|
||||
}
|
||||
h1 {
|
||||
background-color: <span class="ST2">#658B42</span>;
|
||||
padding: <span class="ST2">10px</span>;
|
||||
color: <span class="ST2">#E1DB5F</span>;
|
||||
}
|
||||
p {
|
||||
font-family: Arial,sans-serif;
|
||||
}
|
||||
.float {
|
||||
float: left;
|
||||
margin-right: <span class="ST2">10px</span>;
|
||||
border: <span class="ST2">3px</span> ridge <span class="ST2">#000000</span>;
|
||||
}
|
||||
.clearleft {
|
||||
clear: left;
|
||||
}
|
||||
<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">h1</span><span class="tag">></span>Yellow Lady Slipper<span class="tag"></</span><span class="tag">h1</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">img</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span>float<span class="value">"</span> <span class="argument">src</span><span class="argument">=</span><span class="value">"yls.jpg"</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">"Yellow Lady Slipper"</span> <span class="argument">height</span><span class="argument">=</span><span class="value">"100"</span> <span class="argument">width</span><span class="argument">=</span><span class="value">"100"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>The Yellow Lady Slipper grows in wooded areas and blooms in June each year. The flower is a member of the orchid family.<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
<span class="sgml-declaration"><!br</span> <span class="sgml-declaration">class="clearleft"</span><span class="sgml-declaration">></span>
|
||||
<span class="tag"></</span><span class="tag">div</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h2</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span>clearleft<span class="value">"</span><span class="tag">></span>Be Green When Enjoying Wildflowers<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 wild plants in their native surroundings. Protect their environment in all possible ways <span class="ST3">&mdash;</span> support organizations dedicated to preserving their habitat. <span class="tag"></</span><span class="tag">p</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,74 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>float.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; font-weight: bold}
|
||||
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||||
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
|
||||
.ST0 {color: #628fb5; background-color: #323232}
|
||||
.sgml-declaration {color: #628fb5}
|
||||
.value {color: #a5c261}
|
||||
.ST2 {color: #6897bb}
|
||||
.tag {color: #e8bf6a}
|
||||
.ST3 {color: #6d9cbe; font-family: monospace}
|
||||
.ST1 {color: #505050; background-color: #323232}
|
||||
.ws {color: #505050}
|
||||
.argument {color: #bababa}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.4/float.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>CSS Float<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>
|
||||
body {
|
||||
width: <span class="ST2">500px</span>;
|
||||
background-color: <span class="ST2">#FFFFFF</span>;
|
||||
color: <span class="ST2">#000000</span>;
|
||||
}
|
||||
div {
|
||||
background-color: <span class="ST2">#F3F1BF</span>;
|
||||
overflow: scroll;
|
||||
width: <span class="ST2">300px</span>;
|
||||
height: <span class="ST2">100px</span>;
|
||||
}
|
||||
h1 {
|
||||
background-color: <span class="ST2">#658B42</span>;
|
||||
padding: <span class="ST2">10px</span>;
|
||||
color: <span class="ST2">#E1DB5F</span>;
|
||||
}
|
||||
p {
|
||||
font-family: Arial,sans-serif;
|
||||
}
|
||||
.float {
|
||||
float: left;
|
||||
margin-right: <span class="ST2">10px</span>;
|
||||
border: <span class="ST2">3px</span> ridge <span class="ST2">#000000</span>;
|
||||
}
|
||||
.clearleft {
|
||||
clear: left;
|
||||
}
|
||||
<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">h1</span><span class="tag">></span>Yellow Lady Slipper<span class="tag"></</span><span class="tag">h1</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">img</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span>float<span class="value">"</span> <span class="argument">src</span><span class="argument">=</span><span class="value">"yls.jpg"</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">"Yellow Lady Slipper"</span> <span class="argument">height</span><span class="argument">=</span><span class="value">"100"</span> <span class="argument">width</span><span class="argument">=</span><span class="value">"100"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>The Yellow Lady Slipper grows in wooded areas and blooms in June each year. The flower is a member of the orchid family.<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
<span class="sgml-declaration"><!br</span> <span class="sgml-declaration">class="clearleft"</span><span class="sgml-declaration">></span>
|
||||
<span class="tag"></</span><span class="tag">div</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h2</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span>clearleft<span class="value">"</span><span class="tag">></span>Be Green When Enjoying Wildflowers<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 wild plants in their native surroundings. Protect their environment in all possible ways <span class="ST3">&mdash;</span> support organizations dedicated to preserving their habitat. <span class="tag"></</span><span class="tag">p</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,58 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>boxsizing2.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; font-weight: bold}
|
||||
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||||
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
|
||||
.ST0 {color: #628fb5; background-color: #323232}
|
||||
.value {color: #a5c261}
|
||||
.ST2 {color: #6897bb}
|
||||
.tag {color: #e8bf6a}
|
||||
.ST1 {color: #505050; background-color: #323232}
|
||||
.ws {color: #505050}
|
||||
.argument {color: #bababa}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.5/boxsizing2.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>box-sizing set to border-box<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>
|
||||
* { box-sizing: border-box; }
|
||||
body { width: <span class="ST2">600px</span>; }
|
||||
.pod { float: left;
|
||||
width: <span class="ST2">30%</span>;
|
||||
height: <span class="ST2">150px</span>;
|
||||
background-color: <span class="ST2">#D1ECFF</span>;
|
||||
padding:<span class="ST2">20px</span>; margin: <span class="ST2">10px</span>; border: <span class="ST2">1px</span> solid <span class="ST2">#000033</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">main</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h1</span><span class="tag">></span>box-sizing set to border-box<span class="tag"></</span><span class="tag">h1</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span>pod<span class="value">"</span><span class="tag">></span>
|
||||
Element 1
|
||||
<span class="tag"></</span><span class="tag">div</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span>pod<span class="value">"</span><span class="tag">></span>
|
||||
Element 2
|
||||
<span class="tag"></</span><span class="tag">div</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span>pod<span class="value">"</span><span class="tag">></span>
|
||||
Element 3
|
||||
<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">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,141 @@
|
||||
<!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; font-weight: bold}
|
||||
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||||
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
|
||||
.ST0 {color: #628fb5; background-color: #323232}
|
||||
.value {color: #a5c261}
|
||||
.ST2 {color: #6a8759}
|
||||
.ST3 {color: #6897bb}
|
||||
.tag {color: #e8bf6a}
|
||||
.ST5 {color: #6d9cbe; font-family: monospace}
|
||||
.ST1 {color: #505050; background-color: #323232}
|
||||
.ws {color: #505050}
|
||||
.argument {color: #bababa}
|
||||
.ST4 {color: #e8bf6a; font-family: monospace; font-weight: bold; font-style: italic}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.6/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 Island 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">*</span> {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
<span class="ST2">body</span> {
|
||||
font-family:Verdana, Arial, sans-serif;
|
||||
background-color: <span class="ST3">#00005D</span>;
|
||||
}
|
||||
<span class="ST2">#wrapper</span> {
|
||||
background-color: <span class="ST3">#b3c7e6</span>;
|
||||
color: <span class="ST3">#000066</span>;
|
||||
width: <span class="ST3">80%</span>;
|
||||
margin: auto;
|
||||
min-width:<span class="ST3">940px</span>;
|
||||
}
|
||||
<span class="ST2">nav</span> {
|
||||
float: left;
|
||||
width: <span class="ST3">150px</span>;
|
||||
}
|
||||
<span class="ST2">nav</span> <span class="ST2">ul</span> {
|
||||
list-style-type: none;
|
||||
padding: <span class="ST3">10px</span>;
|
||||
}
|
||||
<span class="ST2">nav</span> <span class="ST2">a</span> {
|
||||
text-decoration: none;
|
||||
padding: <span class="ST3">10px</span>;
|
||||
font-weight: bold;
|
||||
}
|
||||
<span class="ST2">nav</span> <span class="ST2">a</span><span class="ST4">:</span><span class="ST4">link</span> {
|
||||
color: <span class="ST3">#FFFFFF</span>;
|
||||
}
|
||||
<span class="ST2">nav</span> <span class="ST2">a</span><span class="ST4">:</span><span class="ST4">visited</span> {
|
||||
color: <span class="ST3">#EAEAEA</span>;
|
||||
}
|
||||
<span class="ST2">nav</span> <span class="ST2">a</span><span class="ST4">:</span><span class="ST4">hover</span> {
|
||||
color: <span class="ST3">#000066</span>;
|
||||
}
|
||||
<span class="ST2">main</span> {
|
||||
margin-left: <span class="ST3">155px</span>;
|
||||
background-color: <span class="ST3">#ffffff</span>;
|
||||
color: <span class="ST3">#000000</span>;
|
||||
display: block;
|
||||
}
|
||||
<span class="ST2">header</span> {
|
||||
background-color: <span class="ST3">#869dc7</span>;
|
||||
color: <span class="ST3">#00005D</span>;
|
||||
font-size: <span class="ST3">150%</span>;
|
||||
padding: <span class="ST3">10px</span> <span class="ST3">10px</span> <span class="ST3">10px</span> <span class="ST3">155px</span>;
|
||||
background-image: <span class="ST2">url(lighthouselogo.jpg)</span>;
|
||||
background-repeat: no-repeat;
|
||||
height: <span class="ST3">130px</span>;
|
||||
}
|
||||
|
||||
<span class="ST2">h2</span> {
|
||||
color: <span class="ST3">#869dc7</span>;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
<span class="ST2">.</span><span class="ST2">content</span> {
|
||||
padding: <span class="ST3">20px</span> <span class="ST3">20px</span> <span class="ST3">0</span> <span class="ST3">20px</span>;
|
||||
}
|
||||
<span class="ST2">#floatright</span> {
|
||||
margin: <span class="ST3">10px</span>;
|
||||
float: right;
|
||||
}
|
||||
|
||||
<span class="ST2">footer</span> {
|
||||
font-size:<span class="ST3">70%</span>;
|
||||
text-align: center;
|
||||
clear: right;
|
||||
padding-bottom:<span class="ST3">20px</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>Lighthouse Island 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">ul</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</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="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</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">"rooms.html"</span><span class="tag">></span>Menu<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><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><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="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</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">"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">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">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">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span><span class="ST2">content</span><span class="value">"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">"lighthouseisland.jpg"</span> <span class="argument">width</span><span class="argument">=</span><span class="value">"250"</span> <span class="argument">height</span><span class="argument">=</span><span class="value">"355"</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span><span class="ST2">floatright</span><span class="value">"</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">"Lighthouse Island"</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">h2</span><span class="tag">></span>Panoramic View<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>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag"></</span><span class="tag">p</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">footer</span><span class="tag">></span>Copyright <span class="ST5">&copy;</span>
|
||||
<span class="tag"></</span><span class="tag">footer</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">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,86 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>singlecol.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; font-weight: bold}
|
||||
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||||
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
|
||||
.ST0 {color: #628fb5; background-color: #323232}
|
||||
.value {color: #a5c261}
|
||||
.ST2 {color: #6897bb}
|
||||
.tag {color: #e8bf6a}
|
||||
.ST3 {color: #6d9cbe; font-family: monospace}
|
||||
.ST1 {color: #505050; background-color: #323232}
|
||||
.ws {color: #505050}
|
||||
.argument {color: #bababa}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.6/singlecol.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>Layout Example<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>
|
||||
nav {
|
||||
float: left;
|
||||
height: <span class="ST2">150px</span>;
|
||||
padding: <span class="ST2">10px</span>;
|
||||
}
|
||||
main {
|
||||
margin-left: <span class="ST2">160px</span>;
|
||||
padding: <span class="ST2">10px</span>;
|
||||
background-color: <span class="ST2">#FFFFFF</span>;
|
||||
}
|
||||
<span class="ST2">#wrapper</span> {
|
||||
width: <span class="ST2">80%</span>;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
background-color: <span class="ST2">#EAEAEA</span>;
|
||||
}
|
||||
body {
|
||||
background-color: <span class="ST2">#000066</span>;
|
||||
}
|
||||
header {
|
||||
background-color: <span class="ST2">#CCCCFF</span>;
|
||||
}
|
||||
h1 {
|
||||
margin: <span class="ST2">0</span>;
|
||||
padding: <span class="ST2">10px</span>;
|
||||
}
|
||||
footer {
|
||||
text-align: center;
|
||||
font-style: italic;
|
||||
background-color: <span class="ST2">#CCCCFF</span>;
|
||||
clear: both;
|
||||
}
|
||||
<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>wrapper<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>Layout Example<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="tag"><</span><span class="tag">br</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">"page1.html"</span><span class="tag">></span>Page 1<span class="tag"></</span><span class="tag">a</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">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"page2.html"</span><span class="tag">></span>Page 2<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>Page Heading<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>This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence.<span class="tag"></</span><span class="tag">p</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="ST3">&copy;</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,67 @@
|
||||
<!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; font-weight: bold}
|
||||
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||||
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
|
||||
.ST0 {color: #628fb5; background-color: #323232}
|
||||
.value {color: #a5c261}
|
||||
.tag {color: #e8bf6a}
|
||||
.ST2 {color: #6d9cbe; font-family: monospace}
|
||||
.ST1 {color: #505050; background-color: #323232}
|
||||
.ws {color: #505050}
|
||||
.argument {color: #bababa}
|
||||
.block-comment {color: #808080}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.7/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 Island 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">link</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"bistro.css"</span> <span class="argument">rel</span><span class="argument">=</span><span class="value">"stylesheet"</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>wrapper<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 Island 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">ul</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</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="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</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">"rooms.html"</span><span class="tag">></span>Menu<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><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><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="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</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">"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">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">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>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">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">"lighthouseisland.jpg"</span> <span class="argument">width</span><span class="argument">=</span><span class="value">"250"</span> <span class="argument">height</span><span class="argument">=</span><span class="value">"355"</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">"Lighthouse Island"</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span>floatright<span class="value">"</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">h2</span><span class="tag">></span>Panoramic View<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>Take in some scenery!<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">main</span><span class="tag">></span> <span class="block-comment"><!-- end of main content --></span>
|
||||
<span class="tag"><</span><span class="tag">footer</span><span class="tag">></span>Copyright <span class="ST2">&copy;</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="block-comment"><!-- end of wrapper --></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,66 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>bistro.css</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<style type="text/css">
|
||||
<!--
|
||||
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||||
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||||
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
|
||||
.highlight-caret-row {background-color: #323232}
|
||||
.numbers {color: #6897bb}
|
||||
.strings {color: #6a8759}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.8/bistro.css</td></tr></table>
|
||||
<pre>
|
||||
<span class="highlight-caret-row">*</span> <span class="highlight-caret-row">{</span> <span class="highlight-caret-row">box-sizing</span><span class="highlight-caret-row">:</span> <span class="highlight-caret-row">border-box</span><span class="highlight-caret-row">;</span> <span class="highlight-caret-row">}</span>
|
||||
body { background-color: <span class="numbers">#00005D</span>;
|
||||
font-family: Verdana, Arial, sans-serif; }
|
||||
<span class="numbers">#wrapper</span> { margin: <span class="numbers">0</span> auto;
|
||||
width: <span class="numbers">80%</span>;
|
||||
min-width: <span class="numbers">940px</span>;
|
||||
background-color: <span class="numbers">#B3C7E6</span>;
|
||||
color: <span class="numbers">#000066</span>; }
|
||||
header { background-color: <span class="numbers">#869DC7</span>;
|
||||
color: <span class="numbers">#00005D</span>;
|
||||
font-size: <span class="numbers">150%</span>;
|
||||
padding: <span class="numbers">10px</span> <span class="numbers">10px</span> <span class="numbers">10px</span> <span class="numbers">155px</span>;
|
||||
height: <span class="numbers">150px</span>;
|
||||
background-repeat: no-repeat;
|
||||
background-image: <span class="strings">url(lighthouselogo.jpg)</span>; }
|
||||
nav { float: right;
|
||||
width: <span class="numbers">150px</span>;
|
||||
font-weight: bold;
|
||||
letter-spacing: <span class="numbers">0.1em</span>; }
|
||||
main { background-color: <span class="numbers">#FFFFFF</span>;
|
||||
color: <span class="numbers">#000000</span>;
|
||||
padding: <span class="numbers">10px</span> <span class="numbers">20px</span>;
|
||||
display: block;
|
||||
overflow: auto; }
|
||||
h2 { color: <span class="numbers">#869DC7</span>;
|
||||
font-family: Arial, sans-serif; }
|
||||
<span class="numbers">#floatright</span> { float: right; margin: <span class="numbers">10px</span>; }
|
||||
|
||||
nav ul { list-style-type: none; margin: <span class="numbers">0</span>; padding: <span class="numbers">0</span>; }
|
||||
nav a { text-decoration: none; padding: <span class="numbers">20px</span>; display: block;
|
||||
background-color: <span class="numbers">#B3C7E6</span>;
|
||||
border-bottom: <span class="numbers">1px</span> solid <span class="numbers">#FFFFFF</span>;
|
||||
}
|
||||
nav a:link { color: <span class="numbers">#FFFFFF</span>; }
|
||||
nav a:visited { color: <span class="numbers">#EAEAEA</span>; }
|
||||
nav a:hover { color: <span class="numbers">#869DC7</span>;
|
||||
background-color: <span class="numbers">#EAEAEA</span>; }
|
||||
footer { font-size: <span class="numbers">70%</span>;
|
||||
text-align: center;
|
||||
padding: <span class="numbers">10px</span>;
|
||||
background-color: <span class="numbers">#869DC7</span>;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
||||
</pre></body>
|
||||
</html>
|
||||
@@ -0,0 +1,53 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>bistroprint.css</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<style type="text/css">
|
||||
<!--
|
||||
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||||
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||||
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
|
||||
.highlight-caret-row {background-color: #323232}
|
||||
.numbers {color: #6897bb}
|
||||
.strings {color: #6a8759}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.8/bistroprint.css</td></tr></table>
|
||||
<pre>
|
||||
<span class="highlight-caret-row">*</span> <span class="highlight-caret-row">{</span> <span class="highlight-caret-row">box-sizing</span><span class="highlight-caret-row">:</span> <span class="highlight-caret-row">border-box</span><span class="highlight-caret-row">;</span> <span class="highlight-caret-row">}</span>
|
||||
body { background-color: <span class="numbers">#00005D</span>;
|
||||
font-family: Verdana, Arial, sans-serif; }
|
||||
<span class="numbers">#wrapper</span> { margin: <span class="numbers">0</span> auto;
|
||||
width: <span class="numbers">80%</span>;
|
||||
min-width: <span class="numbers">940px</span>;
|
||||
background-color: <span class="numbers">#B3C7E6</span>;
|
||||
color: <span class="numbers">#000066</span>; }
|
||||
header { color: <span class="numbers">#000000</span>; font-size: <span class="numbers">20pt</span>; }
|
||||
nav { display: none; }
|
||||
main { font-family: <span class="strings">"Times New Roman"</span>, serif; font-size: <span class="numbers">12pt</span>; }
|
||||
h2 { color: <span class="numbers">#869DC7</span>;
|
||||
font-family: Arial, sans-serif; }
|
||||
<span class="numbers">#floatright</span> { float: right; margin: <span class="numbers">10px</span>; }
|
||||
|
||||
nav ul { list-style-type: none; margin: <span class="numbers">0</span>; padding: <span class="numbers">0</span>; }
|
||||
nav a { text-decoration: none; padding: <span class="numbers">20px</span>; display: block;
|
||||
background-color: <span class="numbers">#B3C7E6</span>;
|
||||
border-bottom: <span class="numbers">1px</span> solid <span class="numbers">#FFFFFF</span>;
|
||||
}
|
||||
nav a:link { color: <span class="numbers">#FFFFFF</span>; }
|
||||
nav a:visited { color: <span class="numbers">#EAEAEA</span>; }
|
||||
nav a:hover { color: <span class="numbers">#869DC7</span>;
|
||||
background-color: <span class="numbers">#EAEAEA</span>; }
|
||||
footer { font-size: <span class="numbers">70%</span>;
|
||||
text-align: center;
|
||||
padding: <span class="numbers">10px</span>;
|
||||
background-color: <span class="numbers">#869DC7</span>;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
||||
</pre></body>
|
||||
</html>
|
||||
@@ -0,0 +1,68 @@
|
||||
<!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; font-weight: bold}
|
||||
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||||
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
|
||||
.ST0 {color: #628fb5; background-color: #323232}
|
||||
.value {color: #a5c261}
|
||||
.tag {color: #e8bf6a}
|
||||
.ST2 {color: #6d9cbe; font-family: monospace}
|
||||
.ST1 {color: #505050; background-color: #323232}
|
||||
.ws {color: #505050}
|
||||
.argument {color: #bababa}
|
||||
.block-comment {color: #808080}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.8/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 Island 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">link</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"bistro.css"</span> <span class="argument">rel</span><span class="argument">=</span><span class="value">"stylesheet"</span> <span class="argument">media</span><span class="argument">=</span><span class="value">"screen"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">link</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"bistroprint.css"</span> <span class="argument">rel</span><span class="argument">=</span><span class="value">"stylesheet"</span> <span class="argument">media</span><span class="argument">=</span><span class="value">"print"</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>wrapper<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 Island 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">ul</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</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="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</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">"rooms.html"</span><span class="tag">></span>Menu<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><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><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="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</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">"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">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">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>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">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">"lighthouseisland.jpg"</span> <span class="argument">width</span><span class="argument">=</span><span class="value">"250"</span> <span class="argument">height</span><span class="argument">=</span><span class="value">"355"</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">"Lighthouse Island"</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span>floatright<span class="value">"</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">h2</span><span class="tag">></span>Panoramic View<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>Take in some scenery!<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">main</span><span class="tag">></span> <span class="block-comment"><!-- end of main content --></span>
|
||||
<span class="tag"><</span><span class="tag">footer</span><span class="tag">></span>Copyright <span class="ST2">&copy;</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="block-comment"><!-- end of wrapper --></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,71 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>bistro.css</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<style type="text/css">
|
||||
<!--
|
||||
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||||
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||||
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
|
||||
.highlight-caret-row {background-color: #323232}
|
||||
.numbers {color: #6897bb}
|
||||
.strings {color: #6a8759}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.9/bistro.css</td></tr></table>
|
||||
<pre>
|
||||
<span class="highlight-caret-row">*</span> <span class="highlight-caret-row">{</span> <span class="highlight-caret-row">box-sizing</span><span class="highlight-caret-row">:</span> <span class="highlight-caret-row">border-box</span><span class="highlight-caret-row">;</span> <span class="highlight-caret-row">}</span>
|
||||
body { background-color: <span class="numbers">#00005D</span>;
|
||||
font-family: Verdana, Arial, sans-serif; }
|
||||
<span class="numbers">#wrapper</span> { margin: <span class="numbers">0</span> auto;
|
||||
width: <span class="numbers">80%</span>;
|
||||
min-width: <span class="numbers">940px</span>;
|
||||
background-color: <span class="numbers">#B3C7E6</span>;
|
||||
color: <span class="numbers">#000066</span>; }
|
||||
header { background-color: <span class="numbers">#869DC7</span>;
|
||||
color: <span class="numbers">#00005D</span>;
|
||||
font-size: <span class="numbers">150%</span>;
|
||||
padding: <span class="numbers">10px</span> <span class="numbers">10px</span> <span class="numbers">10px</span> <span class="numbers">155px</span>;
|
||||
height: <span class="numbers">150px</span>;
|
||||
background-repeat: no-repeat;
|
||||
background-image: <span class="strings">url(lighthouselogo.jpg)</span>; }
|
||||
nav { float: right;
|
||||
width: <span class="numbers">150px</span>;
|
||||
font-weight: bold;
|
||||
letter-spacing: <span class="numbers">0.1em</span>; }
|
||||
main { background-color: <span class="numbers">#FFFFFF</span>;
|
||||
color: <span class="numbers">#000000</span>;
|
||||
padding: <span class="numbers">10px</span> <span class="numbers">20px</span>;
|
||||
display: block;
|
||||
overflow: auto; }
|
||||
h2 { color: <span class="numbers">#869DC7</span>;
|
||||
font-family: Arial, sans-serif; }
|
||||
<span class="numbers">#floatright</span> { float: right; margin: <span class="numbers">10px</span>; }
|
||||
|
||||
nav ul { list-style-type: none; margin: <span class="numbers">0</span>; padding: <span class="numbers">0</span>; }
|
||||
nav a { text-decoration: none; padding: <span class="numbers">20px</span>; display: block;
|
||||
background-color: <span class="numbers">#B3C7E6</span>;
|
||||
border-bottom: <span class="numbers">1px</span> solid <span class="numbers">#FFFFFF</span>;
|
||||
background-image: <span class="strings">url(sprites.gif)</span>;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right <span class="numbers">0</span>;
|
||||
|
||||
}
|
||||
nav a:link { color: <span class="numbers">#FFFFFF</span>; }
|
||||
nav a:visited { color: <span class="numbers">#EAEAEA</span>; }
|
||||
nav a:hover { color: <span class="numbers">#869DC7</span>;
|
||||
background-color: <span class="numbers">#EAEAEA</span>;
|
||||
background-position: right -<span class="numbers">100px</span>;}
|
||||
footer { font-size: <span class="numbers">70%</span>;
|
||||
text-align: center;
|
||||
padding: <span class="numbers">10px</span>;
|
||||
background-color: <span class="numbers">#869DC7</span>;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
||||
</pre></body>
|
||||
</html>
|
||||
@@ -0,0 +1,67 @@
|
||||
<!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; font-weight: bold}
|
||||
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||||
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
|
||||
.ST0 {color: #628fb5; background-color: #323232}
|
||||
.value {color: #a5c261}
|
||||
.tag {color: #e8bf6a}
|
||||
.ST2 {color: #6d9cbe; font-family: monospace}
|
||||
.ST1 {color: #505050; background-color: #323232}
|
||||
.ws {color: #505050}
|
||||
.argument {color: #bababa}
|
||||
.block-comment {color: #808080}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.9/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 Island 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">link</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"bistro.css"</span> <span class="argument">rel</span><span class="argument">=</span><span class="value">"stylesheet"</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>wrapper<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 Island 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">ul</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</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="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</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">"rooms.html"</span><span class="tag">></span>Menu<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><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><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="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">li</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">"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">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">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>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">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">"lighthouseisland.jpg"</span> <span class="argument">width</span><span class="argument">=</span><span class="value">"250"</span> <span class="argument">height</span><span class="argument">=</span><span class="value">"355"</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">"Lighthouse Island"</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span>floatright<span class="value">"</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">h2</span><span class="tag">></span>Panoramic View<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>Take in some scenery!<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">main</span><span class="tag">></span> <span class="block-comment"><!-- end of main content --></span>
|
||||
<span class="tag"><</span><span class="tag">footer</span><span class="tag">></span>Copyright <span class="ST2">&copy;</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="block-comment"><!-- end of wrapper --></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>
|
||||
13
Semester 1/Assignments/HTML/lab7_CalebFontenot/bower.json
Normal file
13
Semester 1/Assignments/HTML/lab7_CalebFontenot/bower.json
Normal file
@@ -0,0 +1,13 @@
|
||||
{
|
||||
"name": "lab7_CalebFontenot",
|
||||
"version": "1.0.0",
|
||||
"main": "path/to/main.css",
|
||||
"ignore": [
|
||||
".jshintrc",
|
||||
"**/*.txt"
|
||||
],
|
||||
"dependencies": {
|
||||
},
|
||||
"devDependencies": {
|
||||
}
|
||||
}
|
||||
10
Semester 1/Assignments/HTML/lab7_CalebFontenot/gulpfile.js
Normal file
10
Semester 1/Assignments/HTML/lab7_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 @@
|
||||
browser=SL[/Browsers/FirefoxBrowser
|
||||
@@ -0,0 +1,5 @@
|
||||
file.reference.lab7_CalebFontenot-public_html=public_html
|
||||
file.reference.lab7_CalebFontenot-test=test
|
||||
files.encoding=UTF-8
|
||||
site.root.folder=${file.reference.lab7_CalebFontenot-public_html}
|
||||
test.folder=${file.reference.lab7_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>lab7_CalebFontenot</name>
|
||||
</data>
|
||||
</configuration>
|
||||
</project>
|
||||
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"name": "lab7_CalebFontenot",
|
||||
"version": "1.0.0",
|
||||
"keywords": ["util", "functional", "server", "client", "browser"],
|
||||
"author": "caleb",
|
||||
"contributors": [],
|
||||
"dependencies": {}
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
.div1 {
|
||||
width:200px;
|
||||
height:200px;
|
||||
background-color:#D1ECFF;
|
||||
border: 3px dashed #000000;
|
||||
padding:5px;
|
||||
}
|
||||
.div2 {
|
||||
width:100px;
|
||||
height:100px;
|
||||
background-color:#FFFFFF;
|
||||
border: 3px ridge #000000;
|
||||
padding:5px;
|
||||
margin:10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="div1">
|
||||
This is the first box.
|
||||
</div>
|
||||
<div class="div2">
|
||||
This is the second box.
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
.div1 {
|
||||
width:200px;
|
||||
height:200px;
|
||||
background-color:#D1ECFF;
|
||||
border: 3px dashed #000000;
|
||||
padding:5px;
|
||||
}
|
||||
.div2 {
|
||||
width:100px;
|
||||
height:100px;
|
||||
background-color:#FFFFFF;
|
||||
border: 3px ridge #000000;
|
||||
padding:5px;
|
||||
margin:5px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="div1">
|
||||
This is the first box.
|
||||
<div class="div2">
|
||||
This is the second box.
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 72 KiB |
@@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Kayak Adventure</title>
|
||||
<style>
|
||||
.hero { position: relative; }
|
||||
.hero h1 { position: absolute;
|
||||
z-index: 999;
|
||||
top: 40%;
|
||||
left: 10%;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
font-family: Georgia, serif;
|
||||
width: 40%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="hero">
|
||||
<h1>Your next adventure is only a paddle away...</h1>
|
||||
<img src="beached.jpg" alt="kayaks on the beach" width="900" height="578">
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,112 @@
|
||||
<!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;
|
||||
margin-top: 40px;
|
||||
}
|
||||
h2 { color: #869dc7;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
nav { position: fixed; top: 0; left: 0;
|
||||
height: 40px;
|
||||
min-width: 40em;
|
||||
width: 100%;
|
||||
background-color: #B3C7E6;
|
||||
z-index: 9999;
|
||||
}
|
||||
nav ul { list-style-type: none;
|
||||
text-align: right;
|
||||
font-size: 1.5em;
|
||||
margin: 5px;
|
||||
padding-right: 10%;
|
||||
}
|
||||
nav li { display: inline; }
|
||||
nav a { text-decoration: none;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
main { padding: 20px 20px 0 20px;
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
display: block;
|
||||
}
|
||||
main img { margin: 10px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
footer {font-size:70%;
|
||||
text-align: center;
|
||||
clear: right;
|
||||
padding-bottom:20px;
|
||||
}
|
||||
</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="rooms.html">Menu</a></li>
|
||||
<li><a href="directions.html">Directions</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<img src="lighthouseisland.jpg" width="250" height="355" id="floatright" alt="Lighthouse Island">
|
||||
<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! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.</p>
|
||||
<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! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.</p>
|
||||
<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! 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 ©
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 72 KiB |
@@ -0,0 +1,134 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>KayakDoorCounty.net</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body { font-family: Tahoma, Verdana, Arial, sans-serif;
|
||||
margin: 0; padding: 0;
|
||||
}
|
||||
.hero {
|
||||
background-image: url(beached.jpg);
|
||||
min-height: 100vh;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.tourshero {
|
||||
background-image: url(kayaks.jpg);
|
||||
min-height: 100vh;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.rentalshero {
|
||||
background-image: url(rentals.jpg);
|
||||
min-height: 100vh;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.contacthero {
|
||||
background-image: url(lonekayak.jpg);
|
||||
min-height: 100vh;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
nav { z-index:9999;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: .5em;
|
||||
height: 40px;
|
||||
background:rgba(25,25, 25, 0.70);
|
||||
width: 100%;
|
||||
font-size: 120%;
|
||||
font-weight: bold;
|
||||
min-width: 900px; }
|
||||
nav ul { list-style-type: none;
|
||||
margin: 5px; }
|
||||
nav ul li { display: inline; padding-left: 2em; padding-right: 2em; }
|
||||
nav a { text-decoration:none; }
|
||||
nav a:link { color: #EAEAEA; }
|
||||
nav a:visited { color: #FFF; }
|
||||
nav a:hover { color: #FDA27F; }
|
||||
h1 { height: 100px;
|
||||
padding-top: 2em;
|
||||
text-align: center;
|
||||
background:rgba(255, 255, 255, 0.80);
|
||||
}
|
||||
.space { height: 20vh; }
|
||||
#tours, #rentals, #contact { background-color: #FFF;
|
||||
width: 60%;
|
||||
padding-left: 6em;
|
||||
padding-top: 70px;
|
||||
padding-bottom: 2em;
|
||||
}
|
||||
footer { background:rgba(25,25, 25, 0.90);
|
||||
width: 100%;
|
||||
font-size: 90%;
|
||||
text-align: center;
|
||||
color: #EAEAEA;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
}
|
||||
footer a { text-decoration: none;
|
||||
color: #EAEAEA; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="#home">KayakDoorCounty.net</a></li>
|
||||
<li><a href="#tours">Tours</a></li>
|
||||
<li><a href="#rentals">Rentals</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<!-- Home Page -->
|
||||
<section id="home" class="hero" >
|
||||
<div class="space"> </div>
|
||||
<h1><a href="#home"><img src="kayakdc.gif" alt="KayakDoorCounty.net"></a></h1>
|
||||
</section>
|
||||
|
||||
<!-- Tours Page -->
|
||||
<section id="tours">
|
||||
<h2>Tours by KayakDoorCounty.net</h2>
|
||||
<h2>Your next adventure is only a paddle away....</h2>
|
||||
<p>Take a guided kayak tour while you explore the scenic shoreline of Door County<p>
|
||||
<h3>Featured tours this week:</h3>
|
||||
<ul>
|
||||
<li>Cana Island</li>
|
||||
<li>Mink River</li>
|
||||
<li>Europe Lake</li>
|
||||
</ul>
|
||||
</section>
|
||||
<div class="tourshero"></div>
|
||||
<!-- Rentals Page -->
|
||||
<section id="rentals">
|
||||
<h2>Rent Kayaks from KayakDoorCounty.net</h2>
|
||||
<h3>Be Your Own Guide.....</h3>
|
||||
<p>Half day, full day, and week-long rentals available.<br><br>
|
||||
Rent a kayak at one of these three scenic locations:</p>
|
||||
<ul>
|
||||
<li>Eagle Harbor</li>
|
||||
<li>Sister Bay</li>
|
||||
<li>Garrett Bay</li>
|
||||
</ul>
|
||||
</section>
|
||||
<div class="rentalshero"></div>
|
||||
<!-- Contact Page -->
|
||||
<section id="contact">
|
||||
<h2>Contact KayakDoorCounty.net</h2>
|
||||
<h3>Call, Text, or Email</h3>
|
||||
<p>A trained kayak guide will answer all your questions and get you out on the water!<br>
|
||||
<p>Call to reserve your kayak today!</p>
|
||||
555-555-5555<br><br>
|
||||
<a href="mailto:info@kayakdoorcounty.net">info@kayakdoorcounty.net</a>
|
||||
</section>
|
||||
<div class="contacthero"></div>
|
||||
<footer>
|
||||
KayakDoorCounty.net<br>
|
||||
<a href="mailto:info@kayakdoorcounty.net">info@kayakdoorcounty.net</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,133 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>KayakDoorCounty.net</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body { font-family: Tahoma, Verdana, Arial, sans-serif;
|
||||
margin: 0; padding: 0;
|
||||
}
|
||||
.hero {
|
||||
background-image: url(beached.jpg);
|
||||
min-height: 100vh;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.tourshero {
|
||||
background-image: url(kayaks.jpg);
|
||||
min-height: 100vh;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.rentalshero {
|
||||
background-image: url(rentals.jpg);
|
||||
min-height: 100vh;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.contacthero {
|
||||
background-image: url(lonekayak.jpg);
|
||||
min-height: 100vh;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
nav { z-index:9999;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: .5em;
|
||||
height: 40px;
|
||||
background:rgba(25,25, 25, 0.70);
|
||||
width: 100%;
|
||||
font-size: 120%;
|
||||
font-weight: bold;
|
||||
min-width: 900px; }
|
||||
nav ul { list-style-type: none;
|
||||
margin: 5px; }
|
||||
nav ul li { display: inline; padding-left: 2em; padding-right: 2em; }
|
||||
nav a { text-decoration:none; }
|
||||
nav a:link { color: #EAEAEA; }
|
||||
nav a:visited { color: #FFF; }
|
||||
nav a:hover { color: #FDA27F; }
|
||||
h1 { height: 100px;
|
||||
padding-top: 2em;
|
||||
text-align: center;
|
||||
background:rgba(255, 255, 255, 0.80);
|
||||
}
|
||||
.space { height: 20vh; }
|
||||
#tours, #rentals, #contact { background-color: #FFF;
|
||||
width: 60%;
|
||||
padding-left: 6em;
|
||||
padding-top: 70px;
|
||||
padding-bottom: 2em;
|
||||
}
|
||||
footer { background:rgba(25,25, 25, 0.90);
|
||||
width: 100%;
|
||||
font-size: 90%;
|
||||
text-align: center;
|
||||
color: #EAEAEA;
|
||||
}
|
||||
footer a { text-decoration: none;
|
||||
color: #EAEAEA; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="#home">KayakDoorCounty.net</a></li>
|
||||
<li><a href="#tours">Tours</a></li>
|
||||
<li><a href="#rentals">Rentals</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<!-- Home Page -->
|
||||
<section id="home" class="hero" >
|
||||
<div class="space"> </div>
|
||||
<h1><a href="#home"><img src="kayakdc.gif" alt="KayakDoorCounty.net"></a></h1>
|
||||
</section>
|
||||
|
||||
<!-- Tours Page -->
|
||||
<section id="tours">
|
||||
<h2>Tours by KayakDoorCounty.net</h2>
|
||||
<h2>Your next adventure is only a paddle away....</h2>
|
||||
<p>Take a guided kayak tour while you explore the scenic shoreline of Door County<p>
|
||||
<h3>Featured tours this week:</h3>
|
||||
<ul>
|
||||
<li>Cana Island</li>
|
||||
<li>Mink River</li>
|
||||
<li>Europe Lake</li>
|
||||
</ul>
|
||||
</section>
|
||||
<div class="tourshero"></div>
|
||||
<!-- Rentals Page -->
|
||||
<section id="rentals">
|
||||
<h2>Rent Kayaks from KayakDoorCounty.net</h2>
|
||||
<h3>Be Your Own Guide.....</h3>
|
||||
<p>Half day, full day, and week-long rentals available.<br><br>
|
||||
Rent a kayak at one of these three scenic locations:</p>
|
||||
<ul>
|
||||
<li>Eagle Harbor</li>
|
||||
<li>Sister Bay</li>
|
||||
<li>Garrett Bay</li>
|
||||
</ul>
|
||||
</section>
|
||||
<div class="rentalshero"></div>
|
||||
<!-- Contact Page -->
|
||||
<section id="contact">
|
||||
<h2>Contact KayakDoorCounty.net</h2>
|
||||
<h3>Call, Text, or Email</h3>
|
||||
<p>A trained kayak guide will answer all your questions and get you out on the water!<br>
|
||||
<p>Call to reserve your kayak today!</p>
|
||||
555-555-5555<br><br>
|
||||
<a href="mailto:info@kayakdoorcounty.net">info@kayakdoorcounty.net</a>
|
||||
</section>
|
||||
<div class="contacthero"></div>
|
||||
<footer>
|
||||
KayakDoorCounty.net<br>
|
||||
<a href="mailto:info@kayakdoorcounty.net">info@kayakdoorcounty.net</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,146 @@
|
||||
<!DOCTYPE html>
|
||||
<!-- This is the parallax scrolling single page webste -->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>KayakDoorCounty.net</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body { font-family: Tahoma, Verdana, Arial, sans-serif;
|
||||
margin: 0; padding: 0;
|
||||
}
|
||||
.hero {
|
||||
background-image: url(beached.jpg);
|
||||
min-height: 100vh;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
padding: 0;
|
||||
}
|
||||
.tourshero {
|
||||
background-image: url(kayaks.jpg);
|
||||
min-height: 100vh;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.rentalshero {
|
||||
background-image: url(rentals.jpg);
|
||||
min-height: 100vh;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.contacthero {
|
||||
background-image: url(lonekayak.jpg);
|
||||
min-height: 100vh;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
nav { z-index:9999;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: .5em;
|
||||
height: 40px;
|
||||
background:rgba(25,25, 25, 0.70);
|
||||
width: 100%;
|
||||
font-size: 120%;
|
||||
font-weight: bold;
|
||||
min-width: 900px;
|
||||
}
|
||||
nav ul { list-style-type: none;
|
||||
margin: 5px; }
|
||||
nav ul li { display: inline; padding-left: 2em; padding-right: 2em; }
|
||||
nav a { text-decoration:none; }
|
||||
nav a:link { color: #EAEAEA; }
|
||||
nav a:visited { color: #FFF; }
|
||||
nav a:hover { color: #FDA27F; }
|
||||
h1 { height: 100px;
|
||||
padding-top: 2em;
|
||||
text-align: center;
|
||||
background:rgba(255, 255, 255, 0.80);
|
||||
}
|
||||
.space {height: 20vh; }
|
||||
#tours, #rentals, #contact { background-color: #FFF;
|
||||
width: 60%;
|
||||
padding-left: 6em;
|
||||
padding-top: 70px;
|
||||
padding-bottom: 2em; }
|
||||
footer { background:rgba(25,25, 25, 0.90);
|
||||
width: 100%;
|
||||
font-size: 90%;
|
||||
text-align: center;
|
||||
color: #EAEAEA;
|
||||
|
||||
position: fixed;
|
||||
bottom: 0;}
|
||||
footer a { text-decoration: none;
|
||||
color: #EAEAEA; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="#home">KayakDoorCounty.net</a></li>
|
||||
<li><a href="#tours">Tours</a></li>
|
||||
<li><a href="#rentals">Rentals</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<!-- Home Page -->
|
||||
<section id="home" class="hero">
|
||||
<div class="space"> </div>
|
||||
<h1><a href="#home"><img src="kayakdc.gif" alt="KayakDoorCounty.net"></a></h1>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Tours Page -->
|
||||
<section id="tours">
|
||||
<h2>Tours by KayakDoorCounty.net</h2>
|
||||
<h2>Your next adventure is only a paddle away....</h2>
|
||||
<p>Take a guided kayak tour while you explore the scenic shoreline of Door County<p>
|
||||
<h3>Featured tours this week:</h3>
|
||||
<ul>
|
||||
<li>Cana Island</li>
|
||||
<li>Mink River</li>
|
||||
<li>Europe Lake</li>
|
||||
</ul>
|
||||
</section>
|
||||
<div class="tourshero"></div>
|
||||
|
||||
<!-- Rentals Page -->
|
||||
<section id="rentals">
|
||||
<h2>Rent Kayaks from KayakDoorCounty.net</h2>
|
||||
<h3>Be Your Own Guide.....</h3>
|
||||
<p>Half day, full day, and week-long rentals available.<br><br>
|
||||
Rent a kayak at one of these three scenic locations:</p>
|
||||
<ul>
|
||||
<li>Eagle Harbor</li>
|
||||
<li>Sister Bay</li>
|
||||
<li>Garrett Bay</li>
|
||||
</ul>
|
||||
</section>
|
||||
<div class="rentalshero"></div>
|
||||
<!-- Contact Page -->
|
||||
<section id="contact">
|
||||
<h2>Contact KayakDoorCounty.net</h2>
|
||||
<h3>Call, Text, or Email</h3>
|
||||
<p>A trained kayak guide will answer all your questions and get you out on the water!<br>
|
||||
Call to reserve your kayak today!</p>
|
||||
555-555-5555<br>
|
||||
<a href="mailto:info@kayakdoorcounty.net">info@kayakdoorcounty.net</a>
|
||||
</section>
|
||||
<div class="contacthero"></div>
|
||||
<footer>
|
||||
KayakDoorCounty.net<br>
|
||||
<a href="mailto:info@kayakdoorcounty.net">info@kayakdoorcounty.net</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 123 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 97 KiB |
@@ -0,0 +1,130 @@
|
||||
<!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;
|
||||
}
|
||||
nav {
|
||||
position: fixed;
|
||||
}
|
||||
nav ul {
|
||||
list-style-type: none;
|
||||
padding: 10px;
|
||||
}
|
||||
nav a {
|
||||
text-decoration: none;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
nav a:link {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
nav a:visited {
|
||||
color: #EAEAEA;
|
||||
}
|
||||
nav a:hover {
|
||||
color: #000066;
|
||||
}
|
||||
main {
|
||||
margin-left: 155px;
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
display: block;
|
||||
}
|
||||
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;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #869dc7;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
.content {
|
||||
padding: 20px 20px 0 20px;
|
||||
}
|
||||
#floatright {
|
||||
margin: 10px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
footer {
|
||||
font-size:70%;
|
||||
text-align: center;
|
||||
clear: right;
|
||||
padding-bottom:20px;
|
||||
}
|
||||
</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="rooms.html">Menu</a></li>
|
||||
<li><a href="directions.html">Directions</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<div class="content">
|
||||
<img src="lighthouseisland.jpg" width="250" height="355" id="floatright" alt="Lighthouse Island">
|
||||
<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! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.</p>
|
||||
<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! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.</p>
|
||||
<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! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.</p>
|
||||
</div>
|
||||
|
||||
<footer>Copyright ©
|
||||
</footer>
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Float</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body { width: 500px;
|
||||
background-color: #FFFFFF;
|
||||
color: #000000;
|
||||
}
|
||||
div { background-color: #F3F1BF;
|
||||
}
|
||||
h1 { background-color: #658B42;
|
||||
padding: 10px;
|
||||
color: #E1DB5F;
|
||||
}
|
||||
p { font-family: Arial,sans-serif;
|
||||
}
|
||||
.float { float: left;
|
||||
margin-right: 10px;
|
||||
border: 3px ridge #000000;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Yellow Lady Slipper</h1>
|
||||
<div>
|
||||
<img class="float" src="yls.jpg" alt="Yellow Lady Slipper" height="100" width="100">
|
||||
<p>The Yellow Lady Slipper grows in wooded areas and blooms in June each year. The flower is a member of the orchid family.</p>
|
||||
</div>
|
||||
<h2>Be Green When Enjoying Wildflowers</h2>
|
||||
<p>Enjoy wild plants in their native surroundings. Protect their environment in all possible ways — support organizations dedicated to preserving their habitat. </p>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 8.8 KiB |
@@ -0,0 +1,44 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Float</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body {
|
||||
width: 500px;
|
||||
background-color: #FFFFFF;
|
||||
color: #000000;
|
||||
}
|
||||
div {
|
||||
background-color: #F3F1BF;
|
||||
}
|
||||
h1 {
|
||||
background-color: #658B42;
|
||||
padding: 10px;
|
||||
color: #E1DB5F;
|
||||
}
|
||||
p {
|
||||
font-family: Arial,sans-serif;
|
||||
}
|
||||
.float {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
border: 3px ridge #000000;
|
||||
}
|
||||
.clearleft {
|
||||
clear: left;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Yellow Lady Slipper</h1>
|
||||
<div>
|
||||
<img class="float" src="yls.jpg" alt="Yellow Lady Slipper" height="100" width="100">
|
||||
<p>The Yellow Lady Slipper grows in wooded areas and blooms in June each year. The flower is a member of the orchid family.</p>
|
||||
<!br class="clearleft">
|
||||
</div>
|
||||
<h2 class="clearleft">Be Green When Enjoying Wildflowers</h2>
|
||||
<p>Enjoy wild plants in their native surroundings. Protect their environment in all possible ways — support organizations dedicated to preserving their habitat. </p>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 8.8 KiB |
@@ -0,0 +1,47 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Float</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body {
|
||||
width: 500px;
|
||||
background-color: #FFFFFF;
|
||||
color: #000000;
|
||||
}
|
||||
div {
|
||||
background-color: #F3F1BF;
|
||||
overflow: scroll;
|
||||
width: 300px;
|
||||
height: 100px;
|
||||
}
|
||||
h1 {
|
||||
background-color: #658B42;
|
||||
padding: 10px;
|
||||
color: #E1DB5F;
|
||||
}
|
||||
p {
|
||||
font-family: Arial,sans-serif;
|
||||
}
|
||||
.float {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
border: 3px ridge #000000;
|
||||
}
|
||||
.clearleft {
|
||||
clear: left;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Yellow Lady Slipper</h1>
|
||||
<div>
|
||||
<img class="float" src="yls.jpg" alt="Yellow Lady Slipper" height="100" width="100">
|
||||
<p>The Yellow Lady Slipper grows in wooded areas and blooms in June each year. The flower is a member of the orchid family.</p>
|
||||
<!br class="clearleft">
|
||||
</div>
|
||||
<h2 class="clearleft">Be Green When Enjoying Wildflowers</h2>
|
||||
<p>Enjoy wild plants in their native surroundings. Protect their environment in all possible ways — support organizations dedicated to preserving their habitat. </p>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 8.8 KiB |
@@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Default box-sizing</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body { width: 600px; }
|
||||
.pod { float: left;
|
||||
width: 30%;
|
||||
height: 150px;
|
||||
background-color: #D1ECFF;
|
||||
padding: 20px; margin: 10px; border: 1px solid #000033; }
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<h1>Default box-sizing</h1>
|
||||
<div class="pod">
|
||||
Element 1
|
||||
</div>
|
||||
<div class="pod">
|
||||
Element 2
|
||||
</div>
|
||||
<div class="pod">
|
||||
Element 3
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>box-sizing set to border-box</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
* { box-sizing: border-box; }
|
||||
body { width: 600px; }
|
||||
.pod { float: left;
|
||||
width: 30%;
|
||||
height: 150px;
|
||||
background-color: #D1ECFF;
|
||||
padding:20px; margin: 10px; border: 1px solid #000033; }
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<h1>box-sizing set to border-box</h1>
|
||||
<div class="pod">
|
||||
Element 1
|
||||
</div>
|
||||
<div class="pod">
|
||||
Element 2
|
||||
</div>
|
||||
<div class="pod">
|
||||
Element 3
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
@@ -0,0 +1,112 @@
|
||||
<!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;
|
||||
}
|
||||
nav {
|
||||
float: left;
|
||||
width: 150px;
|
||||
}
|
||||
nav ul {
|
||||
list-style-type: none;
|
||||
padding: 10px;
|
||||
}
|
||||
nav a {
|
||||
text-decoration: none;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
nav a:link {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
nav a:visited {
|
||||
color: #EAEAEA;
|
||||
}
|
||||
nav a:hover {
|
||||
color: #000066;
|
||||
}
|
||||
main {
|
||||
margin-left: 155px;
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
display: block;
|
||||
}
|
||||
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;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #869dc7;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
.content {
|
||||
padding: 20px 20px 0 20px;
|
||||
}
|
||||
#floatright {
|
||||
margin: 10px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
footer {
|
||||
font-size:70%;
|
||||
text-align: center;
|
||||
clear: right;
|
||||
padding-bottom:20px;
|
||||
}
|
||||
</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="rooms.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>
|
||||
<img src="lighthouseisland.jpg" width="250" height="355" alt="Lighthouse Island" id="floatright">
|
||||
<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> <!-- end of main content -->
|
||||
<footer>Copyright ©
|
||||
</footer>
|
||||
</div> <!-- end of wrapper -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
@@ -0,0 +1,112 @@
|
||||
<!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;
|
||||
}
|
||||
nav {
|
||||
float: left;
|
||||
width: 150px;
|
||||
}
|
||||
nav ul {
|
||||
list-style-type: none;
|
||||
padding: 10px;
|
||||
}
|
||||
nav a {
|
||||
text-decoration: none;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
nav a:link {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
nav a:visited {
|
||||
color: #EAEAEA;
|
||||
}
|
||||
nav a:hover {
|
||||
color: #000066;
|
||||
}
|
||||
main {
|
||||
margin-left: 155px;
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
display: block;
|
||||
}
|
||||
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;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #869dc7;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
.content {
|
||||
padding: 20px 20px 0 20px;
|
||||
}
|
||||
#floatright {
|
||||
margin: 10px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
footer {
|
||||
font-size:70%;
|
||||
text-align: center;
|
||||
clear: right;
|
||||
padding-bottom:20px;
|
||||
}
|
||||
</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="rooms.html">Menu</a></li>
|
||||
<li><a href="directions.html">Directions</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<div class="content">
|
||||
<img src="lighthouseisland.jpg" width="250" height="355" id="floatright" alt="Lighthouse Island">
|
||||
<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! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.</p>
|
||||
</div>
|
||||
<footer>Copyright ©
|
||||
</footer>
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
@@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Layout Example</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
nav {
|
||||
float: left;
|
||||
height: 150px;
|
||||
padding: 10px;
|
||||
}
|
||||
main {
|
||||
margin-left: 160px;
|
||||
padding: 10px;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
#wrapper {
|
||||
width: 80%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
background-color: #EAEAEA;
|
||||
}
|
||||
body {
|
||||
background-color: #000066;
|
||||
}
|
||||
header {
|
||||
background-color: #CCCCFF;
|
||||
}
|
||||
h1 {
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
footer {
|
||||
text-align: center;
|
||||
font-style: italic;
|
||||
background-color: #CCCCFF;
|
||||
clear: both;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header><h1>Layout Example</h1></header>
|
||||
<nav>
|
||||
<a href="index.html">Home</a> <br>
|
||||
<a href="page1.html">Page 1</a><br>
|
||||
<a href="page2.html">Page 2</a>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>Page Heading</h2>
|
||||
<p>This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence.</p>
|
||||
</main>
|
||||
<footer>Copyright © </footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,47 @@
|
||||
* { box-sizing: border-box; }
|
||||
body { background-color: #00005D;
|
||||
font-family: Verdana, Arial, sans-serif; }
|
||||
#wrapper { margin: 0 auto;
|
||||
width: 80%;
|
||||
min-width: 940px;
|
||||
background-color: #B3C7E6;
|
||||
color: #000066; }
|
||||
header { background-color: #869DC7;
|
||||
color: #00005D;
|
||||
font-size: 150%;
|
||||
padding: 10px 10px 10px 155px;
|
||||
height: 150px;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url(lighthouselogo.jpg); }
|
||||
nav { float: left;
|
||||
width: 150px;
|
||||
font-weight: bold;
|
||||
letter-spacing: 0.1em; }
|
||||
main { background-color: #FFFFFF;
|
||||
color: #000000;
|
||||
padding: 10px 20px;
|
||||
display: block;
|
||||
overflow: auto; }
|
||||
h2 { color: #869DC7; font-family: Arial, sans-serif; }
|
||||
#floatright { float: right; margin: 10px; }
|
||||
|
||||
nav ul { list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
nav a { text-decoration: none;
|
||||
padding: 20px;
|
||||
display: block;
|
||||
background-color: #B3C7E6;
|
||||
border-bottom: 1px solid #FFFFFF;
|
||||
}
|
||||
nav a:link { color: #FFFFFF; }
|
||||
nav a:visited { color: #EAEAEA; }
|
||||
nav a:hover { color: #869DC7;
|
||||
background-color: #EAEAEA; }
|
||||
footer { font-size: 70%;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
background-color: #869DC7;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,40 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Lighthouse Island Bistro</title>
|
||||
<meta charset="utf-8">
|
||||
<link href="bistro.css" rel="stylesheet">
|
||||
</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="rooms.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>
|
||||
<img src="lighthouseisland.jpg" width="250" height="355" alt="Lighthouse Island" id="floatright">
|
||||
<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> <!-- end of main content -->
|
||||
<footer>Copyright ©
|
||||
</footer>
|
||||
</div> <!-- end of wrapper -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
@@ -0,0 +1,44 @@
|
||||
* { box-sizing: border-box; }
|
||||
body { background-color: #00005D;
|
||||
font-family: Verdana, Arial, sans-serif; }
|
||||
#wrapper { margin: 0 auto;
|
||||
width: 80%;
|
||||
min-width: 940px;
|
||||
background-color: #B3C7E6;
|
||||
color: #000066; }
|
||||
header { background-color: #869DC7;
|
||||
color: #00005D;
|
||||
font-size: 150%;
|
||||
padding: 10px 10px 10px 155px;
|
||||
height: 150px;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url(lighthouselogo.jpg); }
|
||||
nav { float: right;
|
||||
width: 150px;
|
||||
font-weight: bold;
|
||||
letter-spacing: 0.1em; }
|
||||
main { background-color: #FFFFFF;
|
||||
color: #000000;
|
||||
padding: 10px 20px;
|
||||
display: block;
|
||||
overflow: auto; }
|
||||
h2 { color: #869DC7;
|
||||
font-family: Arial, sans-serif; }
|
||||
#floatright { float: right; margin: 10px; }
|
||||
|
||||
nav ul { list-style-type: none; margin: 0; padding: 0; }
|
||||
nav a { text-decoration: none; padding: 20px; display: block;
|
||||
background-color: #B3C7E6;
|
||||
border-bottom: 1px solid #FFFFFF;
|
||||
}
|
||||
nav a:link { color: #FFFFFF; }
|
||||
nav a:visited { color: #EAEAEA; }
|
||||
nav a:hover { color: #869DC7;
|
||||
background-color: #EAEAEA; }
|
||||
footer { font-size: 70%;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
background-color: #869DC7;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,31 @@
|
||||
* { box-sizing: border-box; }
|
||||
body { background-color: #00005D;
|
||||
font-family: Verdana, Arial, sans-serif; }
|
||||
#wrapper { margin: 0 auto;
|
||||
width: 80%;
|
||||
min-width: 940px;
|
||||
background-color: #B3C7E6;
|
||||
color: #000066; }
|
||||
header { color: #000000; font-size: 20pt; }
|
||||
nav { display: none; }
|
||||
main { font-family: "Times New Roman", serif; font-size: 12pt; }
|
||||
h2 { color: #869DC7;
|
||||
font-family: Arial, sans-serif; }
|
||||
#floatright { float: right; margin: 10px; }
|
||||
|
||||
nav ul { list-style-type: none; margin: 0; padding: 0; }
|
||||
nav a { text-decoration: none; padding: 20px; display: block;
|
||||
background-color: #B3C7E6;
|
||||
border-bottom: 1px solid #FFFFFF;
|
||||
}
|
||||
nav a:link { color: #FFFFFF; }
|
||||
nav a:visited { color: #EAEAEA; }
|
||||
nav a:hover { color: #869DC7;
|
||||
background-color: #EAEAEA; }
|
||||
footer { font-size: 70%;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
background-color: #869DC7;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,41 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Lighthouse Island Bistro</title>
|
||||
<meta charset="utf-8">
|
||||
<link href="bistro.css" rel="stylesheet" media="screen">
|
||||
<link href="bistroprint.css" rel="stylesheet" media="print">
|
||||
</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="rooms.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>
|
||||
<img src="lighthouseisland.jpg" width="250" height="355" alt="Lighthouse Island" id="floatright">
|
||||
<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> <!-- end of main content -->
|
||||
<footer>Copyright ©
|
||||
</footer>
|
||||
</div> <!-- end of wrapper -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
@@ -0,0 +1,49 @@
|
||||
* { box-sizing: border-box; }
|
||||
body { background-color: #00005D;
|
||||
font-family: Verdana, Arial, sans-serif; }
|
||||
#wrapper { margin: 0 auto;
|
||||
width: 80%;
|
||||
min-width: 940px;
|
||||
background-color: #B3C7E6;
|
||||
color: #000066; }
|
||||
header { background-color: #869DC7;
|
||||
color: #00005D;
|
||||
font-size: 150%;
|
||||
padding: 10px 10px 10px 155px;
|
||||
height: 150px;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url(lighthouselogo.jpg); }
|
||||
nav { float: right;
|
||||
width: 150px;
|
||||
font-weight: bold;
|
||||
letter-spacing: 0.1em; }
|
||||
main { background-color: #FFFFFF;
|
||||
color: #000000;
|
||||
padding: 10px 20px;
|
||||
display: block;
|
||||
overflow: auto; }
|
||||
h2 { color: #869DC7;
|
||||
font-family: Arial, sans-serif; }
|
||||
#floatright { float: right; margin: 10px; }
|
||||
|
||||
nav ul { list-style-type: none; margin: 0; padding: 0; }
|
||||
nav a { text-decoration: none; padding: 20px; display: block;
|
||||
background-color: #B3C7E6;
|
||||
border-bottom: 1px solid #FFFFFF;
|
||||
background-image: url(sprites.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: right 0;
|
||||
|
||||
}
|
||||
nav a:link { color: #FFFFFF; }
|
||||
nav a:visited { color: #EAEAEA; }
|
||||
nav a:hover { color: #869DC7;
|
||||
background-color: #EAEAEA;
|
||||
background-position: right -100px;}
|
||||
footer { font-size: 70%;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
background-color: #869DC7;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,40 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Lighthouse Island Bistro</title>
|
||||
<meta charset="utf-8">
|
||||
<link href="bistro.css" rel="stylesheet">
|
||||
</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="rooms.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>
|
||||
<img src="lighthouseisland.jpg" width="250" height="355" alt="Lighthouse Island" id="floatright">
|
||||
<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> <!-- end of main content -->
|
||||
<footer>Copyright ©
|
||||
</footer>
|
||||
</div> <!-- end of wrapper -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.6 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,14 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Float</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body { width:500px;
|
||||
background-color:#FFFFFF;
|
||||
color:#000000;
|
||||
}
|
||||
div { background-color:#F3F1BF;
|
||||
}
|
||||
h1 { background-color:#658B42;
|
||||
padding:10px;
|
||||
color: #E1DB5F;
|
||||
}
|
||||
p { font-family:Arial,sans-serif;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Yellow Lady Slipper</h1>
|
||||
<div>
|
||||
<img src="yls.jpg" alt="Yellow Lady Slipper" height="100" width="100">
|
||||
<p>The Yellow Lady Slipper grows in wooded areas and blooms in June each year. The flower is a member of the orchid family.</p>
|
||||
</div>
|
||||
<h2>Be Green When Enjoying Wildflowers</h2>
|
||||
<p>Enjoy wild plants in their native surroundings. Protect their environment in all possible ways — support organizations dedicated to preserving their habitat. </p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,81 @@
|
||||
<!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;
|
||||
}
|
||||
nav { float: left;
|
||||
width: 150px;
|
||||
}
|
||||
main { margin-left: 155px;
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
}
|
||||
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;
|
||||
}
|
||||
|
||||
h2 { color: #869dc7;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
.content {padding: 20px 20px 0 20px;
|
||||
}
|
||||
main { display: block; }
|
||||
#floatright { margin: 10px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
footer { font-size:70%;
|
||||
text-align: center;
|
||||
clear: right;
|
||||
padding-bottom:20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>Lighthouse Island Bistro</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<a href="index.html">Home</a>
|
||||
<a href="rooms.html">Menu</a>
|
||||
<a href="directions.html">Directions</a>
|
||||
<a href="contact.html">Contact</a>
|
||||
</nav>
|
||||
<main>
|
||||
<div class="content">
|
||||
<img src="lighthouseisland.jpg" width="250" height="355" id="floatright" alt="Lighthouse Island">
|
||||
<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! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.</p>
|
||||
</div>
|
||||
<footer>Copyright ©
|
||||
</footer>
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
@@ -0,0 +1,74 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Lighthouse Island Bistro</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
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;
|
||||
}
|
||||
h2 { color: #869dc7;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
main { padding: 20px 20px 0 20px;
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
display: block;
|
||||
}
|
||||
main img { margin: 10px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
footer {font-size:70%;
|
||||
text-align: center;
|
||||
clear: right;
|
||||
padding-bottom:20px;
|
||||
}
|
||||
</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="rooms.html">Menu</a></li>
|
||||
<li><a href="directions.html">Directions</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<img src="lighthouseisland.jpg" width="250" height="355" id="floatright" alt="Lighthouse Island">
|
||||
<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! 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 ©
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
@@ -0,0 +1,54 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Layout Example</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body { font-family:Verdana, Arial, sans-serif;
|
||||
}
|
||||
#wrapper { background-color: #b3c7e6;
|
||||
color: #000066;
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
min-width:940px;
|
||||
}
|
||||
nav { float: left;
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
main { margin-left: 155px;
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
}
|
||||
nav ul {
|
||||
list-style-type: none;
|
||||
padding: 10px;
|
||||
|
||||
}
|
||||
nav a {
|
||||
text-decoration: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header><h1>Layout Example</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>Page Heading</h2>
|
||||
<p>This is a sentence. This s a sentence. This is a sentence. This s a sentence. This is a sentence. This s a sentence. This is a sentence. This s a sentence. This is a sentence. This s a sentence. This is a sentence. This s a sentence. This is a sentence. This s a sentence. This is a sentence. This s a sentence. This is a sentence. This s a sentence. This is a sentence. This s a sentence. This is a sentence. This s a sentence. This is a sentence. This s a sentence.</p>
|
||||
</main>
|
||||
<footer>Copyright © </footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Layout Example</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header><h1>Layout Example</h1></header>
|
||||
<nav>
|
||||
<a href="index.html">Home</a>
|
||||
<a href="page1.html">Page 1</a>
|
||||
<a href="page2.html">Page 2</a>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>Page Heading</h2>
|
||||
<p>This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence.</p>
|
||||
</main>
|
||||
<footer>Copyright © </footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user