<title>Web-App - Getting started</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>
<body>
<div data-role="page" id="home">
<div data-role="header" align="center" data-position="fixed" data-tap-toggle="false">
<p>Kopfzeile</p>
<div data-role="navbar">
<ul>
<li><a href="#" data-icon="arrow-l" data-rel="back"></a></li>
<li><a href="#home" data-icon="home"></a></li>
</ul>
</div>
</div>
<div data-role="content">
<h3>Überschrift</h3>
Das ist unsere Startseite.
<a href="#seite1" class="ui-btn ui-icon-arrow-r ui-btn-icon-right" data-transition="slide">Zur Seite 1</a>
</div>
<div data-role="footer" data-position="fixed">
<h3>Fußzeile</h3>
</div>
</div>
<div data-role="page" id="seite1">
<div data-role="header" align="center" data-position="fixed" data-tap-toggle="false">
<p>Kopfzeile</p>
<div data-role="navbar">
<ul>
<li><a href="#" data-icon="arrow-l" data-rel="back"></a></li>
<li><a href="#home" data-icon="home"></a></li>
</ul>
</div>
</div>
<div data-role="content">
<h3>SEITE 1</h3>
Hier ist die erste Seite unserer Web-App...
<a href="#seite2" class="ui-btn ui-icon-arrow-r ui-btn-icon-right" data-transition="slide">Zur Seite 2</a>
</div>
<div data-role="footer" data-position="fixed">
<h3>Fußzeile</h3>
</div>
</div>
<div data-role="page" id="seite2">
<div data-role="header" align="center" data-position="fixed" data-tap-toggle="false">
<p>Kopfzeile</p>
<div data-role="navbar">
<ul>
<li><a href="#" data-icon="arrow-l" data-rel="back"></a></li>
<li><a href="#home" data-icon="home"></a></li>
</ul>
</div>
</div>
<div data-role="content">
<h3>SEITE 2</h3>
...hier Seite 2...
<a href="#seite3" class="ui-btn ui-icon-arrow-r ui-btn-icon-right" data-transition="slide">Zur Seite 3</a>.
</div>
<div data-role="footer" data-position="fixed">
<h3>Fußzeile</h3>
</div>
</div>
<div data-role="page" id="seite3">
<div data-role="header" align="center" data-position="fixed" data-tap-toggle="false">
<p>Kopfzeile</p>
<div data-role="navbar">
<ul>
<li><a href="#" data-icon="arrow-l" data-rel="back"></a></li>
<li><a href="#home" data-icon="home"></a></li>
</ul>
</div>
</div>
<div data-role="content">
<h3>Seite 3</h3>
...und hier bist du auf der dritten Seiten unserer Web-App.
</div>
<div data-role="footer" data-position="fixed" >
<h3>Fußzeile</h3>
</div>
</div>
</body>