Colton's Mediocre Movie Theater

Colton Burdick


Competitor

I drew some design ideas (mainly in the way movies are displayed) from Regal Cinema's website. As for the other pages, I did not draw much inspiration from anything.


Images and Videos

The logo was made by myself. The movie posters were obtained from movieposter.com and moviepostershop.com. The videos are not my own.


Form

The form I made can be found on the Jobs page. The four controls the form contains are text boxes, radio buttons, check boxes, and a submit button.


JavaScript Events

One JavaScript event can be found on the Jobs page. It activates when the form is submitted, prompting a message to appear. Since the fields must be filled before anything can be submitted, the event will not trigger if the form is not filled out. The other JavaScript event can be found on the Location/Hours page. It activates when the page is loaded, prompting a message to appear.


Tables

There are multiple tables that are formatted on the fly using CSS. The first table can be found on the Home page; it contains the movies that are currently playing. Likewise, the second table can be found on the Now Playing page, also containing the movies that are currently playing. The Jobs page also features a table, but it is not styled as much as the other tables are.


HTML5 Design Elements

All of the pages, including this one, feature HTML5 design elements. All pages feature a "header" (with a "nav" section), an "article" that serves as the main body of the page, and a "footer" where the copyright information is displayed. The sections are stylized consistently using the external CSS file.