javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 15:07:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

homepage button

Browse Source
This commit is contained in:
Adam Bradley
2013-08-29 09:26:55 -05:00
parent 8f5e5e996a
commit 1c88ee79a7
9 changed files with 19 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
example/button-groups.html
View File

@ -26,6 +26,7 @@
<a class="button button-primary" href="index.html">Dark</a> <a class="button button-primary" href="index.html">Dark</a>
</div> </div>
</p> </p>
<p><a class="button button-secondary" href="index.html">Homepage</a></p>
</main> </main>
</section> </section>

1
example/buttons.html
View File

@ -34,6 +34,7 @@
<a class="button button-danger" href="index.html">Danger</a> <a class="button button-danger" href="index.html">Danger</a>
<a class="button button-dark" href="index.html">Dark</a> <a class="button button-dark" href="index.html">Dark</a>
</p> </p>
<p><a class="button button-secondary" href="index.html">Homepage</a></p>
</main> </main>
</section> </section>

6
example/footers.html
View File

@ -17,8 +17,9 @@
<h1 class="title">Footers</h1> <h1 class="title">Footers</h1>
</header> </header>
<main class="content-padded has-header has-footer"> <main class="content content-padded has-header has-footer">
<p>Footer should always stay at the bottom of the screen, and on top of the main content. <p>Footer should always stay at the bottom of the screen, and on top of the main content.</p>
<p>Content element must have "has-footer" as a classname.</p>
<ul> <ul>
<li>asdf <li>asdf
<li>asdf <li>asdf
@ -90,6 +91,7 @@
<li>asdf <li>asdf
</ul> </ul>
<p>Bottom of the list <p>Bottom of the list
<p><a class="button button-secondary" href="index.html">Homepage</a></p>
</main> </main>
<footer class="bar bar-footer bar-dark"> <footer class="bar bar-footer bar-dark">

5
example/headers.html
View File

@ -17,8 +17,9 @@
<h1 class="title">Header</h1> <h1 class="title">Header</h1>
</header> </header>
<main> <main class="content content-padded has-header">
<p>Content element must have "has-header" as a classname.</p>
<p><a class="button button-secondary" href="index.html">Homepage</a></p>
</main> </main>
</section> </section>

5
example/input-slider.html
View File

@ -9,7 +9,7 @@
<link rel="stylesheet" href="../../dist/ionic.css"> <link rel="stylesheet" href="../../dist/ionic.css">
</head> </head>
<body ng-app="peopleApp"> <body>
<section> <section>
@ -17,8 +17,9 @@
<h1 class="title">Input: Slider</h1> <h1 class="title">Input: Slider</h1>
</header> </header>
<main class="has-header"> <main class="content content-padded has-header">
<p><a class="button button-secondary" href="index.html">Homepage</a></p>
</main> </main>
</section> </section>

5
example/input-text.html
View File

@ -9,7 +9,7 @@
<link rel="stylesheet" href="../../dist/ionic.css"> <link rel="stylesheet" href="../../dist/ionic.css">
</head> </head>
<body ng-app="peopleApp"> <body>
<section> <section>
@ -17,8 +17,9 @@
<h1 class="title">Input: Text</h1> <h1 class="title">Input: Text</h1>
</header> </header>
<main class="has-header"> <main class="content content-padded has-header">
<p><a class="button button-secondary" href="index.html">Homepage</a></p>
</main> </main>
</section> </section>

3
example/input-toggle.html
View File

@ -17,8 +17,9 @@
<h1 class="title">Input: Toggle</h1> <h1 class="title">Input: Toggle</h1>
</header> </header>
<main class="has-header"> <main class="content content-padded has-header">
<p><a class="button button-secondary" href="index.html">Homepage</a></p>
</main> </main>
</section> </section>

2
example/lists.html
View File

@ -15,7 +15,7 @@
<script src="app.js"></script> <script src="app.js"></script>
</head> </head>
<body ng-app="peopleApp"> <body>
<section> <section>

2
example/panels.html
View File

@ -21,7 +21,7 @@
<main class="content content-padded has-header"> <main class="content content-padded has-header">
<p><button class="button button-primary" data-panel-toggle="my-other-left-panel">Other Left Side Panel</button></p> <p><button class="button button-primary" data-panel-toggle="my-other-left-panel">Other Left Side Panel</button></p>
<p id="event-log"></p> <p><a class="button button-secondary" href="index.html">Homepage</a></p>
</main> </main>
<footer class="bar bar-footer bar-dark"> <footer class="bar bar-footer bar-dark">