Question: Write the XHTML and CSS code necessary to recreate the following appearance on-screen. (Adapted from the WA.B.L page of the Washington Beer Commision website, washingtonbeer.com.)

 Write the XHTML and CSS code necessary to recreate the following

Write the XHTML and CSS code necessary to recreate the following appearance on-screen. (Adapted from the WA.B.L page of the Washington Beer Commision website, washingtonbeer.com.) Home of the WASHINGTON BEER Commission ashington Home Festivals Breweries News WABL About Us Contact WA.B.L. is a community of WAshington Beer Lovers celebrating the FRESH, LOCAL, AWARD-WINNING craft beer produced in our state It's a Washington Beer Fan Club! WA.B.L.'ers enjoy monthly invitation-only events at various breweries, brewpubs, tasting rooms, and other businesses promoting tasty Washington beer Each year, upon renewal of their membership, WA.B.L.ers receive a cool t-shirt with a design unique to that year, listing all member breweries. OIN WA.B.L NOW WA.B.L.ers are also encouraged to visit breweries when they're out they collect stamps from the breweries they visit Collecting stamps from WA breweries can get you some great prizes! around the state. Each member is issued a passport in which Most of the XHTML code is given to you; the code given may not be modified. The only change you may make to the provided XHTML code is that you may add any number of div and/or span elements, possibly with id and/oir class attributes, as targets for CSS styling. Write valid code that would pass the W3C validators. Assume that the given XHTML code would appear inside the body of the page . Text on the page uses a sans-serif font. The area around the outside of the page has a yellowish color of #FFB 131 The overall central page area has a white background, and a 5px-thick solid black border on its bottom edge only. It is centered within the page and is 950px wide The list of links appears without bullets, displayed all in one line, centered on the page. Each link's text is bold, not underlined, colored #FFB 131, has a line height of 2em, and has 1.5em of horizontal spacing on either side of it. (Between two adjacent links there is a total of 3em space.) The main content area (beneath the navigation links) has 1.5em of horizontal space on the left and right. All the headers inside of it are underlined The "Join WA.B.L" section is located on the right side of the main content area, with text flowing around it. Its font size is 190% of the font size of the rest of the page, and its background is colored #FBC57B. There is .75em of space separating its content from its edges, as well as lem of space separating its edges from the surrounding content. All other appearance is unspecified, and is subject to the default rendering of the browser Mark up the text on the next page with vour div/span tags. If a tag can't fit in the space provided, write it in the margins and draw an arrow to where it should be inserted

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!