features.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. <aside id="features" class="left">
  2. <header data-title="Features"></header>
  3. <article class="list scroll">
  4. <ul>
  5. <!-- Basic Layout -->
  6. <li class="current">
  7. <a href="#main-article" data-router="article">
  8. <strong>Meet the framework</strong>
  9. </a>
  10. </li>
  11. <!-- Layout & Navigation -->
  12. <li>
  13. <a href="#layout" data-router="section">
  14. <div class="tag secondary right">5</div>
  15. <strong>Layout</strong>
  16. </a>
  17. </li>
  18. <!-- List -->
  19. <li>
  20. <a href="#list" data-router="section" data-count="22">
  21. <strong>Lists</strong>
  22. </a>
  23. </li>
  24. <!-- Forms -->
  25. <li>
  26. <a href="#form" data-router="section">
  27. <div class="tag right">8</div>
  28. <strong>Form Elements</strong>
  29. </a>
  30. </li>
  31. <!-- Asides -->
  32. <li>
  33. <a href="#aside" data-router="section">
  34. <div class="tag right">8</div>
  35. <strong>Asides</strong>
  36. </a>
  37. </li>
  38. <!-- Data-Attributes -->
  39. <li>
  40. <a href="#data" data-router="section">
  41. <div class="tag right">9</div>
  42. <strong>Data-attributes</strong>
  43. </a>
  44. </li>
  45. <!-- Icons -->
  46. <li>
  47. <a href="#icon" data-router="section">
  48. <div class="tag right">109</div>
  49. <strong>Icons</strong>
  50. </a>
  51. </li>
  52. <!-- Scrolls -->
  53. <li>
  54. <a href="#scroll" data-router="section">
  55. <div class="tag right">2</div>
  56. <strong>Scrolls</strong>
  57. </a>
  58. </li>
  59. <!-- Touch Events -->
  60. <li>
  61. <a href="#touchevents" data-router="section">
  62. <div class="tag right">19</div>
  63. <strong>Touch Events</strong>
  64. </a>
  65. </li>
  66. <!-- Layout Events -->
  67. <li>
  68. <a href="#layoutevents" data-router="section">
  69. <div class="tag right">2</div>
  70. <strong>Layout Events</strong>
  71. </a>
  72. </li>
  73. <!-- Notifications -->
  74. <li>
  75. <a href="#notification" data-router="section">
  76. <div class="tag right">8</div>
  77. <strong>Notifications</strong>
  78. </a>
  79. </li>
  80. <!-- Pull & Refresh -->
  81. <li>
  82. <a href="#pull" data-router="section">
  83. <div class="tag right">1</div>
  84. <strong>Pull & Refresh</strong>
  85. </a>
  86. </li>
  87. <!-- Carousel -->
  88. <li>
  89. <a href="#carousel" data-router="section">
  90. <div class="tag right">1</div>
  91. <strong>Carousel</strong>
  92. </a>
  93. </li>
  94. <!-- Environment -->
  95. <li>
  96. <a href="#environment" data-router="section">
  97. <div class="tag right">1</div>
  98. <strong>Environment</strong>
  99. </a>
  100. </li>
  101. <!-- Buttons & Colours -->
  102. <li>
  103. <a href="#color" data-router="section" data-title="Colours">
  104. <div class="tag right">14</div>
  105. <strong>Buttons & Colours</strong>
  106. </a>
  107. </li>
  108. <!-- Grid System -->
  109. <li>
  110. <a href="#grid" data-router="section">
  111. <strong>Grid System</strong>
  112. </a>
  113. </li>
  114. </ul>
  115. </article>
  116. </aside>