In this chapter$$s case study, you will use the Pacific Trails Resort existing website $($Chapter $8)$ as a starting point and add an informational table to the Yurts page on the Pacific Trails website. Your new page will be similar to Figure $9\mathrm{.}15$ when you have completed this case study.

You have three tasks in this case study: Create a new folder for this Pacific Trails case study.Modify the style sheet $($pacific$.$css$)$ to configure style rules for the new table.Modify the Yurts page to use a table to display information, as shown in Figure $9\mathrm{.}15.$ Task $1$: Create a folder called ch$9$pacific to contain your Pacific Trails Resort website files. Copy the files from the Chapter $8$Case Study ch$8$pacific folder into the new ch$9$pacific 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 $2$ pixel solid blue border $($#$3399$CC$)$ and no cellspacing $($use $).$ Configure the table cells. Code a new style rule for the td and th element selectors that sets padding to $0\mathrm{.}5$em and configures a $2$ pixel solid blue border $($#$3399$CC$).$ Center the td content. Code a new style rule for the td element selector that centers text.$$ Configure the text class. Notice that the content in the table data cells that contain the text description is not centered. Code a new style rule for a class named that will override the td style rule and left$-$align the text. Configure alternate$-$row background color. The table looks more appealing if the rows$$have alternate background colors but is still readable without them. Apply the CSS pseudo$-$class to configure the odd table rows with a light blue background color $($#F$5$FAFC$).$Save the pacific.css file. Task $3$: Update the Yurts Page. Open the yurts.html page for the Pacific Trails Resort $$website in a text editor. $$Add a blank line above the closing main tag.$$Configure the text $$Yurt Packages$$ within an h$3$ element.$$Below the new h$3$ element, configure a paragraph with the following text: $$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 you!$$ You are ready to configure the table. Position your cursor on a blank line under the paragraph and code a table with four rows and four columns. Use the table, th$,$ and td elements. Assign the td elements that contain the detailed descriptions to the class named $.$ The content for the table is as follows: Package NameDescriptionNightsCost per PersonWeekend EscapeTwo breakfasts, a trail map, and a picnic snack$2$$$450$Zen RetreatFour breakfasts, a trail map, a picnic snack, and a pass for the daily sunrise Yoga session$4$$$600$Kayak AwayTwo breakfasts, two hours of kayak rental daily, and a trail map$2$$$500$ Save your yurts.html file. Launch a browser and test your new page. It should look similar to Figure $9\mathrm{.}15.$ If the page does not display as you intended, review your work, validate the CSS$,$ validate the HTML$,$ modify as needed, and test again.