I\'m need help in the Pacific Trails section of the assignment. I posted my chap
ID: 3592668 • Letter: I
Question
I'm need help in the Pacific Trails section of the assignment. I posted my chapter 2 assignment on the bottom of the picture. I'm using Notepad++.
This was the previous assignment: CHAPTER 2 ASSIGMENT
paste the first content to index.html file and second to yurts.html.
First: (index.html contents are below)
<!DOCTYPE html>
<head>
<title>Pacific Trails Resorts</title>
</head>
<style>
a{
padding-right:14px; /* padding anchor tage to right 15px for nav menu */
}
</style>
<body>
<header>
<h1>Pacific Trails Resort</h1>
<nav>
<a href="index.html">Home</a>
<a href="yurts.html">Yurts</a>
<a href="#">Activities</a>
<a href="#">Reservation</a>
</nav>
</header>
<main>
<h2>Enjoy Nature in Luxury</h2>
<p>PacificTrails Resort offers a special lodging experience on the California <br>North Coast. Relax in serenity with panoramic viewa of the Pacific Ocean.</p>
<ul>
<li>Private yurts wiyh decks overloading 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 tours of the redwoods</li>
</ul>
<div>
<p>Pacific Trails Resort<br>12010 Pacific Trails Road<br>Zephyr, CA 95555<br><br>888-555-5555</p>
</div>
</main>
<footer>
<p><i>Copyright © 2016 Pacific Trails Resort<br><small><a href="">yourname@yourname.com</a></small></i></p>
</footer>
</div>
</body>
</html>
Second: (yurts.html contents are below)
<!DOCTYPE html>
<head>
<title>Pacific Trails Resorts</title>
</head>
<style>
a{
padding-right:14px; /* padding anchor tage to right 15px for nav menu */
}
</style>
<body>
<header>
<h1>Pacific Trails Resort</h1>
<nav>
<a href="index.html">Home</a>
<a href="yurts.html">Yurts</a>
<a href="#">Activities</a>
<a href="#">Reservation</a>
</nav>
</header>
<main>
<h2>The Yurts at Pacific Trails</h2>
<div>
<dl>
<dt><strong>What is yurt?</strong></dt>
<dd>Our luxury yurts are permanent structuresfour feet off the ground.<br>Each yurt has canvas walls, a wooden floor, and a roof dome that <br>can be opened.</dd>
<dt><strong>How are the yurts furnished?</strong></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 facilites are located in the lodge.</dd>
<dt><strong>What should I bring?</strong></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>
<p>Pacific Trails Resort<br>12010 Pacific Trails Road<br>Zephyr, CA 95555<br><br>888-555-5555</p>
</div>
</main>
<footer>
<p><i>Copyright © 2016 Pacific Trails Resort<br><small><a href="">yourname@yourname.com</a></small></i></p>
</footer>
</div>
</body>
</html>
output:(index.html)
speted the image names corecty, Arother usetud troublestooting techniy.se is to valkiate the HTML and ess code. Ses Chapters 2 and 3 for Hands-On Practice exercises that describe how to use these validstors Pacific Trails Se Chapler 2 for an introduction to the Pacitc Trsts Case Study Fgure 2 38 shows a sie map for Pactic Trails. The Home page and Yurts page were crealed n eatlier chapters Usns the esisting website as a staring point you wiftl modity the design of the pages lo cispley a arge image on each pogs, as indicated in the wirehrame in Figure 4,52. You wl abo create s new pege, the Actviies page You have fe lasks im ths case shiudy wrapper 1. Creste a new lolder for thes Pacific Trals case study, and obtain the starter image iles 2. Modily the Home page to display a logo image and scenc phokograph as shown in Figure 4.53 u with contact isfo 3, Mocily the Yurts page to be consistent with the Home pegs 4. Create a new Activites page, as showm in Figure454 Figure 4.52 New Pacific Trais 5. Modity the style ruies in the pacficcss ile as needed Hands-On Practice Case Task 1: Creste a toider on your hard drive or portable storage deice called pactiod Copy al the files trom your Chapter 3 pacficcss okder into the pechod solder. Olar the images Used in this case stuty from the student files. The imsges are kocated in the chapter4casesluctystarters pachc tolder The images ate sunset ipe, coast.ce yurt jpe trailing, and backgroundjpe Save the fles in your pacific4 folder Task 2: The Home Page. Launch a test eoltor, and open the imodes.html file from your pacfica folder. Modity the index.htmi hle to lock siwlar to The web page sthown inre 4.53 Confeure a div element to deploy The oest imega. Code an opering div tag assigned to the id ramed homhero afe the closing na teg. Next, oodte & chsirg dw g As shown in the wireframe in Figure 4.52, thi div is located bet ween the naw element and the main element. There is no HTML or test contert tor this dw. The purpase of this die a Fiure 4.53you Save and valiclate your new index.trtmi page. h will not yet be simlr conligure CSS in Task 5 Task 3: The Yarts Page. Launch a lext edtor, and open the yuns.hn page vorm your ocific4 tolder. Contuure a dw eerneto db pay the sul lpg image. Cate an open re du tag assig ved to the id named yor thero atter the closng nav tag Next, code a clasng dy tng. As smwn in the wreframe n Figure 4.52, the dir Incaned between the rkir terment and the main element There s no HTML or beat cotert for thdv. The pairpose of this dw s to display a large imagecged with C55 n Task 51. Save and valdate yout new yurts hlmi pageExplanation / Answer
<!DOCTYPE html>
<head>
<title>Pacific Trails Resorts</title>
</head>
<style>
a{
padding-right:14px; /* padding anchor tage to right 15px for nav menu */
}
</style>
<body>
<header>
<h1>Pacific Trails Resort</h1>
<nav>
<a href="index.html">Home</a>
<a href="yurts.html">Yurts</a>
<a href="#">Activities</a>
<a href="#">Reservation</a>
</nav>
</header>
<main>
<h2>The Yurts at Pacific Trails</h2>
<div>
<dl>
<dt><strong>What is yurt?</strong></dt>
<dd>Our luxury yurts are permanent structuresfour feet off the ground.<br>Each yurt has canvas walls, a wooden floor, and a roof dome that <br>can be opened.</dd>
<dt><strong>How are the yurts furnished?</strong></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 facilites are located in the lodge.</dd>
<dt><strong>What should I bring?</strong></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>
<p>Pacific Trails Resort<br>12010 Pacific Trails Road<br>Zephyr, CA 95555<br><br>888-555-5555</p>
</div>
</main>
<footer>
<p><i>Copyright © 2016 Pacific Trails Resort<br><small><a href="">yourname@yourname.com</a></small></i></p>
</footer>
</div>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.