Scribd
Upload
4 views

Index.html

Uploaded by

yym6tfx68t
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as RTF, PDF, TXT or read online on Scribd
4 views

Index.html

Uploaded by

yym6tfx68t
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as RTF, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ClassTranslate</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="icon" type="image/x-icon" href="icon.png">
</head>

<body>
<div class="container">
<div class="row">
<div class="column">
<h1 class="language-heading">English</h1>
<textarea id="primary-input" class="text-area" placeholder="Primary language
input."></textarea>
<textarea id="primary-clarification" class="text-area" placeholder="Primary
language clarification." readonly></textarea>
<textarea id="primary-output" class="text-area" placeholder="Primary language
to secondary language." readonly></textarea>
</div>
<div class="column">
<h1 class="language-heading">Secondary Language</h1>
<textarea id="secondary-input" class="text-area" placeholder="Choose a
secondary language."></textarea>
<textarea id="secondary-clarification" class="text-area" placeholder="Choose a
secondary language." readonly></textarea>
<textarea id="secondary-output" class="text-area" placeholder="Choose a
secondary language." readonly></textarea>
</div>
<div class="column">
<h1>Transcript</h1>
<div id="transcript" class="transcript-area"></div>
<div class="dashboard">
<div class="dashboard-buttons">
<button class="button refresh" onclick="refreshSection('primary');
refreshSection('secondary')"></button>
<button class="button clear" onclick="clearSection('primary');
clearSection('secondary')"></button>
<button class="button language" onclick="languageSelector()"></button>
<button class="button download" onclick="download()"></button>
</div>
<form action="" class="language-picker__form" id="form1">
<label for="language1">Primary:</label>
<select name="language1" id="language1" class="language-picker">
<option lang="en" value="en">English</option>
<option lang="uk" value="uk">Ukrainian</option>
<option lang="fr" value="fr">French</option>
<option lang="es" value="es">Spanish</option>
<option lang="pt" value="pt">Portuguese</option>
<option lang="de" value="de">German</option>
<option lang="ru" value="ru">Russian</option>
<option lang="ja" value="ja">Japanese</option>
<option lang="ko" value="ko">Korean</option>
<option lang="el" value="el">Greek</option>
<option lang="tr" value="tr">Turkish</option>
<option lang="mn" value="mn">Mongolian</option>
<option lang="ht" value="ht">Haitian Creole</option>
</select>
</form>
<form action="" class="language-picker__form" id="form2">
<label for="language2">Secondary:</label>
<select name="language2" id="language2" class="language-picker">
<option lang="en" value="en">None</option>
<option lang="uk" value="uk">Ukrainian</option>
<option lang="fr" value="fr">French</option>
<option lang="es" value="es">Spanish</option>
<option lang="pt" value="pt">Portuguese</option>
<option lang="de" value="de">German</option>
<option lang="ru" value="ru">Russian</option>
<option lang="ja" value="ja">Japanese</option>
<option lang="ko" value="ko">Korean</option>
<option lang="el" value="el">Greek</option>
<option lang="tr" value="tr">Turkish</option>
<option lang="mn" value="mn">Mongolian</option>
<option lang="ht" value="ht">Haitian Creole</option>
</select>
</form>
</div>
</div>
</div>
</div>

<script src="script.js"></script>
</body>

</html>

You might also like