STEP 1: Create Two New Pages
1. 1.1 Open [url removed, login to view], and save as event.html.
2. 1.2 Open [url removed, login to view] and copy the links in the <head> for the [url removed, login to view] and Google Fonts. Paste into the <head> of event.html.
3. 1.3 Copy and paste the contents of the <aside> from [url removed, login to view] to event.html.
4. 1.4 Change the <title> of each page to identify the page.
5. 1.5 Save your changes.
6. 1.6 Save another copy of [url removed, login to view] as ticket.html.
STEP 2: Add Events
1. 2.1 Add events to the main content area of the Events page.
1. 2.1.1 Use the content provided in the [url removed, login to view] file, in the Events section.
2. 2.1.2 Use level 2 headings for the play titles.
3. 2.1.3 Use level 3 headings for the dates.
4. 2.1.4 Use paragraph tags for the descriptions.
2. 2.2 Open [url removed, login to view] and add a selector for the h3 tag.
1. 2.2.2 Set the font size to 110%.
2. 2.2.2 Set the font weight to bold.
3. 2.3 Save changes and test in a browser.
STEP 3: Add a Form to the Tickets Page
Create the Thank You Page
1. 3.1 Create a simple HTML page that does not contain a header of footer and save as thanks.html.
2. 3.2 Add a thank you message to the page. This will be the message that is displayed when the ticket order form has been submitted successfully.
3. 3.3 Add a link back to ticket.html. Create the Form
4. 3.4 Add the heading "Order Tickets" to the <h2> tag in the main content area of the Tickets page. Remove the paragraph below this.
5. 3.5 Add a set of <form> tags just below the <h2>.
1. 3.5.1 Use the POST method.
2. 3.5.2 Use [url removed, login to view] for the action.
As you learned in this week's Lecture, additional coding is needed to process the data entered on a form. The form you are creating here is at the presentation layer of the website, but not the application layer. To simulate success in submitting the form data, the [url removed, login to view] page will display once all form fields contain valid data and the Submit button is activated.
1. 3.6 Add three <fieldset> tags to the form and assign an ID of "btn" to the last <fieldset>.
2. 3.7 Add a <legend> to the first <fi