git.roojs.org Git - ratchet/blob - test/app/checkout.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <meta charset="utf-8">
   5     <title>Movie finder</title>
   6     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
   7     <meta name="apple-mobile-web-app-capable" content="yes">
   8     <meta name="apple-mobile-web-app-status-bar-style" content="black">
   9
  10     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/touch-icons/apple-touch-icon-114x114.png">
  11     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/touch-icons/apple-touch-icon-72x72.png">
  12     <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../dist/touch-icons/apple-touch-icon-57x57.png">
  13
  14     <link rel="stylesheet" href="../../dist/ratchet.css">
  15     <link rel="stylesheet" href="css/app.css">
  16     <script src="../../dist/ratchet.js"></script>
  17     <script src="../../dos/js/fingerblast.js"></script>
  18
  19   </head>
  20   <body>
  21   <header class="bar-title">
  22     <a class="button-prev" href="choose-theater.html" data-transition="slide-out">
  23       Back
  24     </a>
  25     <h1 class="title">Buy tickets</h1>
  26   </header>
  27
  28   <nav class="bar-tab">
  29     <ul class="tab-inner">
  30       <li class="tab-item active">
  31         <a href="index.html" data-transition="fade">
  32           <img class="tab-icon" src="../../docs/img/icon-hamburger.png">
  33           <div class="tab-label">Movies</div>
  34         </a>
  35       </li>
  36       <li class="tab-item">
  37         <a href="theaters.html" data-transition="fade">
  38           <img class="tab-icon" src="../../docs/img/icon-hamburger.png">
  39           <div class="tab-label">Theaters</div>
  40         </a>
  41       </li>
  42       <li class="tab-item">
  43         <a href="settings.html" data-transition="fade">
  44           <img class="tab-icon" src="../../docs/img/icon-hamburger.png">
  45           <div class="tab-label">Settings</div>
  46         </a>
  47       </li>
  48     </ul>
  49   </nav>
  50
  51   <div class="content">
  52     <div class="checkout-form content-padded">
  53       <form>
  54         <div class="input-group">
  55           <div class="input-row">
  56             <input type="text" placeholder="Fullname">
  57           </div>
  58           <div class="input-row">
  59             <input type="email" placeholder="Email">
  60           </div>
  61         </div>
  62
  63         <div class="input-group">
  64           <div class="input-row">
  65             <input type="text" placeholder="Name on card">
  66           </div>
  67           <div class="input-row">
  68             <input type="text" placeholder="Credit card number">
  69           </div>
  70           <div class="input-row">
  71             <input type="text" placeholder="Security code">
  72           </div>
  73         </div>
  74
  75         <a class="button-positive button-block">Checkout</a>
  76       </form>
  77     </div>
  78   </div>
  79
  80   </body>
  81 </html>