NEED HELP with this in the next 2 hours PLEASE!!

JavaJam Coffee House Case Study In this chapter's case study you will use the exis starting point to create a new version of the websi display for mobile devices. Figure 8.35 displays wireframes ting JavaJam (Chapter 7) website as a for desktop browser, typical onfigure te that utilizes media queries to c t tablet screen, and typical smartphone screen display. When you have fin- Tablet Display Smartphone Desktop Browser Display wrapper header shed, the website will look the same in desktop browsers (see Figures 7.43 wrapper wrapper and 8.36). The mobile displays should Reade be similar to the screen captures in Figure 8.36. You have five tasks in this case study: header header main 1. Create a new folder for the Java Jam Coffee House website. Edit the javajam.css external style sheet to include media queries and styles needed for appropriate desk top, tablet, and smartphone display 2. fcoter URE 8.35 JavaJam wireframes 3. Edit the Home page (index.html) 4. Edit the Menu page (menu.html). 5. Edit the Music page (music.html). Tablet Display Smartphone Display Desktop Display duadam Coffee House FIGURE 8.36 Resize the browser window to approximate the new tablet and smartphone display Task 1: Create a folder called ch8javajam to contain your JavaJam Coffee House website files. Copy the files from the Chapter 7 Case Study ch7 javajam folder. Copy the file javalogomobile.gif from the student files chapter8/starters folder into the ch8javajam folder Task 2: Configure the CSS. Launch a text editor and open the javajam.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