javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(demos): card image example

Browse Source
This commit is contained in:
Drew Rygh
2015-10-18 12:39:08 -05:00
parent fa1bc378ff
commit 2478c12c52
1 changed files with 97 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
demos/component-docs/cards/cards-image.html
View File

@ -37,6 +37,103 @@
</ion-card>
<ion-card>
<div>
<img src="img/badu-live.png"/>
</div>
<ion-card-content>
<h2 class="card-title">
Erykah Badu
</h2>
<p>
American singer-songwriter, record producer, activist, and actress, Badu's style is a prime example of neo-soul.
</p>
</ion-card-content>
<ion-item actions class="demo-card">
<button clear item-left danger>
<icon star></icon>
Favorite
</button>
<button clear item danger>
<icon musical-notes></icon>
Listen
</button>
<button clear item-right danger>
<icon share-alt></icon>
Share
</button>
</ion-item>
</ion-card>
<ion-card>
<div>
<img src="img/queen-live.png"/>
</div>
<ion-card-content>
<h2 class="card-title">
Queen
</h2>
<p>
The British rock band formed in London in 1970, and is considered one of the biggest stadium rock bands in the world.
</p>
</ion-card-content>
<ion-item actions class="demo-card">
<button clear item-left danger>
<icon star></icon>
Favorite
</button>
<button clear item danger>
<icon musical-notes></icon>
Listen
</button>
<button clear item-right danger>
<icon share-alt></icon>
Share
</button>
</ion-item>
</ion-card>
<ion-card>
<div>
<img src="img/rundmc-live.png"/>
</div>
<ion-card-content>
<h2 class="card-title">
Run-D.M.C.
</h2>
<p>
The American hip hop group widely acknowledged as one of the most influential acts in the history of hip hop.
</p>
</ion-card-content>
<ion-item actions class="demo-card">
<button clear item-left danger>
<icon star></icon>
Favorite
</button>
<button clear item danger>
<icon musical-notes></icon>
Listen
</button>
<button clear item-right danger>
<icon share-alt></icon>
Share
</button>
</ion-item>
</ion-card>
</ion-content>