Java Web Applications

Web Page

The objective of this exercise is to create a responsive design of the example web page.


  1. Insert semantic block elements into the HTML code that represent the logic structure of the web page.
  2. Create a CSS stylesheet styles.css to define the fonts and colors of the web page.
  3. Create a CSS stylesheet layout.css and use media queries to define a responsive layout of the web page (see the screenshots of a desktop and a mobile device).