|
|
@@ -33,32 +33,22 @@
|
|
|
</head>
|
|
|
|
|
|
<body class="app">
|
|
|
-
|
|
|
- <section id="demo" class="_static">
|
|
|
- <header data-title="Tablet Demo">
|
|
|
+ <section id="demo" class="_static">
|
|
|
+ <header data-title="Tablet Demo">
|
|
|
<a href="#" data-target="aside" class="button onleft" data-icon="note"></a>
|
|
|
<a href="#settings" data-target="section" class="button onright" data-icon="config"></a>
|
|
|
</header>
|
|
|
+
|
|
|
<aside>
|
|
|
- <scroll id="aside_scroll">
|
|
|
-
|
|
|
- <a href="#main" data-target="article" data-icon="note">Facebook</a>
|
|
|
- <a href="#second" data-target="article" data-icon="twitter" data-title="Twitter">Twitter</a>
|
|
|
- <a href="#main" data-target="article" data-icon="picture">Flickr</a>
|
|
|
- <a href="#main" data-target="article" data-icon="cloudup">Upload by ...</a>
|
|
|
- <a href="#main" data-target="article" data-icon="user">Connect with facebook</a>
|
|
|
- <a href="#main" data-target="article" data-icon="music">Download music</a>
|
|
|
- <a href="#main" data-target="article" data-icon="key">Logout</a>
|
|
|
- <a href="#main" data-target="article" data-icon="facebook">Facebook</a>
|
|
|
- <a href="#second" data-target="article" data-icon="twitter">Twitter</a>
|
|
|
- <a href="#main" data-target="article" data-icon="picture">Flickr</a>
|
|
|
- <a href="#main" data-target="article" data-icon="cloudup">Upload by ...</a>
|
|
|
- <a href="#main" data-target="article" data-icon="user">Connect with facebook</a>
|
|
|
- <a href="#main" data-target="article" data-icon="music">Download music</a>
|
|
|
- <a href="#main" data-target="article" data-icon="key">Logout</a>
|
|
|
-
|
|
|
- </scroll>
|
|
|
+ <a href="#main" data-target="article" data-icon="note">Facebook</a>
|
|
|
+ <a href="#second" data-target="article" data-icon="twitter" data-title="Twitter">Twitter</a>
|
|
|
+ <a href="#main" data-target="article" data-icon="picture">Flickr</a>
|
|
|
+ <a href="#main" data-target="article" data-icon="cloudup">Upload by ...</a>
|
|
|
+ <a href="#main" data-target="article" data-icon="user">Connect with facebook</a>
|
|
|
+ <a href="#main" data-target="article" data-icon="music">Download music</a>
|
|
|
+ <a href="#main" data-target="article" data-icon="key">Logout</a>
|
|
|
</aside>
|
|
|
+
|
|
|
<article id="main" class="list">
|
|
|
<scroll id="main_scroll">
|
|
|
<ul>
|
|
|
@@ -89,24 +79,24 @@
|
|
|
second
|
|
|
</article>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section id="settings">
|
|
|
<header data-back="home" data-title="Settings">
|
|
|
<nav class="onright">
|
|
|
- <a href="#main" data-target="article" class="current" data-title="Settings" data-icon="user"></a>
|
|
|
- <a href="#second" data-target="article" data-title="Chat" data-icon="chat"></a>
|
|
|
- <a href="#third" data-target="article" data-title="Share Methods" data-icon="earth"></a>
|
|
|
+ <a href="#settings_main" data-target="article" class="current" data-title="Settings" data-icon="user"></a>
|
|
|
+ <a href="#settings_second" data-target="article" data-title="Chat" data-icon="chat"></a>
|
|
|
+ <a href="#settings_third" data-target="article" data-title="Share Methods" data-icon="earth"></a>
|
|
|
</nav>
|
|
|
</header>
|
|
|
|
|
|
- <article id="main"></article>
|
|
|
- <article id="second"></article>
|
|
|
- <article id="third"></article>
|
|
|
+ <article id="settings_main">s</article>
|
|
|
+ <article id="settings_second">s</article>
|
|
|
+ <article id="settings_third">s</article>
|
|
|
|
|
|
<footer class="toolbar">
|
|
|
<nav>
|
|
|
- <a href="#main" data-target="article" class="current" data-title="uno" data-icon="left"></a>
|
|
|
- <a href="#second" data-target="article" data-title="Twitter" data-icon="chat"></a>
|
|
|
+ <a href="#" data-icon="substract"></a>
|
|
|
+ <a href="#" data-icon="add"></a>
|
|
|
</nav>
|
|
|
</footer>
|
|
|
</section>
|
@soyjavi