git.roojs.org Git - ratchet/blob - test/app/settings.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
  22   <header class="bar-title">
  23     <h1 class="title">Settings</h1>
  24   </header>
  25
  26   <nav class="bar-tab">
  27     <ul class="tab-inner">
  28       <li class="tab-item">
  29         <a href="index.html" data-transition="fade">
  30           <img class="tab-icon" src="../../docs/img/icon-hamburger.png">
  31           <div class="tab-label">Movies</div>
  32         </a>
  33       </li>
  34       <li class="tab-item">
  35         <a href="theaters.html" data-transition="fade">
  36           <img class="tab-icon" src="../../docs/img/icon-hamburger.png">
  37           <div class="tab-label">Theaters</div>
  38         </a>
  39       </li>
  40       <li class="tab-item active">
  41         <a href="settings.html" data-transition="fade">
  42           <img class="tab-icon" src="../../docs/img/icon-hamburger.png">
  43           <div class="tab-label">Settings</div>
  44         </a>
  45       </li>
  46     </ul>
  47   </nav>
  48
  49   <div class="content">
  50     <div class="form-wrapper">
  51       <form>
  52           <div class="input-group">
  53             <div class="input-row">
  54               <label>Full name</label>
  55               <input type="text" placeholder="Mister Ratchet">
  56             </div>
  57             <div class="input-row">
  58               <label>Email</label>
  59               <input type="email" placeholder="ratchetframework@gmail.com">
  60             </div>
  61             <div class="input-row">
  62               <label>Username</label>
  63               <input type="text" placeholder="goRatchet">
  64             </div>
  65           </div>
  66         <a class="button-block">Save changes</a>
  67         </form>
  68     </div>
  69
  70   </div>
  71
  72   </body>
  73 </html>