Ionic CSS list example

In this example below you will see how to do a Ionic CSS list example with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by -kaik-, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright -kaik- ©
  • HTML
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Ionic CSS list example</title>
  
  
  
  
  
</head>

<body>

  <html ng-app="ionicApp">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  <title>Test</title>
  <link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">
  <script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script>
</head>


<body>

  <div class="list">

    <div class="item item-divider">Simple items</div>
    <div class="item">Item 1</div>
    <div class="item">Item 2</div>
    <div class="item item-divider">Items with image</div>

    <div class="item item-avatar">
      <img src="https://s3.amazonaws.com/nlga/uploads/item/image/24639/i.png">
      <h2>Ionic Framework</h2>
      <p>HTML5 hybrid mobile app framework</p>
    </div>

    <div class="item item-thumbnail-left">
      <img src="https://s3.amazonaws.com/nlga/uploads/item/image/24639/i.png">
      <h2>Ionic Framework</h2>
      <p>HTML5 hybrid mobile app framework</p>
    </div>


  </div>

</body>


</html>
  
  

    <script  src="js/index.js"></script>




</body>

</html>

/*Downloaded from https://www.codeseek.co/-kaik-/ionic-css-list-example-ONNvGr */
angular.module('ionicApp', ['ionic'])

Comments