100 lines
2.5 KiB
HTML
100 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Calculator</title>
|
|
|
|
<link rel="stylesheet" type="text/css" href="ressources/materialize.min.css">
|
|
<script src="ressources/jquery-3.3.1.min.js"></script>
|
|
<script src="ressources/materialize.min.css"></script>
|
|
|
|
<link rel="stylesheet" type="text/css" href="ressources/index.css">
|
|
<script src="ressources/index.js"></script>
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="container">
|
|
<div class="display-container">
|
|
|
|
<div class="display">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="buttons-container">
|
|
|
|
<div class="buttons-numbers">
|
|
<div class="button-input">
|
|
<span>9</span>
|
|
</div>
|
|
<div class="button-input">
|
|
<span>8</span>
|
|
</div>
|
|
<div class="button-input">
|
|
<span>7</span>
|
|
</div>
|
|
<div class="button-input">
|
|
<span>6</span>
|
|
</div>
|
|
<div class="button-input">
|
|
<span>5</span>
|
|
</div>
|
|
<div class="button-input">
|
|
<span>4</span>
|
|
</div>
|
|
<div class="button-input">
|
|
<span>3</span>
|
|
</div>
|
|
<div class="button-input">
|
|
<span>2</span>
|
|
</div>
|
|
<div class="button-input">
|
|
<span>1</span>
|
|
</div>
|
|
<div class="button-input">
|
|
<span>.</span>
|
|
</div>
|
|
<div class="button-input">
|
|
<span>0</span>
|
|
</div>
|
|
<div class="button-input" style="background-color: #d00506">
|
|
<span>=</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="buttons-operators">
|
|
|
|
<div class="parenthesis">
|
|
<div class="button-input">
|
|
<span>(</span>
|
|
</div>
|
|
<div class="button-input">
|
|
<span>)</span>
|
|
</div>
|
|
</div>
|
|
<div class="button-input">
|
|
<span>/</span>
|
|
</div>
|
|
<div class="button-input">
|
|
<span>*</span>
|
|
</div>
|
|
<div class="button-input">
|
|
<span>-</span>
|
|
</div>
|
|
<div class="button-input">
|
|
<span>+</span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |