docs/touch-welcome.html

   1 <div id="touch-welcome">
   2
   3   <h1 class="klavika">Sencha Touch</h1>
   4   <h2 class="klavika">The Best HTML5 Mobile App Framework</h2>
   5
   6   <a class="api-docs" href="#!/api"><span>View API Documentation</span></a>
   7
   8   <div class="header">
   9     <div class="get-started">
  10       <a class="video" href="#!/guide/getting_started"><img src="resources/images/gettingstarted.jpg" /></a>
  11       <h3>Get Started with 2.0</h3>
  12       <p>Follow this simple guide to get started with Sencha Touch 2. We'll build a small website app with a welcome page, a list and a form</p>
  13       <a href="#!/guide/getting_started" class="more-icon">Read the guide</a>
  14     </div>
  15
  16     <div class="whats-new">
  17       <h3>What's new in Touch 2.0</h3>
  18       <img src="guides/whats_new/icon-lg.png" />
  19       <div class="right">
  20         <p>Sencha Touch 2 is all about performance, ease of use and great docs. Here's a guide to all that's new</p>
  21         <a href="#!/guide/whats_new" class="more-icon">Read the guide</a>
  22       </div>
  23     </div>
  24   </div>
  25
  26   <div class="divider"></div>
  27
  28   <div class="content-list sample-apps">
  29     <h3>Sample Apps</h3>
  30     <a class="more-icon" href="#!/example">View all samples</a>
  31     <div class="item">
  32       <a href="#!/example/kiva/index.html">
  33         <span class="thumb"><img src="touch/examples/kiva/resources/images/kiva.png" /></span>
  34         Kiva Touch
  35       </a>
  36     </div>
  37     <div class="item">
  38       <a href="#!/example/twitter/index.html">
  39         <span class="thumb"><img src="touch/examples/twitter/resources/images/icon.png" /></span>
  40         Twitter
  41       </a>
  42     </div>
  43     <div class="item">
  44       <a href="#!/example/kitchensink/index.html">
  45         <span class="thumb"><img src="touch/examples/kitchensink/resources/img/icon.png" /></span>
  46         Kitchen Sink
  47       </a>
  48     </div>
  49   </div>
  50
  51   <div class="content-list guides">
  52     <h3>Guides</h3>
  53     <a class="more-icon" href="#!/guide">View all guides</a>
  54     <div class="item">
  55       <a href="#!/guide/class_system">
  56         <span class="thumb"><img src="guides/class_system/icon-lg.png" /></span>
  57         Class System
  58       </a>
  59     </div>
  60     <div class="item">
  61       <a href="#!/guide/components">
  62         <span class="thumb"><img src="guides/components/icon-lg.png" /></span>
  63         Components
  64       </a>
  65     </div>
  66     <div class="item">
  67       <a href="#!/guide/dataview">
  68         <span class="thumb"><img src="guides/dataview/icon-lg.png" /></span>
  69         Data Views
  70       </a>
  71     </div>
  72   </div>
  73
  74   <div class="content-list components">
  75     <h3>Components</h3>
  76     <a class="more-icon" href="#!/example">View all components</a>
  77     <div class="item">
  78       <a href="#!/example/tabs2/index.html">
  79         <span class="thumb"><img src="touch/examples/tabs2/icon.png" /></span>
  80         Tab Panel
  81       </a>
  82     </div>
  83     <div class="item">
  84       <a href="#!/example/carousel/index.html">
  85         <span class="thumb"><img src="touch/examples/carousel/icon.png" /></span>
  86         Carousel
  87       </a>
  88     </div>
  89     <div class="item">
  90       <a href="#!/example/nestedlist/index.html">
  91         <span class="thumb"><img src="touch/examples/nestedlist/icon.png" /></span>
  92         Nested List
  93       </a>
  94     </div>
  95   </div>
  96
  97   <div class="content-list videos">
  98     <h3>Videos</h3>
  99     <a class="more-icon" href="#!/video">View all videos</a>
 100     <div class="item">
 101       <a href="#!/video/18134446">
 102         <span class="thumb"><img src="http://b.vimeocdn.com/ts/113/695/113695030_200.jpg" /></span>
 103         Hello World!
 104       </a>
 105     </div>
 106     <div class="item">
 107       <a href="#!/video/17882927">
 108         <span class="thumb"><img src="http://b.vimeocdn.com/ts/111/768/111768410_200.jpg" /></span>
 109         Performance
 110       </a>
 111     </div>
 112     <div class="item">
 113       <a href="#!/video/17879651">
 114         <span class="thumb"><img src="http://b.vimeocdn.com/ts/111/744/111744470_200.jpg" /></span>
 115         Theming
 116       </a>
 117     </div>
 118   </div>
 119
 120   <img id="sencha-stamp" src="http://www.sencha.com/img/sencha-stamp.png" alt="" height="60" width="400">
 121
 122 </div>