It is time to get down to business now. This project will display a list of upcoming events to the visitors, and allow them to register for the events that interest them. It will also have general information about the civic center on it, such as hours, driving directions, and more.

This project will be made using several features, or as they are known in jQuery Mobile: roles that make up the framework. These roles include pages, panels, popups, toolbars, and navbars.

As we go through this project, you may notice that jQuery Mobile uses the <div> element quite a bit instead of using, for example, HTML5's <header> and <footer> elements. This is to ensure backwards-compatibility with browsers that may not support HTML5.