<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”style.css”>
<title>
Form
</title>
<script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js”></script>
<script type=”text/javascript” src=”form.js”></script>
</head>
<body>
<form action=”” method=”” name=”calculate” class=”formstyle”>
<h2 class=”formheading”>Calculate Bottles Required</h2>
<div class=”formrow”>
<label>Enter Wall Length</label>
<input type=text value=”10″ name=”length” id=”length”>
</div>
<div class=”formrow”>
<label>Enter Wall Thickness</label>
<input type=text value=”12″ name=”thickness” id=”thickness”>
</div>
<div class=”formrow”>
<label>Corners</label>
<input type=text value=”2″ name=”corners” id=”corners”>
</div>
<div class=”formrow buttonrow” >
<input value=”CALCULATE” type=”button” class=”calbutton” id=”calbutton”>
</div>
<div class=”formrow” >
<input value=”Result will show here” type=”text” class=”result” id=”result” name=”result”>
</div>
</form>
</body>
</html>
