<!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> <script src="../../docs/js/fingerblast.js"></script> </head> <body> <header class="bar-title"> <h1 class="title">Settings</h1> </header> <nav class="bar-tab"> <ul class="tab-inner"> <li class="tab-item"> <a href="index.html" data-transition="fade"> <img class="tab-icon" src="../../docs/img/icon-hamburger.png"> <div class="tab-label">Movies</div> </a> </li> <li class="tab-item"> <a href="theaters.html" data-transition="fade"> <img class="tab-icon" src="../../docs/img/icon-hamburger.png"> <div class="tab-label">Theaters</div> </a> </li> <li class="tab-item active"> <a href="settings.html" data-transition="fade"> <img class="tab-icon" src="../../docs/img/icon-hamburger.png"> <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"> <label>Full name</label> <input type="text" placeholder="Mister Ratchet"> </div> <div class="input-row"> <label>Email</label> <input type="email" placeholder="ratchetframework@gmail.com"> </div> <div class="input-row"> <label>Username</label> <input type="text" placeholder="goRatchet"> </div> </div> <a class="button-block button-negative">Delete Account</a> </form> </div> </div> </body> </html>