I hate this
parent
8b84fc39b8
commit
fd595f2d9b
@ -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,3 @@
|
||||
https://calebfontenot.com/Pacific_Trails_Resort/index.html
|
||||
|
||||
😄
|
||||
@ -0,0 +1,72 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>activities.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}
|
||||
.ST2 {color: #287bde}
|
||||
.value {color: #a5c261}
|
||||
.ST3 {color: #6a8759}
|
||||
.tag {color: #e8bf6a}
|
||||
.ST4 {color: #6d9cbe; font-family: monospace}
|
||||
.ST1 {color: #505050; background-color: #323232}
|
||||
.block-comment {color: #808080}
|
||||
.ws {color: #505050}
|
||||
.argument {color: #bababa}
|
||||
.ST5 {color: #6a8759; background-color: #364135}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP04_CalebFontenot/public_html/activities.html</td></tr></table>
|
||||
<pre>
|
||||
<span class="ST0"><!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">></span>
|
||||
<span class="block-comment"><!--</span>
|
||||
<span class="block-comment">Click </span><span class="ST2">nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt</span><span class="block-comment"> to change this license</span>
|
||||
<span class="block-comment">Click </span><span class="ST2">nbfs://nbhost/SystemFileSystem/Templates/ClientSide/html.html</span><span class="block-comment"> to edit this template</span>
|
||||
<span class="block-comment">--></span>
|
||||
<span class="tag"><</span><span class="tag">html</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>Pacific Trail Resort :: Yurts<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">"pacific.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">meta</span> <span class="argument">name</span><span class="argument">=</span><span class="value">"viewport"</span> <span class="argument">content</span><span class="argument">=</span><span class="value">"width=device-width, initial-scale=1.0"</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">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span><span class="ST3">wrapper</span><span class="value">"</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">header</span><span class="tag">></span> <span class="tag"><</span><span class="tag">h1</span><span class="tag">></span>Pacific Trails Resort<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">b</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"index.html"</span><span class="tag">></span> Home<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><span class="ST4">&nbsp;</span>
|
||||
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"yurts.html"</span><span class="tag">></span> Yurts<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><span class="ST4">&nbsp;</span>
|
||||
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"activities.html"</span><span class="tag">></span> Activities<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><span class="ST4">&nbsp;</span>
|
||||
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"reservations.html"</span><span class="tag">></span> Reservations<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><span class="ST4">&nbsp;</span>
|
||||
<span class="tag"></</span><span class="tag">b</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">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span><span class="ST5">trailhero</span><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">main</span><span class="tag">></span><span class="tag"><</span><span class="tag">h2</span><span class="tag">></span>Activities at Pacific Trails<span class="tag"></</span><span class="tag">h2</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">dl</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">dt</span><span class="tag">></span><span class="tag"><</span><span class="tag">strong</span><span class="tag">></span>Hiking<span class="tag"></</span><span class="tag">strong</span><span class="tag">></span><span class="tag"></</span><span class="tag">dt</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">dd</span><span class="tag">></span>Pacific Trails Resort has 5 miles of hiking trails and is adjacent to a state park. Go it alone or join one of our guided hikes.<span class="tag"></</span><span class="tag">dd</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">dt</span><span class="tag">></span><span class="tag"><</span><span class="tag">strong</span><span class="tag">></span>Kayaking<span class="tag"></</span><span class="tag">strong</span><span class="tag">></span><span class="tag"></</span><span class="tag">dt</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">dd</span><span class="tag">></span>Ocean kayaks are available for guest use.<span class="tag"></</span><span class="tag">dd</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">dt</span><span class="tag">></span><span class="tag"><</span><span class="tag">strong</span><span class="tag">></span>Bird Watching<span class="tag"></</span><span class="tag">strong</span><span class="tag">></span><span class="tag"></</span><span class="tag">dt</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">dd</span><span class="tag">></span>While anytime is a good time for bird watching at Pacific Trails, we offer guided birdwatching trips at sunrise several times a week.<span class="tag"></</span><span class="tag">dd</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">dl</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">footer</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">small</span><span class="tag">></span><span class="tag"><</span><span class="tag">i</span><span class="tag">></span>Copyright <span class="ST4">&copy;</span> 2023 Pacific Trails Resort<span class="tag"></</span><span class="tag">i</span><span class="tag">></span><span class="tag"></</span><span class="tag">small</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:caleb@fontenot.com"</span><span class="tag">></span> caleb@fontenot.com<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><span class="ST4">&nbsp;</span>
|
||||
<span class="tag"></</span><span class="tag">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">html</span><span class="tag">></span>
|
||||
|
||||
</pre></body>
|
||||
</html>
|
||||
@ -0,0 +1,92 @@
|
||||
<!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}
|
||||
.ST2 {color: #287bde}
|
||||
.value {color: #a5c261}
|
||||
.ST3 {color: #6a8759}
|
||||
.tag {color: #e8bf6a}
|
||||
.ST4 {color: #6d9cbe; font-family: monospace}
|
||||
.ST1 {color: #505050; background-color: #323232}
|
||||
.block-comment {color: #808080}
|
||||
.ws {color: #505050}
|
||||
.argument {color: #bababa}
|
||||
.ST5 {color: #6a8759; background-color: #364135}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP04_CalebFontenot/public_html/index.html</td></tr></table>
|
||||
<pre>
|
||||
<span class="ST0"><!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">></span>
|
||||
<span class="block-comment"><!--</span>
|
||||
<span class="block-comment">Click </span><span class="ST2">nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt</span><span class="block-comment"> to change this license</span>
|
||||
<span class="block-comment">Click </span><span class="ST2">nbfs://nbhost/SystemFileSystem/Templates/Other/html.html</span><span class="block-comment"> to edit this template</span>
|
||||
<span class="block-comment">--></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>Pacific Trail Resort<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">"pacific.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">meta</span> <span class="argument">name</span><span class="argument">=</span><span class="value">"viewport"</span> <span class="argument">content</span><span class="argument">=</span><span class="value">"width=device-width, initial-scale=1.0"</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">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span><span class="ST3">wrapper</span><span class="value">"</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">header</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h1</span><span class="tag">></span>Pacific Trails Resort<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">b</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"index.html"</span><span class="tag">></span> Home<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><span class="ST4">&nbsp;</span>
|
||||
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"yurts.html"</span><span class="tag">></span> Yurts<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><span class="ST4">&nbsp;</span>
|
||||
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"activities.html"</span><span class="tag">></span> Activities<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><span class="ST4">&nbsp;</span>
|
||||
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"reservations.html"</span><span class="tag">></span> Reservations<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><span class="ST4">&nbsp;</span>
|
||||
<span class="tag"></</span><span class="tag">b</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">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span><span class="ST5">homehero</span><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">main</span><span class="tag">></span><span class="tag"><</span><span class="tag">h2</span><span class="tag">></span>Enjoy Nature in Luxury<span class="tag"></</span><span class="tag">h2</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">p</span><span class="tag">></span><span class="tag"><</span><span class="tag">span</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span><span class="ST3">resort</span><span class="value">"</span><span class="tag">></span>Pacific Trails Resort<span class="tag"></</span><span class="tag">span</span><span class="tag">></span> offers a special lodging experience on the California North Coast with panoramic views of the Pacific Ocean.
|
||||
Your stay at Pacific Trails Resort includes a sumptuous appointed private yurt and a cooked-to-order breakfast each morning.<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>
|
||||
Relax in our lodge while enjoying complimentary appetizers and beverages
|
||||
<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>
|
||||
Savor nightly fine dining with an ocean views
|
||||
<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>
|
||||
Unwind in the heated outdoor pool and whirlpool
|
||||
<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>
|
||||
Explore the coast on your own or join our guided tours
|
||||
<span class="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">ul</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span><span class="ST3">id</span><span class="value">"</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">span</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span><span class="ST3">resort</span><span class="value">"</span><span class="tag">></span>Pacific Trails Resort<span class="tag"></</span><span class="tag">span</span><span class="tag">></span> <span class="tag"><</span><span class="tag">br</span><span class="tag">></span>
|
||||
12010 Pacific Trails Road <span class="tag"><</span><span class="tag">br</span><span class="tag">></span>
|
||||
Zephyr, CA 95555 <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>
|
||||
888-555-5555
|
||||
<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>
|
||||
<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">footer</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">small</span><span class="tag">></span><span class="tag"><</span><span class="tag">i</span><span class="tag">></span>Copyright <span class="ST4">&copy;</span> 2023 Pacific Trails Resort<span class="tag"></</span><span class="tag">i</span><span class="tag">></span><span class="tag"></</span><span class="tag">small</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:caleb@fontenot.com"</span><span class="tag">></span> caleb@fontenot.com<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><span class="ST4">&nbsp;</span>
|
||||
<span class="tag"></</span><span class="tag">footer</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">div</span><span class="tag">></span>
|
||||
|
||||
|
||||
</pre></body>
|
||||
</html>
|
||||
@ -0,0 +1,124 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>pacific.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}
|
||||
.ST1 {color: #287bde}
|
||||
.strings {color: #6a8759}
|
||||
.numbers {color: #6897bb}
|
||||
.ST0 {color: #808080; background-color: #323232}
|
||||
.comments {color: #808080}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP04_CalebFontenot/public_html/pacific.css</td></tr></table>
|
||||
<pre>
|
||||
<span class="ST0">/*</span>
|
||||
<span class="comments">Click </span><span class="ST1">nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt</span><span class="comments"> to change this license</span>
|
||||
<span class="comments">Click </span><span class="ST1">nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css</span><span class="comments"> to edit this template</span>
|
||||
<span class="comments">*/</span>
|
||||
<span class="comments">/*</span>
|
||||
<span class="comments">Created on : Jan 25, 2023, 9:50:47 AM</span>
|
||||
<span class="comments">Author : caleb</span>
|
||||
<span class="comments">*/</span>
|
||||
|
||||
<span class="strings">body</span> {
|
||||
background-color: <span class="numbers">#90C7E3</span>;
|
||||
background-image: linear-gradient(to bottom, <span class="numbers">#FFFFFF</span>, <span class="numbers">#90C7E3</span>);
|
||||
color: <span class="numbers">#555555</span>;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
<span class="strings">.</span><span class="strings">wrapper</span> {
|
||||
background-color: <span class="numbers">#FFFFFF</span>;
|
||||
width: <span class="numbers">80%</span>;
|
||||
min-width: <span class="numbers">960px</span>;
|
||||
max-width: <span class="numbers">2048px</span>;
|
||||
box-shadow: <span class="numbers">3px</span> <span class="numbers">3px</span> <span class="numbers">3px</span> <span class="numbers">#333333</span>;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
<span class="strings">header</span> {
|
||||
background-color: <span class="numbers">#002171</span>;
|
||||
color: <span class="numbers">#FFFFFF</span>;
|
||||
line-height: <span class="numbers">60px</span>;
|
||||
top-padding: <span class="numbers">15px</span>;
|
||||
text-align: center;
|
||||
background-image: <span class="strings">url("images/sunset.jpg")</span>;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right;
|
||||
}
|
||||
<span class="strings">nav</span> {
|
||||
background-color: <span class="numbers">#FFFFFF</span>;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
padding: <span class="numbers">1em</span>;
|
||||
}
|
||||
<span class="strings">main</span> {
|
||||
top-padding: <span class="numbers">1px</span>;
|
||||
right-padding: <span class="numbers">20px</span>;
|
||||
left-padding: <span class="numbers">20px</span>;
|
||||
}
|
||||
<span class="strings">h1</span>{
|
||||
margin-bottom: <span class="numbers">0</span>;
|
||||
font-family: Georgia, <span class="strings">"Times New Roman"</span>, sans-serif;
|
||||
}
|
||||
<span class="strings">h2</span> {
|
||||
color: <span class="numbers">#1976D2</span>;
|
||||
font-family: Georgia, <span class="strings">"Times New Roman"</span>, sans-serif;
|
||||
text-shadow: <span class="numbers">1px</span> <span class="numbers">1px</span> <span class="numbers">#CCCCCC</span>;
|
||||
}
|
||||
<span class="strings">h3</span> {
|
||||
color: <span class="numbers">#000033</span>;
|
||||
font-family: Georgia, <span class="strings">"Times New Roman"</span>, sans-serif;
|
||||
}
|
||||
<span class="strings">dt</span> {
|
||||
color: <span class="numbers">#002171</span>;
|
||||
}
|
||||
<span class="strings">ul</span> {
|
||||
list-style-image: <span class="strings">url('images/marker.gif')</span>
|
||||
}
|
||||
<span class="strings">footer</span> {
|
||||
font-size: <span class="numbers">75%</span>;
|
||||
font-style: italic;
|
||||
font-family: Georgia, <span class="strings">"Times New Roman"</span>, sans-serif;
|
||||
text-align: center;
|
||||
padding: <span class="numbers">2em</span>;
|
||||
}
|
||||
<span class="strings">.</span><span class="strings">resort</span> {
|
||||
color: <span class="numbers">#1976D2</span>;
|
||||
font-weight: bold;
|
||||
}
|
||||
<span class="strings">.</span><span class="strings">contact</span> {
|
||||
font-size: <span class="numbers">90%</span>;
|
||||
}
|
||||
<span class="strings">img</span> {
|
||||
height: <span class="numbers">100%</span>;
|
||||
width: <span class="numbers">100%</span>;
|
||||
}
|
||||
<span class="strings">#homehero</span> {
|
||||
height: <span class="numbers">300px</span>;
|
||||
background-image: <span class="strings">url("images/coast.jpg")</span>;
|
||||
background-repeat: no-repeat;
|
||||
background-size: <span class="numbers">100%</span> <span class="numbers">100%</span>;
|
||||
}
|
||||
<span class="strings">#yurthero</span> {
|
||||
height: <span class="numbers">300px</span>;
|
||||
background-image: <span class="strings">url("images/yurt.jpg")</span>;
|
||||
background-repeat: no-repeat;
|
||||
background-size: <span class="numbers">100%</span> <span class="numbers">100%</span>;
|
||||
}
|
||||
<span class="strings">#trailhero</span> {
|
||||
height: <span class="numbers">300px</span>;
|
||||
background-image: <span class="strings">url("images/trail.jpg")</span>;
|
||||
background-repeat: no-repeat;
|
||||
background-size: <span class="numbers">100%</span> <span class="numbers">100%</span>;
|
||||
}
|
||||
</pre></body>
|
||||
</html>
|
||||
@ -0,0 +1,76 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>yurts.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}
|
||||
.ST2 {color: #287bde}
|
||||
.value {color: #a5c261}
|
||||
.ST3 {color: #6a8759}
|
||||
.tag {color: #e8bf6a}
|
||||
.ST4 {color: #6d9cbe; font-family: monospace}
|
||||
.ST1 {color: #505050; background-color: #323232}
|
||||
.block-comment {color: #808080}
|
||||
.ws {color: #505050}
|
||||
.argument {color: #bababa}
|
||||
.ST5 {color: #6a8759; background-color: #364135}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP04_CalebFontenot/public_html/yurts.html</td></tr></table>
|
||||
<pre>
|
||||
<span class="ST0"><!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">></span>
|
||||
<span class="block-comment"><!--</span>
|
||||
<span class="block-comment">Click </span><span class="ST2">nbfs</span><span class="ST2">://</span><span class="ST2">nbhost</span><span class="ST2">/</span><span class="ST2">SystemFileSystem</span><span class="ST2">/Templates/Licenses/license-default.</span><span class="ST2">txt</span><span class="block-comment"> to change this license</span>
|
||||
<span class="block-comment">Click </span><span class="ST2">nbfs</span><span class="ST2">://</span><span class="ST2">nbhost</span><span class="ST2">/</span><span class="ST2">SystemFileSystem</span><span class="ST2">/Templates/</span><span class="ST2">ClientSide</span><span class="ST2">/</span><span class="ST2">html</span><span class="ST2">.</span><span class="ST2">html</span><span class="block-comment"> to edit this template</span>
|
||||
<span class="block-comment">--></span>
|
||||
<span class="tag"><</span><span class="tag">html</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>Pacific Trail Resort :: Yurts<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">"pacific.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">meta</span> <span class="argument">name</span><span class="argument">=</span><span class="value">"viewport"</span> <span class="argument">content</span><span class="argument">=</span><span class="value">"width=device-width, initial-scale=1.0"</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">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span><span class="ST3">wrapper</span><span class="value">"</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">header</span><span class="tag">></span> <span class="tag"><</span><span class="tag">h1</span><span class="tag">></span>Pacific Trails Resort<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">b</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"index.html"</span><span class="tag">></span> Home<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><span class="ST4">&nbsp;</span>
|
||||
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"yurts.html"</span><span class="tag">></span> Yurts<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><span class="ST4">&nbsp;</span>
|
||||
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"activities.html"</span><span class="tag">></span> Activities<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><span class="ST4">&nbsp;</span>
|
||||
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"reservations.html"</span><span class="tag">></span> Reservations<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><span class="ST4">&nbsp;</span>
|
||||
<span class="tag"></</span><span class="tag">b</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">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span><span class="ST5">yurthero</span><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">main</span><span class="tag">></span><span class="tag"><</span><span class="tag">h2</span><span class="tag">></span>The Yurts at Pacific Trails<span class="tag"></</span><span class="tag">h2</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">dl</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">dt</span><span class="tag">></span><span class="tag"><</span><span class="tag">strong</span><span class="tag">></span>What is a yurt?<span class="tag"></</span><span class="tag">strong</span><span class="tag">></span><span class="tag"></</span><span class="tag">dt</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">dd</span><span class="tag">></span>Our luxury yurts are permanent structures four feet off the ground.
|
||||
Each Yurt is fully enclosed with canvas walls, a wooden floor, and a roof dome that can be opened.<span class="tag"></</span><span class="tag">dd</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">dt</span><span class="tag">></span><span class="tag"><</span><span class="tag">strong</span><span class="tag">></span>How are the yurts furnished?<span class="tag"></</span><span class="tag">strong</span><span class="tag">></span><span class="tag"></</span><span class="tag">dt</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">dd</span><span class="tag">></span>Each yurt is furnished with a queen-size bed with down quilt and gas-fired stove. Your luxury camping experience
|
||||
includes electricity and a sink with hot and cold running water. Shower and restroom facilities are located in the
|
||||
lodge. <span class="tag"></</span><span class="tag">dd</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">dt</span><span class="tag">></span><span class="tag"><</span><span class="tag">strong</span><span class="tag">></span>What should I bring?<span class="tag"></</span><span class="tag">strong</span><span class="tag">></span><span class="tag"></</span><span class="tag">dt</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">dd</span><span class="tag">></span>Most guest pack comfortable walking shoes and plan to dress for changing weather with light layers of clothing.
|
||||
It's also helpful to bring a flashlight and a sense of adventure! <span class="tag"></</span><span class="tag">dd</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">dl</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">footer</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">small</span><span class="tag">></span><span class="tag"><</span><span class="tag">i</span><span class="tag">></span>Copyright <span class="ST4">&copy;</span> 2023 Pacific Trails Resort<span class="tag"></</span><span class="tag">i</span><span class="tag">></span><span class="tag"></</span><span class="tag">small</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:caleb@fontenot.com"</span><span class="tag">></span> caleb@fontenot.com<span class="tag"></</span><span class="tag">a</span><span class="tag">></span><span class="ST4">&nbsp;</span>
|
||||
<span class="tag"></</span><span class="tag">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">html</span><span class="tag">></span>
|
||||
|
||||
</pre></body>
|
||||
</html>
|
||||
@ -0,0 +1,13 @@
|
||||
{
|
||||
"name": "MP05_CalebFontenot",
|
||||
"version": "1.0.0",
|
||||
"main": "path/to/main.css",
|
||||
"ignore": [
|
||||
".jshintrc",
|
||||
"**/*.txt"
|
||||
],
|
||||
"dependencies": {
|
||||
},
|
||||
"devDependencies": {
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,10 @@
|
||||
/*
|
||||
* Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
|
||||
* Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/gulpfile.js to edit this template
|
||||
*/
|
||||
|
||||
var gulp = require('gulp');
|
||||
|
||||
gulp.task('default', function () {
|
||||
// place code for your default task here
|
||||
});
|
||||
@ -0,0 +1,5 @@
|
||||
file.reference.MP03_CalebFontenot-public_html=public_html
|
||||
file.reference.MP03_CalebFontenot-test=test
|
||||
files.encoding=UTF-8
|
||||
site.root.folder=${file.reference.MP03_CalebFontenot-public_html}
|
||||
test.folder=${file.reference.MP03_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>MP05_CalebFontenot</name>
|
||||
</data>
|
||||
</configuration>
|
||||
</project>
|
||||
@ -0,0 +1,8 @@
|
||||
{
|
||||
"name": "MP05_CalebFontenot",
|
||||
"version": "1.0.0",
|
||||
"keywords": ["util", "functional", "server", "client", "browser"],
|
||||
"author": "caleb",
|
||||
"contributors": [],
|
||||
"dependencies": {}
|
||||
}
|
||||
@ -0,0 +1,42 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
|
||||
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/html.html to edit this template
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>Pacific Trail Resort :: Yurts</title>
|
||||
<meta charset="UTF-8">
|
||||
<link href="pacific.css" rel="stylesheet">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
<div class="wrapper">
|
||||
<body>
|
||||
<header> <h1>Pacific Trails Resort</h1> </header>
|
||||
<nav>
|
||||
<b>
|
||||
<a href="index.html"> Home</a>
|
||||
<a href="yurts.html"> Yurts</a>
|
||||
<a href="activities.html"> Activities</a>
|
||||
<a href="reservations.html"> Reservations</a>
|
||||
</b>
|
||||
</nav>
|
||||
<div id="trailhero">
|
||||
</div>
|
||||
<main><h2>Activities at Pacific Trails</h2></main>
|
||||
<dl>
|
||||
<dt><strong>Hiking</strong></dt>
|
||||
<dd>Pacific Trails Resort has 5 miles of hiking trails and is adjacent to a state park. Go it alone or join one of our guided hikes.</dd>
|
||||
<dt><strong>Kayaking</strong></dt>
|
||||
<dd>Ocean kayaks are available for guest use.</dd>
|
||||
<dt><strong>Bird Watching</strong></dt>
|
||||
<dd>While anytime is a good time for bird watching at Pacific Trails, we offer guided birdwatching trips at sunrise several times a week.</dd>
|
||||
</dl>
|
||||
</body>
|
||||
<footer>
|
||||
<small><i>Copyright © 2023 Pacific Trails Resort</i></small>
|
||||
<br>
|
||||
<a href="mailto:caleb@fontenot.com"> caleb@fontenot.com</a>
|
||||
</footer>
|
||||
</div>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 73 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 73 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 894 B |
Binary file not shown.
|
After Width: | Height: | Size: 306 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 107 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 91 KiB |
@ -0,0 +1,62 @@
|
||||
<!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
|
||||
-->
|
||||
|
||||
<head>
|
||||
<title>Pacific Trail Resort</title>
|
||||
<meta charset="UTF-8">
|
||||
<link href="pacific.css" rel="stylesheet">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
<div class="wrapper">
|
||||
<body>
|
||||
<header>
|
||||
<h1><a href=index.html>Pacific Trails Resort</a></h1>
|
||||
</header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html"> Home</a></li>
|
||||
<li><a href="yurts.html"> Yurts</a></li>
|
||||
<li><a href="activities.html"> Activities</a></li>
|
||||
<li><a href="reservations.html"> Reservations</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div id="homehero">
|
||||
</div>
|
||||
<main><h2>Enjoy Nature in Luxury</h2></main>
|
||||
<p><span class="resort">Pacific Trails Resort</span> offers a special lodging experience on the California North Coast with panoramic views of the Pacific Ocean.
|
||||
Your stay at Pacific Trails Resort includes a sumptuous appointed private yurt and a cooked-to-order breakfast each morning.</p>
|
||||
<ul>
|
||||
<li>
|
||||
Relax in our lodge while enjoying complimentary appetizers and beverages
|
||||
</li>
|
||||
<li>
|
||||
Savor nightly fine dining with an ocean views
|
||||
</li>
|
||||
<li>
|
||||
Unwind in the heated outdoor pool and whirlpool
|
||||
</li>
|
||||
<li>
|
||||
Explore the coast on your own or join our guided tours
|
||||
</li>
|
||||
</ul>
|
||||
<div class="id">
|
||||
<p>
|
||||
<span class="resort">Pacific Trails Resort</span> <br>
|
||||
12010 Pacific Trails Road <br>
|
||||
Zephyr, CA 95555 <br>
|
||||
<br>
|
||||
888-555-5555
|
||||
<br>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
<footer>
|
||||
<small><i>Copyright © 2023 Pacific Trails Resort</i></small>
|
||||
<br>
|
||||
<a href="mailto:caleb@fontenot.com"> caleb@fontenot.com</a>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
@ -0,0 +1,129 @@
|
||||
/*
|
||||
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
|
||||
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
|
||||
*/
|
||||
/*
|
||||
Created on : Jan 25, 2023, 9:50:47 AM
|
||||
Author : caleb
|
||||
*/
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
body {
|
||||
background-color: #EAEAEA;
|
||||
|
||||
color: #555555;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
.wrapper {
|
||||
background-color: #90C7E3;
|
||||
width: 80%;
|
||||
background-image: linear-gradient(to bottom, #FFFFFF, #90C7E3);
|
||||
min-width: 960px;
|
||||
max-width: 2048px;
|
||||
box-shadow: 1px 1px 1px #000033;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
header {
|
||||
background-color: #002171;
|
||||
color: #FFFFFF;
|
||||
line-height: 120px;
|
||||
padding-top: 30px;
|
||||
padding-left: 3em;
|
||||
text-align: center;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right;
|
||||
}
|
||||
nav {
|
||||
padding:1.5em;
|
||||
font-size: 120%;
|
||||
float: left;
|
||||
width: 160px;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
padding: 1em;
|
||||
}
|
||||
nav ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
nav a:link, a:visited {
|
||||
color: #344873;
|
||||
}
|
||||
nav :hover {
|
||||
color: #A52A2A;
|
||||
}
|
||||
header a:link a:visited {
|
||||
text-decoration: none;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
main {
|
||||
padding-top: 1px;
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
h1{
|
||||
margin-bottom: 0;
|
||||
font-family: Georgia, "Times New Roman", sans-serif;
|
||||
font-size: 3em;
|
||||
letter-spacing: 0.25em;
|
||||
}
|
||||
h2 {
|
||||
color: #1976D2;
|
||||
font-family: Georgia, "Times New Roman", sans-serif;
|
||||
text-shadow: 1px 1px #CCCCCC;
|
||||
}
|
||||
h3 {
|
||||
color: #000033;
|
||||
font-family: Georgia, "Times New Roman", sans-serif;
|
||||
}
|
||||
dt {
|
||||
color: #002171;
|
||||
}
|
||||
ul {
|
||||
list-style-image: url('images/marker.gif')
|
||||
}
|
||||
footer {
|
||||
font-size: 75%;
|
||||
font-style: italic;
|
||||
font-family: Georgia, "Times New Roman", sans-serif;
|
||||
text-align: center;
|
||||
padding: 2em;
|
||||
}
|
||||
.resort {
|
||||
color: #1976D2;
|
||||
font-weight: bold;
|
||||
}
|
||||
.contact {
|
||||
font-size: 90%;
|
||||
}
|
||||
img {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
#homehero {
|
||||
height: 300px;
|
||||
margin-left: 190px;
|
||||
background-image: url("images/coast2.jpg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
#yurthero {
|
||||
height: 300px;
|
||||
background-image: url("images/yurt.jpg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin-left: 190px;
|
||||
}
|
||||
#trailhero {
|
||||
height: 300px;
|
||||
background-image: url("images/trail.jpg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin-left: 190px;
|
||||
}
|
||||
|
||||
@ -0,0 +1,52 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
|
||||
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/html.html to edit this template
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>Pacific Trail Resort :: Yurts</title>
|
||||
<meta charset="UTF-8">
|
||||
<link href="pacific.css" rel="stylesheet">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
<div class="wrapper">
|
||||
<body>
|
||||
<header> <h1>Pacific Trails Resort</h1> </header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html"> Home</a></li>
|
||||
<li><a href="yurts.html"> Yurts</a></li>
|
||||
<li><a href="activities.html"> Activities</a></li>
|
||||
<li><a href="reservations.html"> Reservations</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div id="yurthero">
|
||||
</div>
|
||||
<main><h2>The Yurts at Pacific Trails</h2></main>
|
||||
<dl>
|
||||
<div>
|
||||
<dt><strong>What is a yurt?</strong></dt>
|
||||
<dd>Our luxury yurts are permanent structures four feet off the ground.
|
||||
Each Yurt is fully enclosed with canvas walls, a wooden floor, and a roof dome that can be opened.</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt><strong>How are the yurts furnished?</strong></dt>
|
||||
<dd>Each yurt is furnished with a queen-size bed with down quilt and gas-fired stove. Your luxury camping experience
|
||||
includes electricity and a sink with hot and cold running water. Shower and restroom facilities are located in the
|
||||
lodge. </dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt><strong>What should I bring?</strong></dt>
|
||||
<dd>Most guest pack comfortable walking shoes and plan to dress for changing weather with light layers of clothing.
|
||||
It's also helpful to bring a flashlight and a sense of adventure! </dd>
|
||||
</div>
|
||||
</dl>
|
||||
</body>
|
||||
<footer>
|
||||
<small><i>Copyright © 2023 Pacific Trails Resort</i></small>
|
||||
<br>
|
||||
<a href="mailto:caleb@fontenot.com"> caleb@fontenot.com</a>
|
||||
</footer>
|
||||
</div>
|
||||
</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,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>
|
||||
@ -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 |
@ -1,89 +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;
|
||||
}
|
||||
<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;
|
||||
}
|
||||
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>
|
||||
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.
Binary file not shown.
Loading…
Reference in New Issue