0
0
mirror of https://github.com/Doodle3D/doodle3d-connect.git synced 2024-11-15 02:37:56 +01:00
doodle3d-connect/js/libs/jquery.mobile/demos/swipe-page/buenosaires.html

47 lines
2.4 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Buenos Aires</title>
<link rel="stylesheet" href="../css/themes/default/jquery.mobile-1.4.2.min.css">
<link rel="stylesheet" href="../_assets/css/jqm-demos.css">
<link rel="stylesheet" href="swipe-page.css">
<link rel="shortcut icon" href="../favicon.ico">
<script src="../js/jquery.js"></script>
<script src="../_assets/js/index.js"></script>
<script src="../js/jquery.mobile-1.4.2.min.js"></script>
<script src="swipe-page.js"></script>
</head>
<body>
<div id="header" data-role="header" data-id="header" data-position="fixed" data-fullscreen="true" data-tap-toggle="false">
<h1>Buenos Aires</h1>
<a href="./" data-ajax="false" data-direction="reverse" data-icon="delete" data-iconpos="notext" data-shadow="false" data-icon-shadow="false">Back</a>
</div><!-- /header -->
<div data-role="page" id="buenosaires" class="demo-page" data-title="Buenos Aires" data-dom-cache="true" data-theme="b" data-prev="newyork" data-next="paris">
<div role="main" class="ui-content">
<div id="trivia-buenosaires" class="trivia ui-content" data-role="popup" data-position-to="window" data-tolerance="50,30,30,30" data-theme="a">
<a href="#" data-rel="back" class="ui-btn ui-btn-right ui-btn-b ui-btn-icon-notext ui-icon-delete ui-corner-all">Close</a>
<p>At 140 meters (16 lanes), Avenida 9 de Julio in Buenos Aires is the worlds widest avenue. Its name honors Argentinas birthdate. (July 9, 1816). The avenue runs roughly one kilometer to the west of the Río de la Plata waterfront, from the Retiro district in the north to Constitución station in the south. <small>source:&nbsp;inautonews.com</small></p>
</div>
</div><!-- /content -->
</div><!-- /page -->
<div id="footer" data-id="footer" data-position="fixed" data-fullscreen="true" data-tap-toggle="false">
<div data-role="controlgroup" class="control ui-btn-left" data-type="horizontal" data-mini="true">
<a href="#" class="prev ui-btn ui-btn-icon-notext ui-icon-carat-l">Previous</a>
<a href="#" class="next ui-btn ui-btn-icon-notext ui-icon-carat-r">Next</a>
</div>
<a href="#trivia-buenosaires" id="trivia-button" data-rel="popup" class="trivia-btn ui-btn ui-btn-right ui-btn-icon-left ui-icon-info ui-mini ui-corner-all">Trivia</a>
</div><!-- /footer -->
</body>
</html>