|
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<title>Share QR</title> |
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> |
|
<link rel="stylesheet" href="shareqr2.2.css" /> |
|
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> |
|
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> |
|
<script src="shareqr2.2.js"></script> |
|
</head> |
|
|
|
<body> |
|
|
|
<div data-role="page" id="home"> |
|
<div data-role="header" data-theme="b" data-position="fixed"> |
|
<a href="#home" data-icon="home" data-iconpos="notext">Home</a> |
|
<h1>Share QR</h1> |
|
</div> |
|
<div data-role="content"> |
|
<ul data-role="listview"> |
|
<li><a href="#qrcode?url=http%3A%2F%2Fctoinsights.wordpress.com">ctoinsights.wordpress.com</a></li> |
|
<li><a href="#qrcode?url=http%3A%2F%2Fwww.book-current.com">www.book-current.com</a></li> |
|
</ul> |
|
</div> |
|
<div data-role="footer" class="ui-bar" data-theme="b" data-position="fixed" data-id="footer"> |
|
<a href="#about" data-icon="info">About</a> |
|
</div> |
|
</div> |
|
|
|
<div data-role="page" id="qrcode"> |
|
<div data-role="header" data-theme="b" data-position="fixed"> |
|
<a href="#home" data-icon="home" data-iconpos="notext">Home</a> |
|
<h1>QR Code</h1> |
|
<a href="#home" data-icon="arrow-l" data-rel="back">Back</a> |
|
</div> |
|
<div data-role="content"> |
|
</div> |
|
<div data-role="footer" class="ui-bar" data-theme="b" data-position="fixed" data-id="footer"> |
|
<a href="#about" data-icon="info">About</a> |
|
</div> |
|
</div> |
|
|
|
<div data-role="page" id="about"> |
|
<div data-role="header" data-theme="b" data-position="fixed"> |
|
<a href="#home" data-icon="home" data-iconpos="notext">Home</a> |
|
<h1>About</h1> |
|
<a href="#home" data-icon="arrow-l" data-rel="back">Back</a> |
|
</div> |
|
<div data-role="content"> |
|
<p>Share your favorite URLs with other mobile phone users through QR codes.</p> |
|
</div> |
|
<div data-role="footer" class="ui-bar" data-theme="b" data-position="fixed" data-id="footer"> |
|
<a href="#about" data-icon="info">About</a> |
|
</div> |
|
</div> |
|
|
|
</body> |
|
</html> |
