140 lines
4.1 KiB
HTML
140 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<meta charset="UTF-8">
|
|
<title>Calculator</title>
|
|
<meta name="description" content="This is a responsive calculator for a school project. The design is inspired from the OnePlus Calculator application">
|
|
|
|
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
|
|
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link rel="stylesheet" type="text/css" href="ressources/materialize.min.css">
|
|
<link rel="stylesheet" type="text/css" href="ressources/index.css">
|
|
|
|
<meta content="t3RzZEGL4FTpLJFO7njCG9sAbS8QbhkXT303M2GGuoI" name="google-site-verification"/>
|
|
|
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74712385-7"></script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="container">
|
|
|
|
<div class="main-history">
|
|
|
|
<div class="delete-history-container">
|
|
|
|
<span>History</span>
|
|
<div id="delete-history">Delete</div>
|
|
|
|
</div>
|
|
|
|
<div class="history-container"></div>
|
|
|
|
</div>
|
|
|
|
<div class="expand-buttons">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24"><path fill="white" d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
|
|
</div>
|
|
|
|
<div class="calculator-container">
|
|
<div class="display-container">
|
|
|
|
<div class="display"></div>
|
|
|
|
<div class="clears-buttons-container">
|
|
<div id="sup">SUP</div>
|
|
<div id="ac">AC</div>
|
|
</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="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>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script src="ressources/jquery-3.3.1.min.js"></script>
|
|
<script async src="ressources/materialize.min.js"></script>
|
|
|
|
<script async src="ressources/index.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|