ionic[Card [Form]

Card

. Card
. item.item-text-wrap

. item.item-divider

/***************************************/

1 <Divclass= "Bar Bar-header">2     <H1class= "title">Bar-header</H1>3 </Div>4 5 <Divclass= "Content Has-header Ionic-pseudo">6     <Divclass= "List Card">7         <ahref="#"class= "Item Item-icon-left">8             <Iclass= "icon Ion-home"></I>9 111Ten         </a> One         <ahref="#"class= "Item Item-icon-left"> A             <Iclass= "icon Ion-home"></I> - 111 -         </a> the         <ahref="#"class= "Item Item-icon-left"> -             <Iclass= "icon Ion-home"></I> - 111 -         </a> +     </Div> - </Div>

/************************************************/

1 <Divclass= "Bar Bar-header">2     <H1class= "title">Bar-header</H1>3 </Div>4 5 <Divclass= "Content Has-header Ionic-pseudo">6     <Divclass= "List Card">7         <Divclass= "Item Item-avatar">8             <imgsrc= "Http://www.runoob.com/try/demo_source/nin_logo.jpeg"alt=""/>9             <H2>Pretty Hate Machine</H2>Ten             <P>Nine Inch Nails</P> One         </Div> A         <Divclass= "Item Item-image"> -             <imgsrc= "Http://www.runoob.com/try/demo_source/41D5vU4I1NL.jpg"alt=""/> -         </Div> the         <ahref="#"class= "Item Item-icon-left assertive"> -             <Iclass= "icon Ion-music-note"></I> - Start Listening -         </a> +     </Div> - </Div>

Forms and Input boxes

Form input Box:
. List
. item.item-input

ionic[Card [Form]