please modify the html file and .css file using Tasks 2 and 3.

Pacific.css file:

header, main, nav, footer, figure, figcaption, aside, section, article { display: block; }

body { background-color:#4F6D93; color:#666666; font-family: Arial, Helvetica, sans-serif; background-image: linear-gradient(to bottom, #ffffff, #90c7e3); background-repeat: no-repeat; }

#wrapper { width: 80%; margin-left: auto; margin-right: auto; background-color: #90C7E3; min-width: 960px; max-width: 2048px; box-shadow: 3px 3px 3px #333333; }

header { background-color: #000033; color:#FFFFFF; background-image: url(sunset.jpg); background-position: right; background-repeat: no-repeat; height: 60px; text-align: center; padding-top: 15px; }

h1 { margin-bottom: 0; margin-top: 0; font-family: Georgia, "Times New Roman", serif; }

nav { float: left; width: 160px; font-weight: bold; padding: 20px; }

nav ul {list-style-type: none; margin: 0; padding-left: 0; font-size: 1.2em; }

nav a { text-decoration: none; }

nav a:link {color: #000033;} nav a:visited {color: #344873;} nav a:hover {color: #FFFFFF;}

main { padding: 1px 20px 20px 30px; display:block; background-color: #FFFFFF; margin-left: 190px; }

h2 { color:#3399CC; font-family: Georgia, "Times New Roman", serif; text-shadow: 1px 1px 1px #ccc; }

h3 { color: #000033; font-family: Georgia, "Times New Roman", serif; }

dt {color:#000033; }

main ul { list-style-image: url(marker.gif); }

footer {font-size: 75%; font-style: italic; font-family: Georgia, "Times New Roman", serif; text-align: center; padding: 20px; background-color: #FFFFFF; margin-left: 190px; }

.resort {color:#5C7FA3; font-weight: bold; }

#contact { font-size: 90%; }

#homehero { background-image: url(coasthero.jpg); height: 300px; background-repeat: no-repeat; background-size: 100% 100%; margin-left: 190px; }

#yurthero { background-image: url(yurthero.jpg); height: 300px; background-repeat: no-repeat; background-size: 100% 100%; margin-left: 190px; }

#trailhero { background-image: url(trailhero.jpg); height: 300px; background-repeat: no-repeat; background-size: 100% 100%; margin-left: 190px; }

#mobile { display: none; } #desktop { display: inline; }

@media only screen and (max-width: 64em) { body { margin: 0; background-color: #FFFFFF; } #wrapper { min-width: 0; width: auto; box-shadow: none; } #homehero, #yurthero, #trailhero { margin-left: 0; height: 200px; } main { margin-left: 0; } nav { float: none; width: auto; padding: .5em; text-align: center; } nav li { display: inline; padding: .25em .75em; } footer { margin-left: 0;} } @media only screen and (max-width: 37.5em) { header { padding-top: 1em; } main { padding: .1em 1em; font-size: 90%; } h1 { font-size: 1.5em; } nav { padding: 0;} nav li { display: block; margin: 0; border-bottom: 2px solid #330000; } nav a { display: block;} #homehero, #yurthero, #trailhero { background-image: none; height: 0;} #mobile {display: inline;} #desktop {display: none;} }

yurts.html file:

Pacific Trails Resort

• Home
• Yurts
• Activities
• Reservations

The Yurts at Pacific Trails

What is a yurt?

Our luxury yurts are permanent structures four feet off the ground. Each yurt has canvas walls, a wooden floor, and a roof dome that can be opened.

How are the yurts furnished?

Each yurt is furnished with a queen-size bed with donw quilt and gas-fired stove. The luxury camping experience also includes electricity and a sink with hot and cold running water. Shower and restroom facilities are located in the lodge.

What should I bring?

Bring a sense of adventure and some time to relax! Most guests also pack comfortable walking shoes and plan to dress for changing weather with layers of clothing.

Copyright © 2016 Pacific Trails Resort victoria@erlanger.com

The Yurts at Pacifie Trails What is a yurt? Our luxury yurts are pormanent structures four foat off the ground Each yurt has canvas wals a wooden floor, and a roof dome that can be opened How are the yurts funished? Each yurt is furnished with a queen-size bed with down quilt and gas-fired stove. The luury camping experence a so ncludes electricity and snk with hot and cold running water Shower and restroom faciities are located in the lodge What should I bring? Bring a sense of adventure and some time to relaxl Most guests aso pack comfortable walking shoes and plan to dress tor changing weater wmiayers of clothing Yurt Packages 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 youl Cost per Nights Person Name Wookond | Two breaktasts, a trail mne, and Escape snack picnic Four breakfasts, a tral map, a picnic Yoga session Two breakfasts, two hours of kayak rental daily, and a trail map Zen Retreat snack, and a pass for the daly sunrise 600 Kayak Poway 5500 20 Pacific Treis s FIGURE 9.15 Yurts page with a table. You have three tasks in this case study: 1. Create a new folder for this Pacific Trails case study 2. Modify the style sheet (pacific.css) to configure style rules for the new table 3. Modify the Yurts page to use a table to display information as shown in Figure 9.15. Task 1: Create a folder called ch9pacific to contain your Pacific Trails Resort website files. Copy the files from the Chapter 8 Case Study ch8pacific folder into the new ch9pacific folder Task 2: Configure the CSS. You will add styles to configure the table on the Yurts page Launch a text editor and open the pacific.css external style sheet file. You will add new style rules above the media queries. .Configure the table. Code a new style rule for the table element selector that configures a table with a 1 pixel solid blue border (#3399CC), 80% width, and no cellspacing (use border-spacing: 0) .Configure the table cells. Code a new style rule for the td and th element selectors that configures 5 pixels of padding and a 1 pixel solid blue border (#3399CC). 302 Chapter 9 Table Basics