mirror of
https://github.com/Doodle3D/doodle3d-connect.git
synced 2024-11-14 18:27:57 +01:00
47 lines
2.3 KiB
HTML
47 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Cape Town</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>Cape Town</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="capetown" class="demo-page" data-title="Cape Town" data-dom-cache="true" data-theme="b" data-prev="paris" data-next="seoul">
|
||
|
||
<div role="main" class="ui-content">
|
||
|
||
<div id="trivia-capetown" 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> Although it’s the youngest official language in the world, Afrikaans is most widely spoken and is home language for 40% of the Cape's population. The remainder of the population speaks either Xhosa or English as a home language. <small>source: gotravel24.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-capetown" 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>
|