Contacting the hotel
Now let's take a look at the contact page. This will provide the user with information on how to reach the hotel:
Listing 5-5: contact.html <div data-role="page"> <div data-role="header"> <h1>Contact Us</h1> </div> <div role="main" class="ui-content"> <p> <b>Phone:</b> <a href="tel:555-555-5555">555-555-5555</a><br/> <b>Email:</b> <a href="mailto:[email protected]">[email protected]</a> </p> </div> <div data-role="footer"> <h4>© Camden Hotel 2012</h4> </div> </div>
As before, we've wrapped our page in the proper script blocks and div
tags. Make a special note of our two links. Both the Phone and E-mail links use URLs that may not look familiar to you. The first, tel:555-555-555
, is actually a way to ask the mobile device to...