50 lines
2.0 KiB
HTML
50 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="author" content="CodeHim">
|
|
<title>Calculator</title>
|
|
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<link rel="stylesheet" href="css/demo.css">
|
|
|
|
</head>
|
|
<body>
|
|
<header class="intro">
|
|
<h1>Calculator</h1>
|
|
|
|
<main>
|
|
<!-- Start DEMO HTML (Use the following code into your project)-->
|
|
<div class="container calculator">
|
|
<div class="screen-item screen"> <span>screen</span></div>
|
|
<dl class="touche__box">
|
|
<dt class="clear-item"> <span>clear</span></dt>
|
|
<dt class="touche__box-item"> <span class="soustraction">_</span></dt>
|
|
<dt class="touche__box-item"><span class="sign">+</span></dt>
|
|
<dt class="touche__box-item clearme"> <span>7</span></dt>
|
|
<dt class="touche__box-item"> <span>8</span></dt>
|
|
<dt class="touche__box-item"> <span>9</span></dt>
|
|
<dt class="touche__box-item"><span class="sign">/</span></dt>
|
|
<dt class="touche__box-item"> <span>4</span></dt>
|
|
<dt class="touche__box-item"> <span>5</span></dt>
|
|
<dt class="touche__box-item"> <span>6</span></dt>
|
|
<dt class="touche__box-item"><span class="sign">x</span></dt>
|
|
<dt class="touche__box-item"> <span>1</span></dt>
|
|
<dt class="touche__box-item"> <span>2</span></dt>
|
|
<dt class="touche__box-item"> <span>3</span></dt>
|
|
<dt class="equal-item"><span class="sign-equal">=</span></dt>
|
|
<dt class="touche__box-item zero-item"> <span>0</span></dt>
|
|
<dt class="touche__box-item un-item"><span class="sign">.</span></dt>
|
|
</dl>
|
|
</div>
|
|
<!-- END EDMO HTML (Happy Coding!)-->
|
|
</main>
|
|
|
|
|
|
<footer class="credit">Author: Xavier Artot - Distributed By: <a title="Awesome web design code & scripts" href="https://www.codehim.com?source=demo-page" target="_blank">CodeHim</a></footer>
|
|
|
|
<script src="./js/script.js"></script>
|
|
|
|
</body>
|
|
</html> |