mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 19:57:22 +08:00
110 lines
2.7 KiB
HTML
110 lines
2.7 KiB
HTML
|
|
<ion-navbar *navbar hide-back-button class="show-navbar android-attr">
|
|
<ion-title>Map Card</ion-title>
|
|
</ion-navbar>
|
|
|
|
<ion-content class="has-header components-demo cards-bg">
|
|
|
|
<ion-card class="adv-map">
|
|
<div style="position: relative">
|
|
<img src="img/advance-card-map-madison.png">
|
|
<button fab fab-right fab-top class="fab-map">
|
|
<icon pin></icon>
|
|
</button>
|
|
</div>
|
|
<ion-item>
|
|
<ion-avatar item-left class="icon-avatar">
|
|
<icon football></icon>
|
|
</ion-avatar>
|
|
<h2>Museum of Football</h2>
|
|
<p>11 N. Way St, Madison, WI 53703</p>
|
|
</ion-item>
|
|
<ion-item>
|
|
<ion-avatar item-left class="icon-avatar">
|
|
<icon wine></icon>
|
|
</ion-avatar>
|
|
<h2>Institute of Fine Cocktails</h2>
|
|
<p>14 S. Hop Avenue, Madison, WI 53703</p>
|
|
</ion-item>
|
|
<ion-item actions>
|
|
<span item-left class="item-bold">18 min</span>
|
|
<span item-left class="item-subtle">(2.6 mi)</span>
|
|
<button primary clear item-right>
|
|
<icon navigate></icon>
|
|
Start
|
|
</button>
|
|
</ion-item>
|
|
|
|
</ion-card>
|
|
|
|
<ion-card class="adv-map">
|
|
<div style="position: relative">
|
|
<img src="img/advance-card-map-mario.png">
|
|
<button danger fab fab-right fab-top class="fab-map">
|
|
<icon pin></icon>
|
|
</button>
|
|
</div>
|
|
<ion-item>
|
|
<ion-avatar item-left class="icon-avatar">
|
|
<icon cloud></icon>
|
|
</ion-avatar>
|
|
<h2>Yoshi's Island</h2>
|
|
<p>Iggy Koopa</p>
|
|
</ion-item>
|
|
<ion-item>
|
|
<ion-avatar item-left class="icon-avatar">
|
|
<icon leaf></icon>
|
|
</ion-avatar>
|
|
<h2>Forest of Illusion</h2>
|
|
<p>Roy Koopa</p>
|
|
</ion-item>
|
|
<ion-item actions>
|
|
<span item-left class="item-bold">3 hr</span>
|
|
<span item-left class="item-subtle">(4.8 mi)</span>
|
|
<button danger clear item-right>
|
|
<icon navigate></icon>
|
|
Start
|
|
</button>
|
|
</ion-item>
|
|
|
|
</ion-card>
|
|
|
|
<ion-card class="adv-map">
|
|
<div style="position: relative">
|
|
<img src="img/advance-card-map-paris.png">
|
|
<button secondary fab fab-right fab-top class="fab-map">
|
|
<icon pin></icon>
|
|
</button>
|
|
</div>
|
|
<ion-item>
|
|
<ion-avatar item-left class="icon-avatar">
|
|
<icon information-circle></icon>
|
|
</ion-avatar>
|
|
<h2>Museum of Information</h2>
|
|
<p>44 Rue de Info, 75010 Paris, France</p>
|
|
</ion-item>
|
|
<ion-item>
|
|
<ion-avatar item-left class="icon-avatar">
|
|
<icon leaf></icon>
|
|
</ion-avatar>
|
|
<h2>General Pharmacy</h2>
|
|
<p>1 Avenue Faux, 75010 Paris, France</p>
|
|
</ion-item>
|
|
<ion-item actions>
|
|
<span item-left secondary class="item-bold">26 min</span>
|
|
<span item-left class="item-subtle">(8.1 mi)</span>
|
|
<button secondary clear item-right>
|
|
<icon navigate></icon>
|
|
Start
|
|
</button>
|
|
</ion-item>
|
|
|
|
</ion-card>
|
|
|
|
|
|
</ion-content>
|
|
|
|
|
|
|
|
|