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

MP06

master
Chloe Fontenot 🏳️‍⚧️ 2023-03-02 19:15:32 +07:00
parent ba26741f42
commit 21e337e635
11 changed files with 348 additions and 181 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Assignments/MP04_CalebFontenot/public_html/activities.html
Unescape Escape View File

@ -10,7 +10,7 @@ Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/html.html to edit this
<link href="pacific.css" rel="stylesheet"> <link href="pacific.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<div class="wrapper"> <div id="wrapper">
<body> <body>
<header> <h1>Pacific Trails Resort</h1> </header> <header> <h1>Pacific Trails Resort</h1> </header>
<nav> <nav>

25
Assignments/MP06_CalebFontenot/Printed HTMLs/activities.html
Unescape Escape View File

@ -18,17 +18,16 @@ table {color: #888888; background-color: #313335; font-family: monospace; font-w
.block-comment {color: #808080} .block-comment {color: #808080}
.ws {color: #505050} .ws {color: #505050}
.argument {color: #bababa} .argument {color: #bababa}
.ST5 {color: #6a8759; background-color: #364135}
--> -->
</style> </style>
</head> </head>
<body> <body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP04_CalebFontenot/public_html/activities.html</td></tr></table> <table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP06_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 </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">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">--&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>
@ -37,19 +36,20 @@ 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">class</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><span class="ST3">wrapper</span><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>Pacific Trails Resort<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><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">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">b</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">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="ST4">&amp;nbsp;</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">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;yurts.html&quot;</span><span class="tag">&gt;</span> Yurts<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">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;yurts.html&quot;</span><span class="tag">&gt;</span> Yurts<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">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;activities.html&quot;</span><span class="tag">&gt;</span> Activities<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">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;activities.html&quot;</span><span class="tag">&gt;</span> Activities<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">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="ST4">&amp;nbsp;</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">b</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="ST5">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><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="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">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>
@ -66,6 +66,7 @@ table {color: #888888; background-color: #313335; font-family: monospace; font-w
<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="ST4">&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">html</span><span class="tag">&gt;</span> <span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
</pre></body> </pre></body>

33
Assignments/MP06_CalebFontenot/Printed HTMLs/index.html
Unescape Escape View File

@ -18,41 +18,43 @@ table {color: #888888; background-color: #313335; font-family: monospace; font-w
.block-comment {color: #808080} .block-comment {color: #808080}
.ws {color: #505050} .ws {color: #505050}
.argument {color: #bababa} .argument {color: #bababa}
.ST5 {color: #6a8759; background-color: #364135}
--> -->
</style> </style>
</head> </head>
<body> <body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP04_CalebFontenot/public_html/index.html</td></tr></table> <table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP06_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>
<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/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">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">--&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">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">title</span><span class="tag">&gt;</span>Pacific Trail Resort<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>Pacific Trail Resort<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
<span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;UTF-8&quot;</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;UTF-8&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">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">class</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><span class="ST3">wrapper</span><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">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><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">h1</span><span class="tag">&gt;</span>Pacific Trails Resort<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">body</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">b</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">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="ST4">&amp;nbsp;</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">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;yurts.html&quot;</span><span class="tag">&gt;</span> Yurts<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">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;yurts.html&quot;</span><span class="tag">&gt;</span> Yurts<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">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;activities.html&quot;</span><span class="tag">&gt;</span> Activities<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">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;activities.html&quot;</span><span class="tag">&gt;</span> Activities<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">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="ST4">&amp;nbsp;</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">b</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="ST5">homehero</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">homehero</span><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">main</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Enjoy Nature in Luxury<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>Enjoy Nature in Luxury<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">p</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">span</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST3">resort</span><span class="value">&quot;</span><span class="tag">&gt;</span>Pacific Trails Resort<span class="tag">&lt;/</span><span class="tag">span</span><span class="tag">&gt;</span> offers a special lodging experience on the California North Coast with panoramic views of the Pacific Ocean. <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">span</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST3">resort</span><span class="value">&quot;</span><span class="tag">&gt;</span>Pacific Trails Resort<span class="tag">&lt;/</span><span class="tag">span</span><span class="tag">&gt;</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">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span> Your stay at Pacific Trails Resort includes a sumptuous appointed private yurt and a cooked-to-order breakfast each morning.<span class="tag">&lt;/</span><span class="tag">p</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>
@ -79,13 +81,16 @@ table {color: #888888; background-color: #313335; font-family: monospace; font-w
<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">p</span><span class="tag">&gt;</span> <span class="tag">&lt;/</span><span class="tag">p</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">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="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">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="ST4">&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">html</span><span class="tag">&gt;</span>
</pre></body> </pre></body>

178
Assignments/MP06_CalebFontenot/Printed HTMLs/pacific.html
Unescape Escape View File

@ -8,16 +8,18 @@
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold} body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
pre {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} table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
.at_rule_symbol {color: #cc7832}
.ST1 {color: #287bde} .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}
--> -->
</style> </style>
</head> </head>
<body> <body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP04_CalebFontenot/public_html/pacific.css</td></tr></table> <table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP06_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>
@ -27,47 +29,67 @@ table {color: #888888; background-color: #313335; font-family: monospace; font-w
<span class="comments">Created on : Jan 25, 2023, 9:50:47 AM</span> <span class="comments">Created on : Jan 25, 2023, 9:50:47 AM</span>
<span class="comments">Author : caleb</span> <span class="comments">Author : caleb</span>
<span class="comments">*/</span> <span class="comments">*/</span>
<span class="strings">*</span> {
box-sizing: border-box;
}
<span class="strings">body</span> { <span class="strings">body</span> {
background-color: <span class="numbers">#90C7E3</span>; background-color: <span class="numbers">#EAEAEA</span>;
background-image: linear-gradient(to bottom, <span class="numbers">#FFFFFF</span>, <span class="numbers">#90C7E3</span>);
color: <span class="numbers">#555555</span>; color: <span class="numbers">#555555</span>;
font-family: Arial, Helvetica, sans-serif; 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> { <span class="strings">header</span> {
background-color: <span class="numbers">#002171</span>; background-color: <span class="numbers">#002171</span>;
color: <span class="numbers">#FFFFFF</span>; color: <span class="numbers">#FFFFFF</span>;
line-height: <span class="numbers">60px</span>;
top-padding: <span class="numbers">15px</span>;
text-align: center; text-align: center;
background-image: <span class="strings">url(&quot;images/sunset.jpg&quot;)</span>;
background-repeat: no-repeat;
background-position: right;
} }
<span class="strings">nav</span> { <span class="strings">nav</span> {
background-color: <span class="numbers">#FFFFFF</span>; <span class="comments">//float: left;</span>
text-align: center; <span class="comments">//width: 160px;</span>
font-weight: bold; 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; text-decoration: none;
padding: <span class="numbers">1em</span>; color: <span class="numbers">#FFFFFF</span>;
} }
<span class="strings">main</span> { <span class="strings">main</span> {
top-padding: <span class="numbers">1px</span>; padding: <span class="numbers">1px</span> <span class="numbers">20px</span> <span class="numbers">20px</span> <span class="numbers">30px</span>;
right-padding: <span class="numbers">20px</span>; display: block;
left-padding: <span class="numbers">20px</span>; overflow: auto;
background-color: <span class="numbers">#FFFFFF</span>;
} }
<span class="strings">h1</span>{ <span class="strings">h1</span>{
margin-bottom: <span class="numbers">0</span>; margin-bottom: <span class="numbers">0</span>;
font-family: Georgia, <span class="strings">&quot;Times New Roman&quot;</span>, sans-serif; font-family: Georgia, <span class="strings">&quot;Times New Roman&quot;</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> { <span class="strings">h2</span> {
color: <span class="numbers">#1976D2</span>; color: <span class="numbers">#1976D2</span>;
@ -81,9 +103,6 @@ table {color: #888888; background-color: #313335; font-family: monospace; font-w
<span class="strings">dt</span> { <span class="strings">dt</span> {
color: <span class="numbers">#002171</span>; color: <span class="numbers">#002171</span>;
} }
<span class="strings">ul</span> {
list-style-image: <span class="strings">url(&#39;images/marker.gif&#39;)</span>
}
<span class="strings">footer</span> { <span class="strings">footer</span> {
font-size: <span class="numbers">75%</span>; font-size: <span class="numbers">75%</span>;
font-style: italic; font-style: italic;
@ -91,34 +110,117 @@ table {color: #888888; background-color: #313335; font-family: monospace; font-w
text-align: center; text-align: center;
padding: <span class="numbers">2em</span>; 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> { <span class="strings">img</span> {
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="strings">#homehero</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>; height: <span class="numbers">300px</span>;
background-image: <span class="strings">url(&quot;images/coast.jpg&quot;)</span>; <span class="comments">//margin-left: 190px;</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="strings">#yurthero</span> { <span class="numbers">#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="strings">#trailhero</span> { <span class="numbers">#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="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">&quot;header header&quot;</span>
<span class="strings">&quot;nav hero&quot;</span>
<span class="strings">&quot;nav main&quot;</span>
<span class="strings">&quot;nav footer&quot;</span>
/ <span class="numbers">180px</span> <span class="numbers">1fr</span>;
}
} }
</pre></body> </pre></body>
</html> </html>

79
Assignments/MP06_CalebFontenot/Printed HTMLs/yurts.html
Unescape Escape View File

@ -18,17 +18,16 @@ table {color: #888888; background-color: #313335; font-family: monospace; font-w
.block-comment {color: #808080} .block-comment {color: #808080}
.ws {color: #505050} .ws {color: #505050}
.argument {color: #bababa} .argument {color: #bababa}
.ST5 {color: #6a8759; background-color: #364135}
--> -->
</style> </style>
</head> </head>
<body> <body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP04_CalebFontenot/public_html/yurts.html</td></tr></table> <table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP06_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>
<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://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">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">--&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>
@ -37,39 +36,49 @@ 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">class</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><span class="ST3">wrapper</span><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>Pacific Trails Resort<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><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">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">b</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">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="ST4">&amp;nbsp;</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">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;yurts.html&quot;</span><span class="tag">&gt;</span> Yurts<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">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;yurts.html&quot;</span><span class="tag">&gt;</span> Yurts<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">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;activities.html&quot;</span><span class="tag">&gt;</span> Activities<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">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;activities.html&quot;</span><span class="tag">&gt;</span> Activities<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">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="ST4">&amp;nbsp;</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">b</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="ST5">yurthero</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">yurthero</span><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="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">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST3">flow</span><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>The Yurts 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">section</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>What is a yurt?<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>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">&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">h3</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">strong</span><span class="tag">&gt;</span>How are the yurts furnished?<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>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">&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">h3</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">strong</span><span class="tag">&gt;</span>What should I bring?<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>Most guest pack comfortable walking shoes and plan to dress for changing weather with light layers of clothing.
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">div</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">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">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">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">main</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>The Yurts 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">dt</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">strong</span><span class="tag">&gt;</span>What is a yurt?<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">dd</span><span class="tag">&gt;</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">&lt;/</span><span class="tag">dd</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>How are the yurts furnished?<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">dd</span><span class="tag">&gt;</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">&lt;/</span><span class="tag">dd</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>What should I bring?<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">dd</span><span class="tag">&gt;</span>Most guest pack comfortable walking shoes and plan to dress for changing weather with light layers of clothing.
It&#39;s also helpful to bring a flashlight and a sense of adventure! <span class="tag">&lt;/</span><span class="tag">dd</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">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">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">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">html</span><span class="tag">&gt;</span> <span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
</pre></body> </pre></body>

7
Assignments/MP06_CalebFontenot/nbproject/private/private.xml
Unescape Escape View File

@ -2,11 +2,6 @@
<project-private xmlns="http://www.netbeans.org/ns/project-private/1"> <project-private xmlns="http://www.netbeans.org/ns/project-private/1">
<editor-bookmarks xmlns="http://www.netbeans.org/ns/editor-bookmarks/2" lastBookmarkId="0"/> <editor-bookmarks xmlns="http://www.netbeans.org/ns/editor-bookmarks/2" lastBookmarkId="0"/>
<open-files xmlns="http://www.netbeans.org/ns/projectui-open-files/2"> <open-files xmlns="http://www.netbeans.org/ns/projectui-open-files/2">
<group> <group/>
<file>file:/home/caleb/ASDV-WebDev/Assignments/MP04_CalebFontenot/public_html/activities.html</file>
<file>file:/home/caleb/ASDV-WebDev/Assignments/MP04_CalebFontenot/public_html/yurts.html</file>
<file>file:/home/caleb/ASDV-WebDev/Assignments/MP04_CalebFontenot/public_html/pacific.css</file>
<file>file:/home/caleb/ASDV-WebDev/Assignments/MP04_CalebFontenot/public_html/index.html</file>
</group>
</open-files> </open-files>
</project-private> </project-private>

2
Assignments/MP06_CalebFontenot/public_html/activities.html
Unescape Escape View File

@ -10,7 +10,7 @@ Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/html.html to edit this
<link href="pacific.css" rel="stylesheet"> <link href="pacific.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<div class="wrapper"> <div id="wrapper">
<body> <body>
<header> <h1><a id="headerlink" href=index.html>Pacific Trails Resort</a></h1> </header> <header> <h1><a id="headerlink" href=index.html>Pacific Trails Resort</a></h1> </header>
<nav> <nav>

4
Assignments/MP06_CalebFontenot/public_html/index.html
Unescape Escape View File

@ -3,14 +3,14 @@
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license 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 Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this template
--> -->
<html>
<head> <head>
<title>Pacific Trail Resort</title> <title>Pacific Trail Resort</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link href="pacific.css" rel="stylesheet"> <link href="pacific.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<div class="wrapper"> <div id="wrapper">
<header> <header>
<h1><a id="headerlink" href=index.html>Pacific Trails Resort</a></h1> <h1><a id="headerlink" href=index.html>Pacific Trails Resort</a></h1>
</header> </header>

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

@ -7,54 +7,41 @@ Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this t
Author : caleb Author : caleb
*/ */
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
body { body {
background-color: #EAEAEA; background-color: #EAEAEA;
color: #555555; color: #555555;
font-family: Arial, Helvetica, sans-serif; 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;
}
#headerlink {
color: white;
text-decoration: none;
}
header { header {
background-color: #002171; background-color: #002171;
color: #FFFFFF;
line-height: 120px;
padding-top: 30px;
padding-left: 3em;
text-align: center; text-align: center;
background-repeat: no-repeat;
background-position: right;
} }
nav { nav {
//float: left;
//width: 160px;
font-weight: bold;
padding: 0; padding: 0;
font-size: 120%; font-size: 120%;
float: left; text-align: center;
width: 160px; //text-decoration: none;
font-weight: bold;
text-decoration: none;
padding: 0;
} }
nav ul { nav ul {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
padding: 0; padding-left: 0;
font-size: 1.2em; font-size: 1.2em;
} }
nav li {
border-bottom: 1px solid darkblue;
}
nav a:link, a:visited { nav a:link, a:visited {
color: #344873; color: #344873;
} }
@ -65,17 +52,20 @@ header a:link a:visited {
text-decoration: none; text-decoration: none;
color: #FFFFFF; color: #FFFFFF;
} }
main { main {
padding-top: 1px; padding: 1px 20px 20px 30px;
padding-right: 20px; display: block;
padding-left: 20px; overflow: auto;
background-color: #FFFFFF; background-color: #FFFFFF;
width: 100%;
} }
h1{ h1{
margin-bottom: 0; margin-bottom: 0;
font-family: Georgia, "Times New Roman", sans-serif; font-family: Georgia, "Times New Roman", sans-serif;
font-size: 3em; //font-size: 3em;
padding-bottom: 0.5em;
letter-spacing: 0.25em; letter-spacing: 0.25em;
} }
h2 { h2 {
@ -90,9 +80,6 @@ h3 {
dt { dt {
color: #002171; color: #002171;
} }
ul {
list-style-image: url('images/marker.gif');
}
footer { footer {
font-size: 75%; font-size: 75%;
font-style: italic; font-style: italic;
@ -100,20 +87,22 @@ footer {
text-align: center; text-align: center;
padding: 2em; padding: 2em;
} }
.resort {
color: #1976D2;
font-weight: bold;
}
.contact {
font-size: 90%;
}
img { img {
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
// Classes and ids
.resort {
color: #1976D2;
font-weight: bold;
}
#contact { font-size: 90%}
#homehero { #homehero {
height: 300px; height: 300px;
margin-left: 190px; //margin-left: 190px;
background-image: url("images/coast2.jpg"); background-image: url("images/coast2.jpg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
@ -123,24 +112,90 @@ img {
background-image: url("images/yurt.jpg"); background-image: url("images/yurt.jpg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
margin-left: 190px; //margin-left: 190px;
} }
#trailhero { #trailhero {
height: 300px; height: 300px;
background-image: url("images/trail.jpg"); background-image: url("images/trail.jpg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
margin-left: 190px; //margin-left: 190px;
} }
#body { #body {
background-color: #FFFFFF; background-color: #FFFFFF;
margin-left: 190px; //margin-left: 190px;
width: auto; width: auto;
} }
table {
border: 0px; #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;
}
#headerlink {
color: white;
text-decoration: none;
}
table {
border: 0px;
} }
nav li { nav li {
box-shadow: 1px 1px 1px blue; box-shadow: 1px 1px 1px blue;
font-size: 0.5em; //font-size: 0.5em;
}
// Medium Styles
@media (min-width: 600px) {
nav ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
}
nav li {
boarder-bottom: none;
}
section {
margin-left: 2em;
margin-right: 2em;
flex: 1;
}
.flow {
display: flex;
flex-direction: row;
}
}
@media (min-width: 1024px) {
#wrapper {
margin: auto;
width: 80%;
border: 1px solid #002171;
box-shadow: 3px 3px 3px #002171;
}
nav { text-align: left;
padding-left: 1em;
}
@supports (display: grid)
nav ul {flex-direction: column;
padding-top: 1em;}
.hero { grid-area: hero;}
header { grid-area: header;}
nav { grid-area: nav;}
main { grid-area: main;}
footer { grid-area: footer; }
#wrapper { display: grid;
grid-template: "header header"
"nav hero"
"nav main"
"nav footer"
/ 180px 1fr;
}
} }

44
Assignments/MP06_CalebFontenot/public_html/yurts.html
Unescape Escape View File

@ -10,7 +10,7 @@ Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/html.html to edit this
<link href="pacific.css" rel="stylesheet"> <link href="pacific.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<div class="wrapper"> <div id="wrapper">
<body> <body>
<header> <h1><a id="headerlink" href=index.html>Pacific Trails Resort</a></h1> </header> <header> <h1><a id="headerlink" href=index.html>Pacific Trails Resort</a></h1> </header>
<nav> <nav>
@ -24,33 +24,33 @@ Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/html.html to edit this
<div id="yurthero"> <div id="yurthero">
</div> </div>
<div id="body"> <div id="body">
<div class="flow">
<main><h2>The Yurts at Pacific Trails</h2></main> <main><h2>The Yurts at Pacific Trails</h2></main>
<table> <section>
<tr> <h3><strong>What is a yurt?</strong></h3>
<td> <p>Our luxury yurts are permanent structures four feet off the ground.
<dt><strong>What is a yurt?</strong></dt> Each Yurt is fully enclosed with canvas walls, a wooden floor, and a roof dome that can be opened.</p>
<dd>Our luxury yurts are permanent structures four feet off the ground. </section>
Each Yurt is fully enclosed with canvas walls, a wooden floor, and a roof dome that can be opened.</dd> <section>
</td> <h3><strong>How are the yurts furnished?</strong></h3>
<td> <p>Each yurt is furnished with a queen-size bed with down quilt and gas-fired stove. Your luxury camping experience
<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 includes electricity and a sink with hot and cold running water. Shower and restroom facilities are located in the
lodge. </dd> lodge. </p>
</td> </section>
<td> <section>
<dt><strong>What should I bring?</strong></dt> <h3><strong>What should I bring?</strong></h3>
<dd>Most guest pack comfortable walking shoes and plan to dress for changing weather with light layers of clothing. <p>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> It's also helpful to bring a flashlight and a sense of adventure! </p>
</td> <section>
</tr> </div>
</table>
</body> </body>
<footer> <div id="contact">
<footer>
<small><i>Copyright &copy; 2023 Pacific Trails Resort</i></small> <small><i>Copyright &copy; 2023 Pacific Trails Resort</i></small>
<br> <br>
<a href="mailto:caleb@fontenot.com"> caleb@fontenot.com</a>&nbsp; <a href="mailto:caleb@fontenot.com"> caleb@fontenot.com</a>&nbsp;
</footer> </footer>
</div>
</div> </div>
</div> </div>
</html> </html>

BIN
ZIPs/MP06_CalebFontenot.zip
View File

Binary file not shown.