features.html 4.3 KB

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