You are on page 1of 2

<!

DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>All in One Unit Converter</title>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="https://drive.google.com/uc?
id=13ScsiqmFXjLdNhX1mBsk9GSAx1gQvkvC">

</head>
<body>
<!-- partial:index.partial.html -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:800|Poppins:700"
rel="stylesheet">

<div class="converter-wrapper">
<h1>ALL IN ONE <br>UNIT CONVERTER</h1>

<form name="property_form">
<span>
<select class="select-property" name="the_menu" size=1
onChange="UpdateUnitMenu(this, document.form_A.unit_menu); UpdateUnitMenu(this,
document.form_B.unit_menu)">
</select>
</span>
</form>

<div class="converter-side-a">
<form name="form_A" onSubmit="return false">
<input type="text" class="numbersonly" name="unit_input" maxlength="20"
value="0" onKeyUp="CalculateUnit(document.form_A, document.form_B)">
<span>
<select name="unit_menu" onChange="CalculateUnit(document.form_B,
document.form_A)">
</select>
</span>
</form>
</div> <!-- /converter-side-a -->

<div class="converter-equals">
<p>=</p>
</div> <!-- /converter-side-a -->

<div class="converter-side-b">
<form name="form_B" onSubmit="return false">
<input type="text" class="numbersonly" name="unit_input" maxlength="20"
value="0" onkeyup="CalculateUnit(document.form_B, document.form_A)">
<span>
<select name="unit_menu" onChange="CalculateUnit(document.form_A,
document.form_B)">
</select>
</span>
</form>
</div> <!-- /converter-side-b -->
</div><!-- /converter-wrapper -->
<!-- partial -->
<script src="./script.js"></script>
<script src="https://drive.google.com/uc?
id=10LefwZ9KioTXkYMXKEH660HcoRrmZOhC"></script>

</body>
</html>

You might also like