CS222 Web Programming Assignment 4


Instructor: Trish Cornez




Problem 1

Build the reponsive webpage shown in the images below.
  1. The first image illustrates the layout to be used for a larger screen, such as an iPad Pro.
  2. The second image illustrates the layout structure to be used on a smaller screen, such as an iPhone.
  3. The smaller screens must use a dropdown menu.
  4. Use Bootstrap





Problem 2

  1. Build the webpage shown in the mockup below.
  2. The web page must use a CSS file for formatting and a JavaScript file for interactivity.
  3. Use "controlgroup" with a "radio" type, to build the radio buttons.
  4. Upload the web page, along with additional files, to your website and make sure it displays properly in Chrome and Firefox.