1<ion-view view-title="Travel">
 2  <ion-content>
 3    <div class="item item-avatar">
 4        <img ng-src="img/{{travel.modality}}.png" />
 5        <span class="badge badge-balanced" ng-show="travel.collectivized">Collectivized</span>
 6        <h2>{{travel.title}}</h2>
 7        <p>{{travel.owner}}</p>
 8    </div>
 9    <div class="item item-body">
10        <div class='o-float-right o-text-right'>
11            <div class="">{{travel.date | date:"dd/MM HH:mm a"}}</div>
12            <br>
13            <div class="royal" ng-show="travel.package">[periodic travel]</div>
14            <br>
15            <div class="o-mini-text" ng-show="travel.package">can carry package<img src="img/package.png" class="o-imgMenu" /></div>
16        </div>
17        <p><img class='o-imgTitle' src="img/from-to.png" />{{travel.from}} - {{travel.to}}</p>
18        <p>nº car seats: {{trave.seats}}</p>
19        <p class="o-bold">{{travel.description}}</p>
20        <br>
21        <p>
22            <img class='o-imgMenu' src="img/smartphone.png" /> {{travel.phone}}
23        </p>
24        <p>
25            <img class='o-imgMenu' src="img/telegram.png" /> {{travel.telegram}}
26        </p>
27
28        <p class='text-right'>
29          <a href="#" class="button button-calm o-pull-right">Ask to join</a>
30        </p>
31    </div>
32  </ion-content>
33</ion-view>