Yellow Jacket
Blue Ridge High School
Yellow Jacket
Home > Web Design > Web II > Responsive Website

Objectives

Tasks

  1. Create a responsive website company website
  2. Create a company logo
  3. Create a responsive menu: One menu for the desktop version and a drop-down menu for the mobile version.
  4. Use media queries to format the different version of your site, which will utilize something like the following: @media (max-width: 600px) {CSS}.
  5. Be sure to include <meta name="viewport" content="width=device-width, initial-scale=1"> to ensure that the text size adjusts correctly for smaller screen devices.
  6. Create a form that includes at least three of the following form items:
    1. Include at least three of the following items:
      • Text
      • Text area (such as a place to leave comments)
      • Email
      • Date
      • Check Box
    • Include at least one of the following:
    • Radio Button
    • Select Item
  7. Create links to this assignment so it can be accessible from your home page.
  8. Validate your page using the W3C validator.