Please help! I need help with coding on the following below page 197-200. I will

ID: 3589722 • Letter: P

Question

Please help! I need help with coding on the following below page 197-200. I will also attach my coding (index, yurts, css) that I used before so those are the ones that get modified. It has to match exaclty as the pictures provided below.

--------------- index ---------------

<!DOCTYPE html>
<html lang="en">
<head>
<title>Pacific Trails Resort :: Yurts</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="pacific.css">
</head>
<body>
<div id="wrapper">
<header>
<h1>Pacific Trails Resort</h1>
</header>
<nav><a href="index.html">Home</a>  
<a href="yurts.html">Yurts</a>  
<a href="activities.html">Activites</a>  
<a href="reservations.html">Reservations</a>
</nav>
<h2>Enjoy Nature in Luxury</h2>
<p>
<span class="resort">Pacific Trails Resort</span>
offer a special loading experience on the california North Coast. Relax in the serenity with panoramic view of
the
Pacific Ocean.
<ul>
<li>Private yurts with decks overlooking the ocean</li>
<li>Activities lodge with fireplace and gift shop</li>
<li>Nightly fine dining at the Overlook cafe</li>
<li>heated outdoor pool and whirlpool</li>
<li>Guided hiking for redwoods</li>

</ul>

</p>
<address>
<span class="resort">Pacific Trails Resort</span></br>
1210,Pacific Trails Road</br>
Zephyr, CA 9555</br></br>
888-555-5555
</address>
<footer>
Copyright © 2016 Pacific Trails Resort<br>
<a href="First@Last.com">First@Last.com</a>
</footer>
</div>

</body>
</html>

----------- yurts -------------

<dd>Our luxury yurts are permanent structures four feet off the ground.
<br> Each yurt has canvas walls, a wooden floor, and a roof dome that<br>
can be opened.<br></dd>
<dt><b>How are the yurts furnished?</b></dt>
<dd>Each yurt is furnished with a queen-size bed with
down quilt and <br>gas-fired stove.
The luxury camping experience also includes<br> electricity and a sink with hot and cold running water.

Shower and <br>restroom facilities are located in the lodge.<br></dd>
<dt><b>What should I bring?</b></dt>
<dd>Bring a
sense of adventure and some time to relax! Most guests also <br>pack comfortable
walking shoes and plan to dress for changing <br>weather with
layers of clothing.
</dd>
</dl>
<footer>
Copyright © 2016 Pacific Trails Resort<br>
<a href="First@Last.com">First@Last.com</a>
</footer>
</div>
</body>
</html>

---------------- css -----------------

body {
font-family: verdana, arial, sans-serif;
background-color: #FFFFFF;
color: #666666;
}

header {
font-family: Georgia, serif;
background-color: #000033;
color: #FFFFFF;
}

h1 {
line-height: 200%;
}

nav {
font-weight: bold;
background-color: #90C7E3;
}

h2 {
font-family: Georgia, serif;
color: #3399CC;
}

dt {
color: #000033;
font-weight: bold;
}

.resort {
color: #000033;
font-size: 1.2em;
}

footer {
font-size: .70em;
font-style: italic;
text-align: center;
}
#wrapper{
width: 80%;
margin-right: auto;
margin-left: auto;
}

Pacific Trails See Chapter 2 for an introduction to the Pacific Trails Case Study. Figure 2.38 shows a site map for Pacific Trails. The Home page and Yurts page were created in earlier chapters. Using the existing website as a starting point, you will modify the design of the pages to display a large image on each page, as indicated in the wireframe in Figure 4.52. You will also create a new page, the Activities page. You have five tasks in this case study wrapper header nav div with large image main 1. Create a new folder for this Pacific Trails case study, and obtain the starter image files 2. Modify the Home page to display a logo image and scenic div with contact info photograph as shown in Figure 4.53 3. Modify the Yurts page to be consistent with the Home page footer 4. Create a new Activities page, as shown in Figure 4.54 5. Modify the style rules in the pacific.css file as needed Figure 4.52 New Pacific Trails wireframe Hands-On Practice Case Task 1: Create a folder on your hard drive or portable storage device called pacific4 Copy all the files from your Chapter 3 pacificcss folder into the pacific4 folder. Obtain the images used in this case study from the student files. The images are located in the chapter4/casestudystarters/pacific folder. The images are sunset.jpg, coast.jpg, yurt.jpg trail.jpg, and background.jpg. Save the files in your pacific4 folder Task 2: The Home Page. Launch a text editor, and open the index.html file from your pacific4 folder. Modify the index.html file to look similar to the web page shown in Figure 4.53. Configure a div element to display the coast.jpg image. Code an opening div tag assigned to the id named homehero after the closing nav tag. Next, code a closing div tag As shown in the wireframe in Figure 4.52, this div is located between the nav element and the main element. There is no HTML or text content for this div. The purpose of this div is to display a large image (configured with CSS in Task 5) Save and validate your new index.html page. It will not yet be similar to Figure 4.53; you'll configure CSS in Task5 Task 3: The Yurts Page. Launch a text editor, and open the yurts.html page from your pacific4 folder. Configure a div element to display the yurt.jpg image. Code an opening div tag assigned to the id named yurthero after the closing nav tag. Next, code a closing div tag. As shown in the wireframe in Figure 4.52, this div is located between the nav element and the main element. There is no HTML or text content for this div. The purpose of this div is to display a large image (configured with CSS in Task 5). Save and validate your new yurts.html page

Explanation / Answer