This is for the the index page:

Atlantic Trails Resort

• Home
• Accommodations
• Activities
• Reservations
• Entretainment Schedule

Enjoy Nature in Luxury

Atlantic Trails Resort offers a special lodging experience on the rugged AltanticNorth Coast of Maine. Relax in serenity with panoramic views of the Atlantic Ocean.

• Private bunglows with decks overlooking the ocean
• Activities lodge with fireplace and gift shop
• Nightly fine dining at the Overlook Cafe
• Heated outdoor pool and whirlpool
• Guided hiking tours of the pine forests

Atlantic Trails Resort
1227 Atlantic Trails Way
Cliffside, Maine 04226
888-555-5555

Copyright © 2019 Atlantic Trails Resort
md@hossen.com

Here is the accomodation page.

Atlantic Trails Resort

• Home
• Accommodations
• Activities
• Reservations
• Entretainment Schedule

The Accomodations at Atlantic Trails

What is a bungalow?

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

How are the bungalows furnished?

Each bungalow is furnished with a queen-size bed with down 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

Accommodation Packages

A variety of luxury accommodation 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!

A variety of luxury accommodation packages ara available. We'll be happy to construct a package just for you, or choose from one of our convenient packages. Contact us to begin designing your next vacation. We're happy to build a custom package just for you!

Package Name	Description	Nights	Cost per Person
Weekend Special	Two breakfasts, a trail map, and a picnic snack	2	$550
Zen Retreat	Four breakfasts, a trail map, a picnic snack, and a pass for the daily sunrise Yoga session	4	$725
Kayak Away	Two breakfasts, two hours of kayak rental daily and a trail map	2	$400
Honeymoon Adventure	Five breakfasts, five undisturbed days, and a guided trail tour	5	$1500
Moonlight Madness	One dinner, moonlight nature walk to the ocean, and a trail map	1	$300

Copyright © 2019 Atlantic Trails Resort md@hossen.com

Project Two This assignment has three main objectives: (1) To give you some practice altering an existing webpage. (2) To apply CSS to alter the presentation of a webpage. (4) To begin to work with color schemes and color palettes for webpages. Project Two Begin this assignment with the two webpages that you created for Project One. Project One created the main (index) page and an accommodations page for the Atlantic Trails Resort web site. The wireframe for each of the two pages you developed in Project One is shown below (note the slight modification for the contact id on the index page for Project Two): header header navigation navigation content (main) content (main) contact id (div) footer footer index page accommodations page Project Two: Folder Structure As your project becomes more sophisticated, it will be a good idea to begin organizing the files of the project now. So put your markup and CSS is separate folders as shown below. To link your CSS into your markup using this file structure the href attribute for the link element should be ../CSS folder/atlantic.css. Project Two folder HTML folder CSS folder Images folder JavaScript folder index.html index.htmlaccommendations accommodations .html atlantic.css atlantic Project Two: Task 1 Copy the index.html and accommodations.html files from your Project One folder into the html folder of the new folder named Project Two. Your first task for Project Two is to create a valid external style sheet, named atlantic.css. Be sure to comment your CSS file where appropriate. At this point there probably won't be a lot of necessary commenting, but I would suggest including a color palette comment at the top of this file. I'll demonstrate this in class. We'll discuss CSS file organization more later, but for now I would suggest alphabetizing property values within rules and either a general-to-specific or a specific-to-general overall structure. Project Two! rask 1 Code the CSS to the following specifications: Select the element to have background color #CBDODE and text color #000001 Select

elements to have background color #000033 and text color #FFFFFF. Select

elements to have background color #90C7E3 and a line height of 1.25em. Select

elements to have text color #334DCC. Select

elements to have a margin-bottom property of 1.5em. Select

elements to have text color #000099 and a font-size of 14 point. Define a class named resort that specifies text color #005CE6. Define an id named contact that specifies the font-size to be 10 point. To eliminate the gap that will appear between the

and the

element you can set the margin-bottom property of the

element in the

to 0. Project Two: Task 2 The second task for this project is to modify the index.html markup utilize the CSS found in the atlantic.css stylesheet. Within the markup in index.html do the following: Configure a element that contains the company name "Atlantic Trails Resort" in the first paragraph below the

element. Assign the class resort to this Configure a element that contains the company name "Atlantic Trails Resort" where it appears just above the street address. Assign the class resort to this . If you do not already have a

element that contains the address and phone number, add one now and assign to it an id named contact. After making these changes your main page should look like the one shown on the next slide