| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127 |
- <aside id="features" class="left">
- <header data-title="BETA Features"></header>
- <article class="list scroll">
- <ul>
- <!-- Basic Layout -->
- <li class="current">
- <a href="#main-article" data-router="article">
- <strong>Meet the frameworks</strong>
- <small>A brief summary of features.</small>
- </a>
- </li>
- <!-- Layout & Navigation -->
- <li>
- <a href="#layout" data-router="section">
- <div class="bubble right">5</div>
- <strong>Layout</strong>
- <small>How to distribute the content in your app.</small>
- </a>
- </li>
- <!-- List -->
- <li>
- <a href="#list" data-router="section" data-count="22">
- <strong>Lists</strong>
- <small>Different formats for creating lists.</small>
- </a>
- </li>
- <!-- Forms -->
- <li>
- <a href="#form" data-router="section">
- <div class="bubble right">8</div>
- <strong>Form Elements</strong>
- <small>Controls available in BETA version</small>
- </a>
- </li>
- <!-- Asides -->
- <li>
- <a href="#aside" data-router="section">
- <div class="bubble right">8</div>
- <strong>Asides</strong>
- <small>The fashion element in all cool Apps</small>
- </a>
- </li>
- <!-- Data-Attributes -->
- <li>
- <a href="#data" data-router="section">
- <div class="bubble right">9</div>
- <strong>Data-attributes</strong>
- <small>Semantic links to create complex elements</small>
- </a>
- </li>
- <!-- Icons -->
- <li>
- <a href="#icon" data-router="section">
- <div class="bubble right">109</div>
- <strong>Icons</strong>
- <small>A huge repository vectorized icons</small>
- </a>
- </li>
- <!-- Scrolls -->
- <li>
- <a href="#scroll" data-router="section">
- <div class="bubble right">2</div>
- <strong>Scrolls</strong>
- <small>Everything is scrollable</small>
- </a>
- </li>
- <!-- Touch Events -->
- <li>
- <a href="#touchevents" data-router="section">
- <div class="bubble right">19</div>
- <strong>Touch Events</strong>
- <small>Touch, Tap, Double-Tap, Swipe...</small>
- </a>
- </li>
- <!-- Notifications -->
- <li>
- <a href="#notification" data-router="section">
- <div class="bubble right">8</div>
- <strong>Notifications</strong>
- <small>Cross-device notification system</small>
- </a>
- </li>
- <!-- Pull & Refresh -->
- <li>
- <a href="#pull" data-router="section">
- <strong>Pull & Refresh</strong>
- <small>Beautiful refresh event</small>
- </a>
- </li>
- <!-- Carousel -->
- <li>
- <a href="#carousel" data-router="section">
- <strong>Carousel</strong>
- <small>Carousel images example</small>
- </a>
- </li>
- <!-- Colours -->
- <li>
- <a href="#color" data-router="section" data-title="Colours">
- <div class="bubble right">14</div>
- <strong>Colors</strong>
- <small>Everything is more beautiful if you put a color.</small>
- </a>
- </li>
- <!-- Grid System -->
- <li>
- <a href="#grid" data-router="section">
- <strong>Grid System</strong>
- <small>System percentage dimension</small>
- </a>
- </li>
- </ul>
- </article>
- </aside>
|