CCF_100
/
ASDV-WebDev
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

MP7

master
Chloe Fontenot 🏳️‍⚧️ 2023-03-06 11:29:19 +07:00
parent 906c3ccb49
commit 11d9ecb079
7 changed files with 124 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
Assignments/MP06_CalebFontenot/public_html/pacific.css
Unescape Escape View File

@ -29,7 +29,7 @@ nav {
padding: 0; padding: 0;
font-size: 120%; font-size: 120%;
text-align: center; text-align: center;
//text-decoration: none; text-decoration: none;
} }
nav ul { nav ul {
@ -44,6 +44,7 @@ nav li {
nav a:link, a:visited { nav a:link, a:visited {
color: #344873; color: #344873;
text-decoration: none;
} }
nav :hover { nav :hover {
color: #A52A2A; color: #A52A2A;

32
Assignments/MP07_CalebFontenot/Printed HTMLs/activities.html
Unescape Escape View File

@ -5,29 +5,27 @@
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css"> <style type="text/css">
<!-- <!--
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold} body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold} pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold} table {color: #888888; background-color: #313335; font-family: monospace}
.ST0 {color: #628fb5; background-color: #323232}
.ST2 {color: #287bde}
.value {color: #a5c261}
.ST3 {color: #6a8759}
.tag {color: #e8bf6a} .tag {color: #e8bf6a}
.ST4 {color: #6d9cbe; font-family: monospace} .ST2 {color: #6d9cbe}
.ST1 {color: #505050; background-color: #323232} .ST1 {color: #505050; background-color: #323232}
.block-comment {color: #808080} .block-comment {color: #808080}
.ws {color: #505050} .ws {color: #505050}
.argument {color: #bababa} .argument {color: #bababa}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
--> -->
</style> </style>
</head> </head>
<body> <body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP06_CalebFontenot/public_html/activities.html</td></tr></table> <table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP07_CalebFontenot/public_html/activities.html</td></tr></table>
<pre> <pre>
<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span> <span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
<span class="block-comment">&lt;!--</span> <span class="block-comment">&lt;!--</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 nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt 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">Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/html.html to edit this template</span>
<span class="block-comment">--&gt;</span> <span class="block-comment">--&gt;</span>
<span class="tag">&lt;</span><span class="tag">html</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">html</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
@ -36,9 +34,9 @@ table {color: #888888; background-color: #313335; font-family: monospace; font-w
<span class="tag">&lt;</span><span class="tag">link</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;pacific.css&quot;</span> <span class="argument">rel</span><span class="argument">=</span><span class="value">&quot;stylesheet&quot;</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">link</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;pacific.css&quot;</span> <span class="argument">rel</span><span class="argument">=</span><span class="value">&quot;stylesheet&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">name</span><span class="argument">=</span><span class="value">&quot;viewport&quot;</span> <span class="argument">content</span><span class="argument">=</span><span class="value">&quot;width=device-width, initial-scale=1.0&quot;</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">name</span><span class="argument">=</span><span class="value">&quot;viewport&quot;</span> <span class="argument">content</span><span class="argument">=</span><span class="value">&quot;width=device-width, initial-scale=1.0&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span> <span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST3">wrapper</span><span class="value">&quot;</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>wrapper<span class="value">&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">header</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST3">headerlink</span><span class="value">&quot;</span> <span class="argument">href</span><span class="argument">=</span><span class="value">index.html</span><span class="tag">&gt;</span>Pacific Trails Resort<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span> <span class="tag">&lt;/</span><span class="tag">header</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">header</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>headerlink<span class="value">&quot;</span> <span class="argument">href</span><span class="argument">=</span><span class="value">index.html</span><span class="tag">&gt;</span>Pacific Trails Resort<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span> <span class="tag">&lt;/</span><span class="tag">header</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">nav</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">nav</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">ul</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">ul</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;index.html&quot;</span><span class="tag">&gt;</span> Home<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;index.html&quot;</span><span class="tag">&gt;</span> Home<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
@ -47,9 +45,9 @@ table {color: #888888; background-color: #313335; font-family: monospace; font-w
<span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;reservations.html&quot;</span><span class="tag">&gt;</span> Reservations<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;reservations.html&quot;</span><span class="tag">&gt;</span> Reservations<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">ul</span><span class="tag">&gt;</span> <span class="tag">&lt;/</span><span class="tag">ul</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">nav</span><span class="tag">&gt;</span> <span class="tag">&lt;/</span><span class="tag">nav</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST3">trailhero</span><span class="value">&quot;</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>trailhero<span class="value">&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span> <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST3">body</span><span class="value">&quot;</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>body<span class="value">&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">main</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Activities at Pacific Trails<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">main</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">main</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Activities at Pacific Trails<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">main</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">dl</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">dl</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">dt</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">strong</span><span class="tag">&gt;</span>Hiking<span class="tag">&lt;/</span><span class="tag">strong</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">dt</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">dt</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">strong</span><span class="tag">&gt;</span>Hiking<span class="tag">&lt;/</span><span class="tag">strong</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">dt</span><span class="tag">&gt;</span>
@ -61,9 +59,9 @@ table {color: #888888; background-color: #313335; font-family: monospace; font-w
<span class="tag">&lt;/</span><span class="tag">dl</span><span class="tag">&gt;</span> <span class="tag">&lt;/</span><span class="tag">dl</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span> <span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">small</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">i</span><span class="tag">&gt;</span>Copyright <span class="ST4">&amp;copy;</span> 2023 Pacific Trails Resort<span class="tag">&lt;/</span><span class="tag">i</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">small</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">small</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">i</span><span class="tag">&gt;</span>Copyright <span class="ST2">&amp;copy;</span> 2023 Pacific Trails Resort<span class="tag">&lt;/</span><span class="tag">i</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">small</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;mailto:caleb@fontenot.com&quot;</span><span class="tag">&gt;</span> caleb@fontenot.com<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="ST4">&amp;nbsp;</span> <span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;mailto:caleb@fontenot.com&quot;</span><span class="tag">&gt;</span> caleb@fontenot.com<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="ST2">&amp;nbsp;</span>
<span class="tag">&lt;/</span><span class="tag">footer</span><span class="tag">&gt;</span> <span class="tag">&lt;/</span><span class="tag">footer</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span> <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span> <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>

18
Assignments/MP07_CalebFontenot/Printed HTMLs/index.html
Unescape Escape View File

@ -5,24 +5,24 @@
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css"> <style type="text/css">
<!-- <!--
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold} body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold} pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold} table {color: #888888; background-color: #313335; font-family: monospace}
.ST0 {color: #628fb5; background-color: #323232}
.ST2 {color: #287bde}
.value {color: #a5c261}
.ST3 {color: #6a8759}
.tag {color: #e8bf6a} .tag {color: #e8bf6a}
.ST4 {color: #6d9cbe; font-family: monospace} .ST3 {color: #6a8759}
.ST4 {color: #6d9cbe}
.ST1 {color: #505050; background-color: #323232} .ST1 {color: #505050; background-color: #323232}
.block-comment {color: #808080} .block-comment {color: #808080}
.ws {color: #505050} .ws {color: #505050}
.argument {color: #bababa} .argument {color: #bababa}
.ST2 {color: #287bde}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
--> -->
</style> </style>
</head> </head>
<body> <body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP06_CalebFontenot/public_html/index.html</td></tr></table> <table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP07_CalebFontenot/public_html/index.html</td></tr></table>
<pre> <pre>
<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span> <span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
<span class="block-comment">&lt;!--</span> <span class="block-comment">&lt;!--</span>

58
Assignments/MP07_CalebFontenot/Printed HTMLs/pacific.html
Unescape Escape View File

@ -5,21 +5,21 @@
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css"> <style type="text/css">
<!-- <!--
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold} body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold} pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold} table {color: #888888; background-color: #313335; font-family: monospace}
.at_rule_symbol {color: #cc7832}
.ST1 {color: #287bde}
.strings {color: #6a8759} .strings {color: #6a8759}
.numbers {color: #6897bb} .numbers {color: #6897bb}
.ST0 {color: #808080; background-color: #323232} .ST0 {color: #808080; background-color: #323232}
.comments {color: #808080} .comments {color: #808080}
.ST2 {color: #e8bf6a; font-family: monospace; font-weight: bold; font-style: italic} .ST2 {color: #e8bf6a; font-family: monospace; font-style: italic}
.ST1 {color: #287bde}
.at_rule_symbol {color: #cc7832}
--> -->
</style> </style>
</head> </head>
<body> <body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP06_CalebFontenot/public_html/pacific.css</td></tr></table> <table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP07_CalebFontenot/public_html/pacific.css</td></tr></table>
<pre> <pre>
<span class="ST0">/*</span> <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/Licenses/license-default.txt</span><span class="comments"> to change this license</span>
@ -52,7 +52,7 @@ table {color: #888888; background-color: #313335; font-family: monospace; font-w
padding: <span class="numbers">0</span>; padding: <span class="numbers">0</span>;
font-size: <span class="numbers">120%</span>; font-size: <span class="numbers">120%</span>;
text-align: center; text-align: center;
<span class="comments">//text-decoration: none;</span> text-decoration: none;
} }
<span class="strings">nav</span> <span class="strings">ul</span> { <span class="strings">nav</span> <span class="strings">ul</span> {
@ -67,6 +67,7 @@ table {color: #888888; background-color: #313335; font-family: monospace; font-w
<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> { <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>; color: <span class="numbers">#344873</span>;
text-decoration: none;
} }
<span class="strings">nav</span> <span class="ST2">:</span><span class="ST2">hover</span> { <span class="strings">nav</span> <span class="ST2">:</span><span class="ST2">hover</span> {
color: <span class="numbers">#A52A2A</span>; color: <span class="numbers">#A52A2A</span>;
@ -115,42 +116,50 @@ table {color: #888888; background-color: #313335; font-family: monospace; font-w
height: <span class="numbers">100%</span>; height: <span class="numbers">100%</span>;
width: <span class="numbers">100%</span>; width: <span class="numbers">100%</span>;
} }
<span class="comments">// Classes and ids</span> <span class="comments">/* Classes and ids */</span>
.resort { <span class="strings">.</span><span class="strings">resort</span> {
color: <span class="numbers">#1976D2</span>; color: <span class="numbers">#1976D2</span>;
font-weight: bold; font-weight: bold;
} }
<span class="numbers">#contact</span> { font-size: <span class="numbers">90%</span>} <span class="strings">.</span><span class="strings">text</span> {
text-align: left;
padding: unset;
<span class="comments">/* border: none ; */</span>
}
<span class="ST2">:</span><span class="ST2">nth-of-type</span> {
background-color: <span class="numbers">#F5FAFC</span>;
}
<span class="strings">#contact</span> { font-size: <span class="numbers">90%</span>}
<span class="numbers">#homehero</span> { <span class="strings">#homehero</span> {
height: <span class="numbers">300px</span>; height: <span class="numbers">300px</span>;
<span class="comments">//margin-left: 190px;</span> <span class="comments">//margin-left: 190px;</span>
background-image: <span class="strings">url(&quot;images/coast2.jpg&quot;)</span>; background-image: <span class="strings">url(&quot;images/coast2.jpg&quot;)</span>;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: <span class="numbers">100%</span> <span class="numbers">100%</span>; background-size: <span class="numbers">100%</span> <span class="numbers">100%</span>;
} }
<span class="numbers">#yurthero</span> { <span class="strings">#yurthero</span> {
height: <span class="numbers">300px</span>; height: <span class="numbers">300px</span>;
background-image: <span class="strings">url(&quot;images/yurt.jpg&quot;)</span>; background-image: <span class="strings">url(&quot;images/yurt.jpg&quot;)</span>;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: <span class="numbers">100%</span> <span class="numbers">100%</span>; background-size: <span class="numbers">100%</span> <span class="numbers">100%</span>;
<span class="comments">//margin-left: 190px;</span> <span class="comments">//margin-left: 190px;</span>
} }
<span class="numbers">#trailhero</span> { <span class="strings">#trailhero</span> {
height: <span class="numbers">300px</span>; height: <span class="numbers">300px</span>;
background-image: <span class="strings">url(&quot;images/trail.jpg&quot;)</span>; background-image: <span class="strings">url(&quot;images/trail.jpg&quot;)</span>;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: <span class="numbers">100%</span> <span class="numbers">100%</span>; background-size: <span class="numbers">100%</span> <span class="numbers">100%</span>;
<span class="comments">//margin-left: 190px;</span> <span class="comments">//margin-left: 190px;</span>
} }
<span class="numbers">#body</span> { <span class="strings">#body</span> {
background-color: <span class="numbers">#FFFFFF</span>; background-color: <span class="numbers">#FFFFFF</span>;
<span class="comments">//margin-left: 190px;</span> <span class="comments">//margin-left: 190px;</span>
width: auto; width: auto;
} }
<span class="numbers">#wrapper</span> { <span class="strings">#wrapper</span> {
background-color: <span class="numbers">#90C7E3</span>; background-color: <span class="numbers">#90C7E3</span>;
<span class="comments">//width: 80%;</span> <span class="comments">//width: 80%;</span>
background-image: linear-gradient(to bottom, <span class="numbers">#FFFFFF</span>, <span class="numbers">#90C7E3</span>); background-image: linear-gradient(to bottom, <span class="numbers">#FFFFFF</span>, <span class="numbers">#90C7E3</span>);
@ -160,15 +169,23 @@ table {color: #888888; background-color: #313335; font-family: monospace; font-w
<span class="comments">//margin-left: auto;</span> <span class="comments">//margin-left: auto;</span>
<span class="comments">//margin-right: auto;</span> <span class="comments">//margin-right: auto;</span>
} }
<span class="numbers">#headerlink</span> { <span class="strings">#headerlink</span> {
color: white; color: white;
text-decoration: none; text-decoration: none;
} }
table { <span class="strings">table</span> {
border: <span class="numbers">0px</span>; border: <span class="numbers">2px</span> solid <span class="numbers">#3399CC</span>;
border-collapse: collapse;
} }
nav li { <span class="strings">table</span> <span class="strings">td</span>, <span class="strings">th</span> {
padding: <span class="numbers">0.5em</span>;
border: <span class="numbers">2px</span> solid <span class="numbers">#3399CC</span>;
}
<span class="strings">table</span> <span class="strings">td</span> {
text-align: center;
}
<span class="strings">nav</span> <span class="strings">li</span> {
box-shadow: <span class="numbers">1px</span> <span class="numbers">1px</span> <span class="numbers">1px</span> blue; 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">//font-size: 0.5em;</span>
} }
@ -222,5 +239,6 @@ nav li {
/ <span class="numbers">180px</span> <span class="numbers">1fr</span>; / <span class="numbers">180px</span> <span class="numbers">1fr</span>;
} }
} }
</pre></body> </pre></body>
</html> </html>

46
Assignments/MP07_CalebFontenot/Printed HTMLs/yurts.html
Unescape Escape View File

@ -5,24 +5,24 @@
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css"> <style type="text/css">
<!-- <!--
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold} body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold} pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold} table {color: #888888; background-color: #313335; font-family: monospace}
.ST0 {color: #628fb5; background-color: #323232}
.ST2 {color: #287bde}
.value {color: #a5c261}
.ST3 {color: #6a8759}
.tag {color: #e8bf6a} .tag {color: #e8bf6a}
.ST4 {color: #6d9cbe; font-family: monospace} .ST3 {color: #6a8759}
.ST4 {color: #6d9cbe}
.ST1 {color: #505050; background-color: #323232} .ST1 {color: #505050; background-color: #323232}
.block-comment {color: #808080} .block-comment {color: #808080}
.ws {color: #505050} .ws {color: #505050}
.argument {color: #bababa} .argument {color: #bababa}
.ST2 {color: #287bde}
.ST0 {color: #628fb5; background-color: #323232}
.value {color: #a5c261}
--> -->
</style> </style>
</head> </head>
<body> <body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP06_CalebFontenot/public_html/yurts.html</td></tr></table> <table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP07_CalebFontenot/public_html/yurts.html</td></tr></table>
<pre> <pre>
<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span> <span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
<span class="block-comment">&lt;!--</span> <span class="block-comment">&lt;!--</span>
@ -69,6 +69,34 @@ table {color: #888888; background-color: #313335; font-family: monospace; font-w
It&#39;s also helpful to bring a flashlight and a sense of adventure! <span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span> It&#39;s also helpful to bring a flashlight and a sense of adventure! <span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">section</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">section</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span> <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">h3</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">strong</span><span class="tag">&gt;</span>Yurt Packages<span class="tag">&lt;/</span><span class="tag">strong</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">h3</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>A variety of luxury yurt packages are available. Choose a package below and contact us to begin your reservation. We&#39;re happy to build a custom package just for you!<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">table</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">tr</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">th</span><span class="tag">&gt;</span>Package Name<span class="tag">&lt;/</span><span class="tag">th</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">th</span><span class="tag">&gt;</span>Description<span class="tag">&lt;/</span><span class="tag">th</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">th</span><span class="tag">&gt;</span>Nights<span class="tag">&lt;/</span><span class="tag">th</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">th</span><span class="tag">&gt;</span>Cost per Person<span class="tag">&lt;/</span><span class="tag">th</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">tr</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">tr</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">td</span><span class="tag">&gt;</span>Weekend Escape<span class="tag">&lt;/</span><span class="tag">td</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">td</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST3">text</span><span class="value">&quot;</span><span class="tag">&gt;</span>Two breakfasts, a trail map, and a picnic snack<span class="tag">&lt;/</span><span class="tag">td</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">td</span><span class="tag">&gt;</span>2<span class="tag">&lt;/</span><span class="tag">td</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">td</span><span class="tag">&gt;</span>$450<span class="tag">&lt;/</span><span class="tag">td</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">tr</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">tr</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">td</span><span class="tag">&gt;</span>Zen Retreat<span class="tag">&lt;/</span><span class="tag">td</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">td</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST3">text</span><span class="value">&quot;</span><span class="tag">&gt;</span>Four breakfasts, a trail map, a picnic snack, a press for the daily sunrise Yoga session<span class="tag">&lt;/</span><span class="tag">td</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">td</span><span class="tag">&gt;</span>4<span class="tag">&lt;/</span><span class="tag">td</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">td</span><span class="tag">&gt;</span>$600<span class="tag">&lt;/</span><span class="tag">td</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">tr</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">tr</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">td</span><span class="tag">&gt;</span>Kayak Away<span class="tag">&lt;/</span><span class="tag">td</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">td</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST3">text</span><span class="value">&quot;</span><span class="tag">&gt;</span>Two breakfasts, two hours of kayak rental daily, and a trail map<span class="tag">&lt;/</span><span class="tag">td</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">td</span><span class="tag">&gt;</span>2<span class="tag">&lt;/</span><span class="tag">td</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">td</span><span class="tag">&gt;</span>$500<span class="tag">&lt;/</span><span class="tag">td</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">tr</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">table</span><span class="tag">&gt;</span>
<span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span> <span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST3">contact</span><span class="value">&quot;</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST3">contact</span><span class="value">&quot;</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>

39
Assignments/MP07_CalebFontenot/public_html/pacific.css
Unescape Escape View File

@ -29,7 +29,7 @@ nav {
padding: 0; padding: 0;
font-size: 120%; font-size: 120%;
text-align: center; text-align: center;
//text-decoration: none; text-decoration: none;
} }
nav ul { nav ul {
@ -44,6 +44,7 @@ nav li {
nav a:link, a:visited { nav a:link, a:visited {
color: #344873; color: #344873;
text-decoration: none;
} }
nav :hover { nav :hover {
color: #A52A2A; color: #A52A2A;
@ -92,12 +93,20 @@ img {
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
# Classes and ids /* Classes and ids */
.resort { .resort {
color: #1976D2; color: #1976D2;
font-weight: bold; font-weight: bold;
} }
.text {
text-align: left;
padding: unset;
/* border: none ; */
}
:nth-of-type {
background-color: #F5FAFC;
}
#contact { font-size: 90%} #contact { font-size: 90%}
#homehero { #homehero {
@ -141,30 +150,24 @@ img {
color: white; color: white;
text-decoration: none; text-decoration: none;
} }
/*
table {
border: 0px;
}
*/
nav li {
box-shadow: 1px 1px 1px blue;
//font-size: 0.5em;
}
/* Table */
table { border: 2px solid #39c; table {
border: 2px solid #3399CC;
border-collapse: collapse; border-collapse: collapse;
} }
table td th { table td, th {
padding: 0.5em; padding: 0.5em;
border: 2px solid #39c; border: 2px solid #3399CC;
} }
table td { table td {
text-align: center; text-align: center;
} }
.text { text-align: left;} nav li {
tr:nth-of-type(odd) { background-color: #F5FAFC;} box-shadow: 1px 1px 1px blue;
/*Medium Styles */ //font-size: 0.5em;
}
// Medium Styles
@media (min-width: 600px) { @media (min-width: 600px) {
nav ul { nav ul {

BIN
ZIPs/MP07_CalebFontenot.zip
View File

Binary file not shown.