there was not a startup code. I am aware the codes are not fully correct, but I need help completing Tasks 2-5 and adding onto/changing my codes.

pacific.css

body { background-color:#4F6D93; color:#666666; font-family: Arial, Helvetica, sans-serif; background-image: linear-gradient(to bottom, #ffffff, #4F6D93); 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; text-align: center; height: 60px; padding-top: 15px; }

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

nav { font-weight:bold; padding: 10px; float: left; width: 160px; height: 800px; }

nav a { text-decoration: none; display: flex; line-height: 35px; }

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

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; }

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

#contact { font-size: 90%; }

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

a:link {color: #000033; }

a:visited {color: #344873; }

a:hover {color: #ffffff; }

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

#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; }

index:

Pacific Trails Resort

Home
Yurts
Activities
Reservations

Enjoy Nature in Luxury

Pacific Trails Resort offers a special lodging experience on the California North Coast. Relax in serenity with panoramic views of the Pacific Ocean.

• Private yurts with decks overlooking the ocean
• Activities lodge with fireplace and gift shop
• Nightly fine dining at the Overlook Cafe
• Heated outdoor pool and whirpool
• Guided hiking tours of the redwoods

Pacific Trails Resort 12010 Pacific Trails Road Zephyr, CA 95555 888-555-5555

Copyright © 2016 Pacific Trails Resort victoria@erlanger.com

yurts:

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

activities:

Pacific Trails Resort

Home

Yurts

Activities

Reservations

Activities at Pacific Trails

Hiking

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.

Kayacking

Ocean kayacks are available for guest use.

Bird Watching

While anytime is a good time for bird watching at Pacific Trails, we offer guided birdwatching trips at sunrise several times a week.

Copyright © 2016 Pacific Trails Resort victoria@erlanger.com

Desktop Display Tablet Display Smartphone Display Paeifie Trails Pacifie Trails Kesanl FIGURE 8.32 Resize the browser window to approximate the new tablet and smartphone display. 3. Edit the Home page (index.html). 4. Edit the Yurts page (yurts.html). 5. Edit the Activities page (activities.html). Task 1: Create a folder called ch8pacific to contain your Pacific Trails Resort website files. Copy the files from the Chapter 7 Case Study ch7pacific folder into the ch8pacific folder Task 2: Configure the CSS. Launch a text editor and open the pacific.css external style sheet file a. Configure Support of HTML5. Add the following style rule to configure most older browsers to render HTML5 block display elements as expected. header, main, nav, footer, figure, figcaption, aside, section article display: block; b. Configure Desktop Display. Code the following new styles 1. The mobile id. Set display to none. You'll apply this id when you edit the home page (index.html). 2. The desktop id. Set display to inline. You'll apply this id later when you edit the home page (index.html) c. Configure Tablet Display 1. Code a media query below the existing styles to select for typical tablet device viewport size amedia only screen and (max-width 64em) 2. Configure the following new styles within the media query: a. The body element selector. Set margin to O and the background color to 63% Page 276 of 447 Desktop Display Tablet Display Smartphone Display Paeifie Trails Pacifie Trails Kesanl FIGURE 8.32 Resize the browser window to approximate the new tablet and smartphone display. 3. Edit the Home page (index.html). 4. Edit the Yurts page (yurts.html). 5. Edit the Activities page (activities.html). Task 1: Create a folder called ch8pacific to contain your Pacific Trails Resort website files. Copy the files from the Chapter 7 Case Study ch7pacific folder into the ch8pacific folder Task 2: Configure the CSS. Launch a text editor and open the pacific.css external style sheet file a. Configure Support of HTML5. Add the following style rule to configure most older browsers to render HTML5 block display elements as expected. header, main, nav, footer, figure, figcaption, aside, section article display: block; b. Configure Desktop Display. Code the following new styles 1. The mobile id. Set display to none. You'll apply this id when you edit the home page (index.html). 2. The desktop id. Set display to inline. You'll apply this id later when you edit the home page (index.html) c. Configure Tablet Display 1. Code a media query below the existing styles to select for typical tablet device viewport size amedia only screen and (max-width 64em) 2. Configure the following new styles within the media query: a. The body element selector. Set margin to O and the background color to 63% Page 276 of 447