| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Sema Translator</title> | |
| <link rel="stylesheet" href="style.css" /> | |
| </head> | |
| <body> | |
| <h1>Translate and Detect Source Language</h1> | |
| <form action="#" method="post" id="translationForm"> | |
| <div class="container"> | |
| <div class="text-box input-box"> | |
| <label for="source_lang">Select source language:</label> | |
| <select id="source_lang" name="source_lang"></select> | |
| <textarea id="userinput" name="userinput" placeholder="Enter text"></textarea> | |
| </div> | |
| <div class="text-box output-box"> | |
| <label for="target_lang">Select target language:</label> | |
| <select id="target_lang" name="target_lang"></select> | |
| <textarea id="output" name="output" placeholder="Translation" disabled></textarea> | |
| </div> | |
| </div> | |
| <input type="submit" value="Translate"> | |
| </form> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> | |