Advertisement
Guest User

Untitled

a guest
Jul 17th, 2019
108
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.01 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>GistRun</title>
  6. <script src="script.js"></script>
  7. <link
  8. rel="stylesheet"
  9. href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic"
  10. />
  11. <link
  12. rel="stylesheet"
  13. href="//cdn.rawgit.com/necolas/normalize.css/master/normalize.css"
  14. />
  15. <link
  16. rel="stylesheet"
  17. href="//cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css"
  18. />
  19. <link rel="stylesheet" href="styles.css" />
  20. </head>
  21. <body>
  22. <div class="container">
  23. <div class="row">
  24. <div class="column">
  25. <h1 class="center-align">Translator</h1>
  26. </div>
  27. </div>
  28.  
  29. <div class="row">
  30. <div class="column">
  31. <select id="fromSelect">
  32. <option value="">Source language</option>
  33. </select>
  34. </div>
  35. <div class="column">
  36. <button class="button center" id="translateButton">Translate</button>
  37. </div>
  38. <div class="column">
  39. <select id="toSelect">
  40. <option value="">Destination language</option>
  41. </select>
  42. </div>
  43. </div>
  44. <div class="row">
  45. <div class="column column-50">
  46. <label for="fromLanguage">Мова</label>
  47. <textarea
  48. placeholder="Мова"
  49. id="fromLanguage"
  50. class="vertical-resize"
  51. ></textarea>
  52. </div>
  53. <div class="column column-50">
  54. <label for="toLanguage">Language</label>
  55. <textarea
  56. readonly
  57. placeholder="Language"
  58. id="toLanguage"
  59. class="vertical-resize"
  60. ></textarea>
  61. </div>
  62. </div>
  63. </div>
  64. <script>
  65. const app = window.App;
  66. app.init({
  67. translateButtonId: "translateButton",
  68. fromSelectId: "fromSelect",
  69. toSelectId: "toSelect",
  70. fromLanguageAreaId: "fromLanguage",
  71. toLanguageAreaId: "toLanguage"
  72. });
  73. </script>
  74. </body>
  75. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement