|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
|
|
|
<head> |
|
|
<meta charset="utf-8"> |
|
|
<title>Sema Translator</title> |
|
|
<link rel="stylesheet" href="../style.css" /> |
|
|
</head> |
|
|
|
|
|
<body> |
|
|
<h1>Translate across 200 Languages</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> |
|
|
<div class="center-container"> |
|
|
<input type="submit" value="Translate"> |
|
|
</form> |
|
|
</div> |
|
|
|
|
|
<script src="../script.js"></script> |
|
|
</body> |
|
|
|
|
|
</html> |
|
|
|
