Assignment Description:

In this assignment you will develop four HTML pages, according to the following specifications.

1. Choose an event / meetup domain and categories of interest to you. You must develop your own unique site with branding, categories, and events representative of that domain. Creativity is highly encouraged but the app must be in the event/meetup domain.
2. You are not allowed to select previously created branding / content. You must create your own. In particular, you must not use any branding / content from (1) the assignment itself; (2) the textbook; or (3) any other students in any of the sections of the course or in previous sections of the course.
3. Each of the pages specified must be a standalone, individual HTML page. And not, for example, framed or one single page with main content section visibility switching.
4. Each of the pages must be standalone, but must have a common design to preserve the look-and-feel of the site. So, some of the common look-and-feel elements will be repeated across pages. Common look-and-feel elements must render exactly the same, so there are seamless transitions with no jitter between pages for common elements.
5. You must conform to the required overall page layout structure.
6. Within each of the sections of the overall page layout structure, you may style the content differently than the representative examples (color scheme, alignment, etc.), as long as the illustrated types of content are present and represented in a reasonable and understandable way.
7. All of the content must be represented using HTML directly (no JavaScript DOM generation).

Required Page Structure

All pages must use the following foundational layout structure, including:

• Full-width containers of sensible height for (1) page header area, (2) area for navigation elements, (3) page footer area.
• Full-width container for the main content area.

Page 1 Home Page

Common content elements described here (navigation, header, footer) also apply to the other pages. This page should provide the following content / functionality:

• Filename: index.html
• Logo / primary branding in the header
• Representative links for user-specific navigation (login-in, signup, etc.)
  • Log in and sign up links are inactive for this stage
  • The link for the "Start a new connection" must be linked to newConnection.html.
• Representative links for general site navigation (home, connections, about, etc.)
  • Connections link must provide navigation to connections page
  • Logo image must link to home page
• Representative footer information (copyright, etc.)
• Main content area should provide an introduction and overview to the site. May be more than simple text.

Page 2 Connections Page

This page should provide the following content / functionality in addition to common content:

Filename: connections.html

• At least two categories of connections
• At least three connections per category/topic
• All connection listings should link to the same connection page, as a design placeholder
• Note that within the main content container, category/topic organization may be fancier than a plain list.

Page 3 Connection Detail

This page should provide the following content / functionality in addition to common content: (Note: only one connection page is needed as a representative page not a different one for every item in the connections list)

• Filename: connection.html
• Picture of the connection
• Connection highlights, including category/topic, host user name, time / date, and location
• Connection detail description
• Buttons to update and delete the connection
  • Update button action should link to the connections page
  • Delete button action should link to the connections page

Page 4 New Connection

This page should provide the following content / functionality in addition to common content:

• Filename: newConnection.html
• Main content container should provide a form, which can be used to accept information of the new connection
• Create Connection button action should link to the connections page