features.html 4.2 KB

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