-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
40 lines (39 loc) · 2.13 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<title>Basic calculator</title>
<link rel="stylesheet" href="css/styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@1,500&display=swap" rel="stylesheet">
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#FF0066" fill-opacity="1" d="M0,256L20,245.3C40,235,80,213,120,208C160,203,200,213,240,186.7C280,160,320,96,360,96C400,96,440,160,480,170.7C520,181,560,139,600,133.3C640,128,680,160,720,144C760,128,800,64,840,58.7C880,53,920,107,960,149.3C1000,192,1040,224,1080,208C1120,192,1160,128,1200,112C1240,96,1280,128,1320,133.3C1360,139,1400,117,1420,106.7L1440,96L1440,0L1420,0C1400,0,1360,0,1320,0C1280,0,1240,0,1200,0C1160,0,1120,0,1080,0C1040,0,1000,0,960,0C920,0,880,0,840,0C800,0,760,0,720,0C680,0,640,0,600,0C560,0,520,0,480,0C440,0,400,0,360,0C320,0,280,0,240,0C200,0,160,0,120,0C80,0,40,0,20,0L0,0Z"></path></svg>
<div class="calculator">
<div class="display">0</div>
<div class="keys">
<button class="operator">+</button>
<button class="operator">-</button>
<button class="operator">*</button>
<button class="operator">/</button>
<button class="number">7</button>
<button class="number">8</button>
<button class="number">9</button>
<button class="number">4</button>
<button class="number">5</button>
<button class="number">6</button>
<button class="number">1</button>
<button class="number">2</button>
<button class="number">3</button>
<button class="number">0</button>
<button class="number">.</button>
<button class="clearAll">AC</button>
<button class="equal">=</button>
</div>
</div>
<script type="text/javascript" src="https://www.cornify.com/js/cornify.js"></script>
<script src="js/script.js"></script>
</body>
</html>