features.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <aside id="features">
  2. <header data-title="Features">
  3. <nav class="right">
  4. <a href="#" class="buttons" data-icon="settings"></a>
  5. </nav>
  6. </header>
  7. <article class="list scroll active">
  8. <ul>
  9. <!-- Basic Layout -->
  10. <li data-view-article="main-article" data-title="Lungo Framework">
  11. <strong>Meet the framework</strong>
  12. </li>
  13. <!-- Layout & Navigation -->
  14. <li data-view-section="layout" data-async="app/sections/layout.html">
  15. <strong>Layout</strong>
  16. <div class="tag right">5</div>
  17. </li>
  18. <!-- List -->
  19. <li data-view-article="list" data-async="app/articles/list.html">
  20. <strong>Lists</strong>
  21. <div class="tag right">22</div>
  22. </li>
  23. <!-- Forms -->
  24. <li data-view-section="form" data-async="app/sections/form.html">
  25. <div class="tag right">8</div>
  26. <strong>Form Elements</strong>
  27. </li>
  28. <!-- Asides -->
  29. <li data-view-section="aside" data-async="app/sections/aside.html">
  30. <strong>Aside</strong>
  31. </li>
  32. <!-- Menu -->
  33. <li data-view-section="menu" data-async="app/sections/menu.html">
  34. <div class="tag right">2</div>
  35. <strong>Menu</strong>
  36. </li>
  37. <!-- Data-Attributes -->
  38. <li data-view-article="data" data-async="app/articles/data.html">
  39. <div class="tag right">9</div>
  40. <strong>Data-attributes</strong>
  41. </li>
  42. <!-- Icons -->
  43. <li data-view-article="icon-symbol" data-async="app/articles/icon-symbol.html">
  44. <div class="tag right">+250</div>
  45. <strong>Icons</strong>
  46. </li>
  47. <!-- Scrolls -->
  48. <li data-view-section="scroll" data-async="app/sections/scroll.html">
  49. <div class="tag right">2</div>
  50. <strong>Scrolls</strong>
  51. </li>
  52. <!-- Touch Events -->
  53. <li data-view-article="touchevents" data-async="app/articles/touchevents.html">
  54. <div class="tag right">19</div>
  55. <strong>Touch Events</strong>
  56. </li>
  57. <!-- Layout Events -->
  58. <li data-view-section="layoutevents" data-async="app/sections/layoutevents.html">
  59. <div class="tag right">2</div>
  60. <strong>Layout Events</strong>
  61. </li>
  62. <!-- Notifications -->
  63. <li data-view-article="notification" data-async="app/articles/notification.html">
  64. <div class="tag right">8</div>
  65. <strong>Notifications</strong>
  66. </li>
  67. <!-- Pull & Refresh -->
  68. <li data-view-section="pull" data-async="app/sections/pull.html">
  69. <div class="tag right">1</div>
  70. <strong>Pull & Refresh</strong>
  71. </li>
  72. <!-- Carousel -->
  73. <li data-view-section="carousel" data-async="app/sections/carousel.html">
  74. <div class="tag right">1</div>
  75. <strong>Carousel</strong>
  76. </li>
  77. <!-- Environment -->
  78. <li data-view-article="environment" data-async="app/articles/environment.html">
  79. <div class="tag right">1</div>
  80. <strong>Environment</strong>
  81. </li>
  82. <!-- Buttons & Colours -->
  83. <li data-view-article="buttons" data-async="app/articles/buttons.html">
  84. <div class="tag right">14</div>
  85. <strong>Buttons & Colours</strong>
  86. </li>
  87. <!-- Theme roller -->
  88. <li data-view-article="themeroller" data-async="app/articles/theme.html">
  89. <div class="tag right">4</div>
  90. <strong>Theme roller</strong>
  91. </li>
  92. <!-- Grid System -->
  93. <li data-view-article="grid" data-async="app/articles/grid.html">
  94. <strong>Grid System</strong>
  95. </li>
  96. </ul>
  97. </article>
  98. </aside>