Refactor. JS time!
This commit is contained in:
@@ -0,0 +1,44 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
|
||||
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/html.html to edit this template
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>Pacific Trail Resort :: Yurts</title>
|
||||
<meta charset="UTF-8">
|
||||
<link href="pacific.css" rel="stylesheet">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
<div id="wrapper">
|
||||
<body>
|
||||
<header> <h1><a id="headerlink" href=index.html>Pacific Trails Resort</a></h1> </header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html"> Home</a></li>
|
||||
<li><a href="yurts.html"> Yurts</a></li>
|
||||
<li><a href="activities.html"> Activities</a></li>
|
||||
<li><a href="reservations.html"> Reservations</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div id="trailhero">
|
||||
</div>
|
||||
<div id="body">
|
||||
<main><h2>Activities at Pacific Trails</h2></main>
|
||||
<dl>
|
||||
<dt><strong>Hiking</strong></dt>
|
||||
<dd>Pacific Trails Resort has 5 miles of hiking trails and is adjacent to a state park. Go it alone or join one of our guided hikes.</dd>
|
||||
<dt><strong>Kayaking</strong></dt>
|
||||
<dd>Ocean kayaks are available for guest use.</dd>
|
||||
<dt><strong>Bird Watching</strong></dt>
|
||||
<dd>While anytime is a good time for bird watching at Pacific Trails, we offer guided birdwatching trips at sunrise several times a week.</dd>
|
||||
</dl>
|
||||
</body>
|
||||
<footer>
|
||||
<small><i>Copyright © 2023 Pacific Trails Resort</i></small>
|
||||
<br>
|
||||
<a href="mailto:caleb@fontenot.com"> caleb@fontenot.com</a>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</html>
|
||||
BIN
Assignments/HTML/MP07_CalebFontenot/public_html/images/coast.jpg
Normal file
BIN
Assignments/HTML/MP07_CalebFontenot/public_html/images/coast.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 73 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 73 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 894 B |
Binary file not shown.
|
After Width: | Height: | Size: 306 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
Assignments/HTML/MP07_CalebFontenot/public_html/images/trail.jpg
Normal file
BIN
Assignments/HTML/MP07_CalebFontenot/public_html/images/trail.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 107 KiB |
BIN
Assignments/HTML/MP07_CalebFontenot/public_html/images/yurt.jpg
Normal file
BIN
Assignments/HTML/MP07_CalebFontenot/public_html/images/yurt.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 91 KiB |
68
Assignments/HTML/MP07_CalebFontenot/public_html/index.html
Normal file
68
Assignments/HTML/MP07_CalebFontenot/public_html/index.html
Normal file
@@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
|
||||
Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this template
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>Pacific Trail Resort</title>
|
||||
<meta charset="UTF-8">
|
||||
<link href="pacific.css" rel="stylesheet">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1><a id="headerlink" href=index.html>Pacific Trails Resort</a></h1>
|
||||
</header>
|
||||
<body>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html"> Home</a></li>
|
||||
<li><a href="yurts.html"> Yurts</a></li>
|
||||
<li><a href="activities.html"> Activities</a></li>
|
||||
<li><a href="reservations.html"> Reservations</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div id="homehero">
|
||||
</div>
|
||||
<div id="body">
|
||||
<main><h2>Enjoy Nature in Luxury</h2></main>
|
||||
|
||||
<p><span class="resort">Pacific Trails Resort</span> offers a special lodging experience on the California North Coast with panoramic views of the Pacific Ocean.
|
||||
Your stay at Pacific Trails Resort includes a sumptuous appointed private yurt and a cooked-to-order breakfast each morning.</p>
|
||||
<ul>
|
||||
<li>
|
||||
Relax in our lodge while enjoying complimentary appetizers and beverages
|
||||
</li>
|
||||
<li>
|
||||
Savor nightly fine dining with an ocean views
|
||||
</li>
|
||||
<li>
|
||||
Unwind in the heated outdoor pool and whirlpool
|
||||
</li>
|
||||
<li>
|
||||
Explore the coast on your own or join our guided tours
|
||||
</li>
|
||||
</ul>
|
||||
<div class="id">
|
||||
<p>
|
||||
<span class="resort">Pacific Trails Resort</span> <br>
|
||||
12010 Pacific Trails Road <br>
|
||||
Zephyr, CA 95555 <br>
|
||||
<br>
|
||||
888-555-5555
|
||||
<br>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<footer>
|
||||
<small><i>Copyright © 2023 Pacific Trails Resort</i></small>
|
||||
<br>
|
||||
<a href="mailto:caleb@fontenot.com"> caleb@fontenot.com</a>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</html>
|
||||
|
||||
218
Assignments/HTML/MP07_CalebFontenot/public_html/pacific.css
Normal file
218
Assignments/HTML/MP07_CalebFontenot/public_html/pacific.css
Normal file
@@ -0,0 +1,218 @@
|
||||
/*
|
||||
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
|
||||
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
|
||||
*/
|
||||
/*
|
||||
Created on : Jan 25, 2023, 9:50:47 AM
|
||||
Author : caleb
|
||||
*/
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
body {
|
||||
background-color: #EAEAEA;
|
||||
|
||||
color: #555555;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: #002171;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav {
|
||||
//float: left;
|
||||
//width: 160px;
|
||||
font-weight: bold;
|
||||
padding: 0;
|
||||
font-size: 120%;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
nav li {
|
||||
border-bottom: 1px solid darkblue;
|
||||
}
|
||||
|
||||
nav a:link, a:visited {
|
||||
color: #344873;
|
||||
text-decoration: none;
|
||||
}
|
||||
nav :hover {
|
||||
color: #A52A2A;
|
||||
}
|
||||
header a:link a:visited {
|
||||
text-decoration: none;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
main {
|
||||
padding: 1px 20px 20px 30px;
|
||||
display: block;
|
||||
overflow: auto;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
h1{
|
||||
margin-bottom: 0;
|
||||
font-family: Georgia, "Times New Roman", sans-serif;
|
||||
//font-size: 3em;
|
||||
padding-bottom: 0.5em;
|
||||
letter-spacing: 0.25em;
|
||||
}
|
||||
h2 {
|
||||
color: #1976D2;
|
||||
font-family: Georgia, "Times New Roman", sans-serif;
|
||||
text-shadow: 1px 1px #CCCCCC;
|
||||
}
|
||||
h3 {
|
||||
color: #000033;
|
||||
font-family: Georgia, "Times New Roman", sans-serif;
|
||||
}
|
||||
dt {
|
||||
color: #002171;
|
||||
}
|
||||
footer {
|
||||
font-size: 75%;
|
||||
font-style: italic;
|
||||
font-family: Georgia, "Times New Roman", sans-serif;
|
||||
text-align: center;
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
img {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
/* Classes and ids */
|
||||
.resort {
|
||||
color: #1976D2;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.text {
|
||||
text-align: left;
|
||||
padding: unset;
|
||||
/* border: none ; */
|
||||
}
|
||||
:nth-of-type {
|
||||
background-color: #F5FAFC;
|
||||
}
|
||||
#contact { font-size: 90%}
|
||||
|
||||
#homehero {
|
||||
height: 300px;
|
||||
//margin-left: 190px;
|
||||
background-image: url("images/coast2.jpg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
#yurthero {
|
||||
height: 300px;
|
||||
background-image: url("images/yurt.jpg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
//margin-left: 190px;
|
||||
}
|
||||
#trailhero {
|
||||
height: 300px;
|
||||
background-image: url("images/trail.jpg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
//margin-left: 190px;
|
||||
}
|
||||
#body {
|
||||
background-color: #FFFFFF;
|
||||
//margin-left: 190px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#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: 2px solid #3399CC;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
table td, th {
|
||||
padding: 0.5em;
|
||||
border: 2px solid #3399CC;
|
||||
}
|
||||
table td {
|
||||
text-align: center;
|
||||
}
|
||||
nav li {
|
||||
box-shadow: 1px 1px 1px blue;
|
||||
//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;
|
||||
}
|
||||
}
|
||||
84
Assignments/HTML/MP07_CalebFontenot/public_html/yurts.html
Normal file
84
Assignments/HTML/MP07_CalebFontenot/public_html/yurts.html
Normal file
@@ -0,0 +1,84 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
|
||||
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/html.html to edit this template
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>Pacific Trail Resort :: Yurts</title>
|
||||
<meta charset="UTF-8">
|
||||
<link href="pacific.css" rel="stylesheet">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
<div id="wrapper">
|
||||
<body>
|
||||
<header> <h1><a id="headerlink" href=index.html>Pacific Trails Resort</a></h1> </header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html"> Home</a></li>
|
||||
<li><a href="yurts.html"> Yurts</a></li>
|
||||
<li><a href="activities.html"> Activities</a></li>
|
||||
<li><a href="reservations.html"> Reservations</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div id="yurthero">
|
||||
</div>
|
||||
<div id="body">
|
||||
<div class="flow">
|
||||
<main><h2>The Yurts at Pacific Trails</h2></main>
|
||||
<section>
|
||||
<h3><strong>What is a yurt?</strong></h3>
|
||||
<p>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.</p>
|
||||
</section>
|
||||
<section>
|
||||
<h3><strong>How are the yurts furnished?</strong></h3>
|
||||
<p>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. </p>
|
||||
</section>
|
||||
<section>
|
||||
<h3><strong>What should I bring?</strong></h3>
|
||||
<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! </p>
|
||||
<section>
|
||||
</div>
|
||||
<h3><strong>Yurt Packages</strong></h3>
|
||||
<p>A variety of luxury yurt packages are available. Choose a package below and contact us to begin your reservation. We're happy to build a custom package just for you!</p>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Package Name</th>
|
||||
<th>Description</th>
|
||||
<th>Nights</th>
|
||||
<th>Cost per Person</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Weekend Escape</td>
|
||||
<td class="text">Two breakfasts, a trail map, and a picnic snack</td>
|
||||
<td>2</td>
|
||||
<td>$450</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Zen Retreat</td>
|
||||
<td class="text">Four breakfasts, a trail map, a picnic snack, a press for the daily sunrise Yoga session</td>
|
||||
<td>4</td>
|
||||
<td>$600</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Kayak Away</td>
|
||||
<td class="text">Two breakfasts, two hours of kayak rental daily, and a trail map</td>
|
||||
<td>2</td>
|
||||
<td>$500</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
<div id="contact">
|
||||
<footer>
|
||||
<small><i>Copyright © 2023 Pacific Trails Resort</i></small>
|
||||
<br>
|
||||
<a href="mailto:caleb@fontenot.com"> caleb@fontenot.com</a>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</html>
|
||||
Reference in New Issue
Block a user