35 lines
1.0 KiB
Plaintext
35 lines
1.0 KiB
Plaintext
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>Mettcalc – calc all you need</title>
|
||
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
|
||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
|
||
</head>
|
||
<body>
|
||
<main class="content">
|
||
<div class="col-6 col-offset-3">
|
||
<div class="form-group">
|
||
<label class="col-6" for="halfRolls">Brötchenhälften:</label>
|
||
<div class="col-6">
|
||
<input class="form-control" id="halfRolls" type="number" min="1" value="1" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-6" for="hunger">Mettmenge:</label>
|
||
<div class="col-6">
|
||
<select class="form-control" id="hunger"></select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<div class="col-6 col-offset-6">
|
||
<button class="btn btn-default" id="calc">Berechnen!</button>
|
||
</div>
|
||
</div>
|
||
<div id="out"></div>
|
||
</div>
|
||
</main>
|
||
<script src="./mett.min.js"></script>
|
||
</body>
|
||
</html>
|