<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Movie finder</title> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/touch-icons/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/touch-icons/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../dist/touch-icons/apple-touch-icon-57x57.png"> <link rel="stylesheet" href="../../dist/ratchet.css"> <link rel="stylesheet" href="css/app.css"> <script src="../../dist/ratchet.js"></script> </head> <body> <header class="bar-nav"> <a class="button-prev" href="choose-theater.html" data-transition="slide-out"> Back </a> <h1 class="title">Buy tickets</h1> </header> <nav class="bar-standard bar-header-secondary"> <form> <input type="search" placeholder="Search for movies"> </form> </nav> <nav class="bar-tab"> <ul class="tab-inner"> <li class="tab-item active"> <a href="index.html" data-transition="fade"> <span class="icon icon-share"></span> <div class="tab-label">Movies</div> </a> </li> <li class="tab-item"> <a href="theaters.html" data-transition="fade"> <span class="icon icon-pages"></span> <div class="tab-label">Theaters</div> </a> </li> <li class="tab-item"> <a href="settings.html" data-transition="fade"> <span class="icon icon-sound"></span> <div class="tab-label">Settings</div> </a> </li> </ul> </nav> <div class="content"> <div class="form-wrapper"> <form> <div class="input-group"> <div class="input-row"> <input type="text" placeholder="Fullname"> </div> <div class="input-row"> <input type="email" placeholder="Email"> </div> </div> <div class="input-group"> <div class="input-row"> <input type="text" placeholder="Name on card"> </div> <div class="input-row"> <input type="text" placeholder="Credit card number"> </div> <div class="input-row"> <input type="text" placeholder="Security code"> </div> </div> <a class="button-positive button-block button-filled">Checkout</a> </form> </div> </div> </body> </html>