BVB Source Codes

ionic Show main.html Source code

Return Download ionic: download main.html Source code - Download ionic Source code - Type:.html
  1. <ion-header>
  2.  
  3.         <ion-toolbar>
  4.                 <ion-title>Inbox</ion-title>
  5.         </ion-toolbar>
  6.  
  7. </ion-header>
  8.  
  9.  
  10. <ion-content class="outer-content">
  11.  
  12.         <ion-list no-lines>
  13.                 <ion-list-header>
  14.                         Recent chat
  15.                 </ion-list-header>
  16.  
  17.                 <ion-item>
  18.                         <ion-avatar item-start>
  19.                                 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
  20.                         </ion-avatar>
  21.                         <ion-label>Abbey Christensen</ion-label>
  22.                         <ion-icon name="chatbubbles" item-end color="primary"></ion-icon>
  23.                 </ion-item>
  24.  
  25.                 <ion-item>
  26.                         <ion-avatar item-start>
  27.                                 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
  28.                         </ion-avatar>
  29.                         <ion-label>Alex Nelson</ion-label>
  30.                         <ion-icon name="chatbubbles" item-end color="primary"></ion-icon>
  31.                 </ion-item>
  32.  
  33.                 <ion-item>
  34.                         <ion-avatar item-start>
  35.                                 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
  36.                         </ion-avatar>
  37.                         <ion-label>Mary Johnson</ion-label>
  38.                         <ion-icon name="chatbubbles" item-end color="light"></ion-icon>
  39.                 </ion-item>
  40.  
  41.                 <ion-item>
  42.                         <ion-avatar item-start>
  43.                                 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
  44.                         </ion-avatar>
  45.                         <ion-label>Peter Carlsson</ion-label>
  46.                         <ion-icon name="chatbubbles" item-end color="light"></ion-icon>
  47.                 </ion-item>
  48.  
  49.                 <ion-item>
  50.                         <ion-avatar item-start>
  51.                                 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
  52.                         </ion-avatar>
  53.                         <ion-label>Trevor Hansen</ion-label>
  54.                         <ion-icon name="chatbubbles" item-end color="light"></ion-icon>
  55.                 </ion-item>
  56.         </ion-list>
  57.  
  58.         <ion-list no-lines>
  59.                 <ion-list-header>
  60.                         Previous chats
  61.                 </ion-list-header>
  62.  
  63.                 <ion-item>
  64.                         <ion-avatar item-start>
  65.                                 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
  66.                         </ion-avatar>
  67.                         <ion-label>Britta Holt</ion-label>
  68.                         <ion-icon name="chatbubbles" item-end color="light"></ion-icon>
  69.                 </ion-item>
  70.  
  71.                 <ion-item>
  72.                         <ion-avatar item-start>
  73.                                 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
  74.                         </ion-avatar>
  75.                         <ion-label>Sandra Adams</ion-label>
  76.                         <ion-icon name="chatbubbles" item-end color="light"></ion-icon>
  77.                 </ion-item>
  78.   </ion-list>
  79.  
  80. </ion-content>
  81.  
  82. <style>
  83.   img {
  84.     height: 100px;
  85.   }
  86. </style>
downloadmain.html Source code - Download ionic Source code
Related Source Codes/Software:
requests - Python HTTP Requests for Humans  ... 2017-06-06
vue2-elm - Based on vue2 + vuex to build a large single-page ... 2017-06-05
localstack - A fully functional local AWS cloud stack. Develop ... 2017-06-05
mithril.js - A Javascript Framework for Building Brilliant Appl... 2017-06-05
moby - Moby Project - a collaborative project for the con... 2017-06-06
coding-interview-university - A complete computer science study plan to become a... 2017-06-06
nylas-mail - 2017-06-06
developer-roadmap - Roadmap to becoming a web developer in 2017 2017-06-06
design-patterns-for-humans - Design Patterns for Humans - An ultra-simplified e... 2017-06-06
CRYENGINE - CRYENGINE is a powerful real-time game development... 2017-06-11
postal - 2017-06-11
reactide - Reactide is the first dedicated IDE for React web ... 2017-06-11
rkt - rkt is a pod-native container engine for Linux. It... 2017-06-11
uWebSockets - Tiny WebSockets https://for... 2017-06-11
realworld - TodoMVC for the RealWorld - Exemplary fullstack Me... 2017-06-11
goreplay - GoReplay is an open-source tool for capturing and ... 2017-06-10
pyenv - Simple Python version management 2017-06-10
redux-saga - An alternative side effect model for Redux apps ... 2017-06-10
angular-starter - 2017-06-10

 Back to top