Refactor. JS time!
This commit is contained in:
@@ -0,0 +1,73 @@
|
||||
<!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}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP06_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</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">id</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><span class="tag"><</span><span class="tag">a</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span><span class="ST3">headerlink</span><span class="value">"</span> <span class="argument">href</span><span class="argument">=</span><span class="value">index.html</span><span class="tag">></span>Pacific Trails Resort<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">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">"yurts.html"</span><span class="tag">></span> Yurts<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">"activities.html"</span><span class="tag">></span> Activities<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">"reservations.html"</span><span class="tag">></span> Reservations<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">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span><span class="ST3">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">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span><span class="ST3">body</span><span class="value">"</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">div</span><span class="tag">></span>
|
||||
<span class="tag"></</span><span class="tag">html</span><span class="tag">></span>
|
||||
|
||||
</pre></body>
|
||||
</html>
|
||||
97
Assignments/HTML/MP06_CalebFontenot/Printed HTMLs/index.html
Normal file
97
Assignments/HTML/MP06_CalebFontenot/Printed HTMLs/index.html
Normal file
@@ -0,0 +1,97 @@
|
||||
<!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}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP06_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">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<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">id</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">header</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">id</span><span class="argument">=</span><span class="value">"</span><span class="ST3">headerlink</span><span class="value">"</span> <span class="argument">href</span><span class="argument">=</span><span class="value">index.html</span><span class="tag">></span>Pacific Trails Resort<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">header</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">"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">"yurts.html"</span><span class="tag">></span> Yurts<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">"activities.html"</span><span class="tag">></span> Activities<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">"reservations.html"</span><span class="tag">></span> Reservations<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">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span><span class="ST3">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">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span><span class="ST3">body</span><span class="value">"</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>
|
||||
<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>
|
||||
226
Assignments/HTML/MP06_CalebFontenot/Printed HTMLs/pacific.html
Normal file
226
Assignments/HTML/MP06_CalebFontenot/Printed HTMLs/pacific.html
Normal file
@@ -0,0 +1,226 @@
|
||||
<!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}
|
||||
.at_rule_symbol {color: #cc7832}
|
||||
.ST1 {color: #287bde}
|
||||
.strings {color: #6a8759}
|
||||
.numbers {color: #6897bb}
|
||||
.ST0 {color: #808080; background-color: #323232}
|
||||
.comments {color: #808080}
|
||||
.ST2 {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/MP06_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">*</span> {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
<span class="strings">body</span> {
|
||||
background-color: <span class="numbers">#EAEAEA</span>;
|
||||
|
||||
color: <span class="numbers">#555555</span>;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
<span class="strings">header</span> {
|
||||
background-color: <span class="numbers">#002171</span>;
|
||||
color: <span class="numbers">#FFFFFF</span>;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
<span class="strings">nav</span> {
|
||||
<span class="comments">//float: left;</span>
|
||||
<span class="comments">//width: 160px;</span>
|
||||
font-weight: bold;
|
||||
padding: <span class="numbers">0</span>;
|
||||
font-size: <span class="numbers">120%</span>;
|
||||
text-align: center;
|
||||
<span class="comments">//text-decoration: none;</span>
|
||||
}
|
||||
|
||||
<span class="strings">nav</span> <span class="strings">ul</span> {
|
||||
list-style-type: none;
|
||||
margin: <span class="numbers">0</span>;
|
||||
padding-left: <span class="numbers">0</span>;
|
||||
font-size: <span class="numbers">1.2em</span>;
|
||||
}
|
||||
<span class="strings">nav</span> <span class="strings">li</span> {
|
||||
border-bottom: <span class="numbers">1px</span> solid darkblue;
|
||||
}
|
||||
|
||||
<span class="strings">nav</span> <span class="strings">a</span><span class="ST2">:</span><span class="ST2">link</span>, <span class="strings">a</span><span class="ST2">:</span><span class="ST2">visited</span> {
|
||||
color: <span class="numbers">#344873</span>;
|
||||
}
|
||||
<span class="strings">nav</span> <span class="ST2">:</span><span class="ST2">hover</span> {
|
||||
color: <span class="numbers">#A52A2A</span>;
|
||||
}
|
||||
<span class="strings">header</span> <span class="strings">a</span><span class="ST2">:</span><span class="ST2">link</span> <span class="strings">a</span><span class="ST2">:</span><span class="ST2">visited</span> {
|
||||
text-decoration: none;
|
||||
color: <span class="numbers">#FFFFFF</span>;
|
||||
}
|
||||
|
||||
|
||||
<span class="strings">main</span> {
|
||||
padding: <span class="numbers">1px</span> <span class="numbers">20px</span> <span class="numbers">20px</span> <span class="numbers">30px</span>;
|
||||
display: block;
|
||||
overflow: auto;
|
||||
background-color: <span class="numbers">#FFFFFF</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="comments">//font-size: 3em;</span>
|
||||
padding-bottom: <span class="numbers">0.5em</span>;
|
||||
letter-spacing: <span class="numbers">0.25em</span>;
|
||||
}
|
||||
<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">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">img</span> {
|
||||
height: <span class="numbers">100%</span>;
|
||||
width: <span class="numbers">100%</span>;
|
||||
}
|
||||
<span class="comments">// Classes and ids</span>
|
||||
.resort {
|
||||
color: <span class="numbers">#1976D2</span>;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
<span class="numbers">#contact</span> { font-size: <span class="numbers">90%</span>}
|
||||
|
||||
<span class="numbers">#homehero</span> {
|
||||
height: <span class="numbers">300px</span>;
|
||||
<span class="comments">//margin-left: 190px;</span>
|
||||
background-image: <span class="strings">url("images/coast2.jpg")</span>;
|
||||
background-repeat: no-repeat;
|
||||
background-size: <span class="numbers">100%</span> <span class="numbers">100%</span>;
|
||||
}
|
||||
<span class="numbers">#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="comments">//margin-left: 190px;</span>
|
||||
}
|
||||
<span class="numbers">#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>;
|
||||
<span class="comments">//margin-left: 190px;</span>
|
||||
}
|
||||
<span class="numbers">#body</span> {
|
||||
background-color: <span class="numbers">#FFFFFF</span>;
|
||||
<span class="comments">//margin-left: 190px;</span>
|
||||
width: auto;
|
||||
}
|
||||
|
||||
<span class="numbers">#wrapper</span> {
|
||||
background-color: <span class="numbers">#90C7E3</span>;
|
||||
<span class="comments">//width: 80%;</span>
|
||||
background-image: linear-gradient(to bottom, <span class="numbers">#FFFFFF</span>, <span class="numbers">#90C7E3</span>);
|
||||
<span class="comments">//min-width: 960px;</span>
|
||||
<span class="comments">//max-width: 2048px;</span>
|
||||
<span class="comments">//box-shadow: 1px 1px 1px #000033;</span>
|
||||
<span class="comments">//margin-left: auto;</span>
|
||||
<span class="comments">//margin-right: auto;</span>
|
||||
}
|
||||
<span class="numbers">#headerlink</span> {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
table {
|
||||
border: <span class="numbers">0px</span>;
|
||||
}
|
||||
nav li {
|
||||
box-shadow: <span class="numbers">1px</span> <span class="numbers">1px</span> <span class="numbers">1px</span> blue;
|
||||
<span class="comments">//font-size: 0.5em;</span>
|
||||
}
|
||||
|
||||
<span class="comments">// Medium Styles</span>
|
||||
|
||||
<span class="at_rule_symbol">@media</span> (min-width: <span class="numbers">600px</span>) {
|
||||
nav ul {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: space-around;
|
||||
}
|
||||
nav li {
|
||||
boarder-bottom: none;
|
||||
}
|
||||
section {
|
||||
margin-left: <span class="numbers">2em</span>;
|
||||
margin-right: <span class="numbers">2em</span>;
|
||||
flex: <span class="numbers">1</span>;
|
||||
}
|
||||
.flow {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
}
|
||||
<span class="at_rule_symbol">@media</span> (min-width: <span class="numbers">1024px</span>) {
|
||||
<span class="numbers">#wrapper</span> {
|
||||
margin: auto;
|
||||
width: <span class="numbers">80%</span>;
|
||||
border: <span class="numbers">1px</span> solid <span class="numbers">#002171</span>;
|
||||
box-shadow: <span class="numbers">3px</span> <span class="numbers">3px</span> <span class="numbers">3px</span> <span class="numbers">#002171</span>;
|
||||
}
|
||||
nav { text-align: left;
|
||||
padding-left: <span class="numbers">1em</span>;
|
||||
|
||||
}
|
||||
<span class="at_rule_symbol">@supports</span> (display: grid)
|
||||
nav ul {flex-direction: column;
|
||||
padding-top: <span class="numbers">1em</span>;}
|
||||
.hero { grid-area: hero;}
|
||||
header { grid-area: header;}
|
||||
nav { grid-area: nav;}
|
||||
main { grid-area: main;}
|
||||
footer { grid-area: footer; }
|
||||
<span class="numbers">#wrapper</span> { display: grid;
|
||||
grid-template: <span class="strings">"header header"</span>
|
||||
<span class="strings">"nav hero"</span>
|
||||
<span class="strings">"nav main"</span>
|
||||
<span class="strings">"nav footer"</span>
|
||||
/ <span class="numbers">180px</span> <span class="numbers">1fr</span>;
|
||||
}
|
||||
}
|
||||
</pre></body>
|
||||
</html>
|
||||
85
Assignments/HTML/MP06_CalebFontenot/Printed HTMLs/yurts.html
Normal file
85
Assignments/HTML/MP06_CalebFontenot/Printed HTMLs/yurts.html
Normal file
@@ -0,0 +1,85 @@
|
||||
<!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}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP06_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://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">id</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><span class="tag"><</span><span class="tag">a</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span><span class="ST3">headerlink</span><span class="value">"</span> <span class="argument">href</span><span class="argument">=</span><span class="value">index.html</span><span class="tag">></span>Pacific Trails Resort<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">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">"yurts.html"</span><span class="tag">></span> Yurts<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">"activities.html"</span><span class="tag">></span> Activities<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">"reservations.html"</span><span class="tag">></span> Reservations<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">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span><span class="ST3">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">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">"</span><span class="ST3">body</span><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><span class="ST3">flow</span><span class="value">"</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">section</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h3</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">h3</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</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">p</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">section</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h3</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">h3</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</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">p</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">section</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">h3</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">h3</span><span class="tag">></span>
|
||||
<span class="tag"><</span><span class="tag">p</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">p</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="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="ST3">contact</span><span class="value">"</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">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">html</span><span class="tag">></span>
|
||||
|
||||
</pre></body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user