javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

card body text

Browse Source
This commit is contained in:
Adam Bradley
2013-10-24 08:42:21 -05:00
parent ca90a13524
commit b2b30f0d9b
6 changed files with 52 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
test/cards.html
View File

@@ -32,18 +32,6 @@
</div>
</div>
<div class="card">
<div class="card-header">
I'm a Header in a Card!
</div>
<div class="card-body">
This is a basic Card with some text.
</div>
<div class="card-footer">
I'm a Footer in a Card!
</div>
</div>
<div class="card">
<div class="card-header">
I'm a Header in a Card!
@@ -90,7 +78,7 @@
<div class="list card">
<div href="#" class="list-item list-item-thumbnail">
<div class="list-item list-item-thumbnail">
<div class="list-item-content">
<img src="http://tutupash.com/site/assets/nin_logo.jpeg">
<h2>Pretty Hate Machine</h2>
@@ -98,7 +86,7 @@
</div>
</div>
<div href="#" class="list-item list-item-image">
<div class="list-item list-item-image">
<div class="list-item-content">
<img src="http://ecx.images-amazon.com/images/I/41D5vU4I1NL.jpg">
</div>
@@ -113,6 +101,35 @@
</div>
<div class="list card">
<div class="list-item list-item-thumbnail">
<div class="list-item-content">
<img src="http://mimg.ugo.com/201001/34590/cuts/marty-mcfly_288x288.jpg">
<h2>Marty McFly</h2>
<p>November 05, 1955</p>
</div>
</div>
<div class="card-body">
<img class="full-image" src="http://paulaubin.com/wp/wp-content/uploads/2012/05/back-to-the-future-delorean.jpg">
<p>
This is a "Facebook" styled Card. The header is created from a Thumbnail List item,
the content is from a card-body consisting of an image and paragraph text. The footer
consists of a Tab Bar, icons aligned left, within the card-footer.
</p>
<p>
<a href="#">1 Like</a>
<a href="#">5 Comments</a>
</p>
</div>
<div class="card-footer">
Like Comment Share
</div>
</div>
<hr>
<p><a class="button button-secondary" href="index.html">Homepage</a></p>