Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8" />
- <title>GistRun</title>
- <script src="script.js"></script>
- <link
- rel="stylesheet"
- href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic"
- />
- <link
- rel="stylesheet"
- href="//cdn.rawgit.com/necolas/normalize.css/master/normalize.css"
- />
- <link
- rel="stylesheet"
- href="//cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css"
- />
- <link rel="stylesheet" href="styles.css" />
- </head>
- <body>
- <div class="container">
- <div class="row">
- <div class="column">
- <h1 class="center-align">Translator</h1>
- </div>
- </div>
- <div class="row">
- <div class="column">
- <select id="fromSelect">
- <option value="">Source language</option>
- </select>
- </div>
- <div class="column">
- <button class="button center" id="translateButton">Translate</button>
- </div>
- <div class="column">
- <select id="toSelect">
- <option value="">Destination language</option>
- </select>
- </div>
- </div>
- <div class="row">
- <div class="column column-50">
- <label for="fromLanguage">Мова</label>
- <textarea
- placeholder="Мова"
- id="fromLanguage"
- class="vertical-resize"
- ></textarea>
- </div>
- <div class="column column-50">
- <label for="toLanguage">Language</label>
- <textarea
- readonly
- placeholder="Language"
- id="toLanguage"
- class="vertical-resize"
- ></textarea>
- </div>
- </div>
- </div>
- <script>
- const app = window.App;
- app.init({
- translateButtonId: "translateButton",
- fromSelectId: "fromSelect",
- toSelectId: "toSelect",
- fromLanguageAreaId: "fromLanguage",
- toLanguageAreaId: "toLanguage"
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement