From 4e5d6eb6abf9ef543a04b70d4ed56df97d922762 Mon Sep 17 00:00:00 2001
From: AkshataNaikwadi2002
 <119582223+AkshataNaikwadi2002@users.noreply.github.com>
Date: Sun, 21 Apr 2024 16:39:16 +0530
Subject: [PATCH] Add files via upload

---
 index.html | 97 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 97 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..301cdd4
--- /dev/null
+++ b/index.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>CALCULATOR</title>
+	<style type="text/css">
+		.container{
+			height: 100vh;
+			width: 100%;
+			background-image: url("");
+			position: fixed;
+			top: 0px;
+			left: 0px;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+		.parent-div{
+			height: 550px;
+			width: 375px;
+			background-color: white;
+			border-radius: 50px;
+			box-shadow: 0px 0px 40px black;
+			padding: 30px;
+		}
+		.output{
+			height: 75px;
+			width: 90%;
+			font-size: 40px;
+			text-align: right;
+			padding: opx 20px;
+		}
+		input{
+			height: 80px;
+			width: 80px;
+			margin: 5px;
+			border-radius: 35px;
+			background-color: grey;
+			border: none;
+			color: white;
+			font-size: 20px;
+			font-family: Arial Black;
+		}
+		input:hover{
+			cursor: pointer;
+		}
+		input[name="operator"],.org{
+			background-color: red;
+		}
+		.eql{
+			width: 170px;
+		}
+	</style>
+</head>
+<body>
+	<div class="container">
+		<div class="parent-div">
+			<form>
+			    <div class="data">
+				   <input type="text" name="op" class="output" disabled>
+			</div>
+			<div>
+				<input type="button" name="ac" value="AC" onclick="op.value=''" class="org">
+				<input type="button" name="c" value="C" onclick="op.value=''" class="org" onclick="op.value=op.value.slice(0,-1)">
+				<input type="button" name="operator"value="/" onclick="op.value+='/'">
+				<input type="button" name="operator" value="%" onclick="op.value+='%'">
+			</div>
+			<div>
+				<input type="button" name="num" value="9" onclick="op.value+='9'" >
+				<input type="button" name="num" value="8" onclick="op.value+='8'" >
+				<input type="button" name="num"value="7" onclick="op.value+='7'">
+				<input type="button" name="operator" value="+" onclick="op.value+='+'">
+			</div>
+			<div>
+				<input type="button" name="num" value="6" onclick="op.value+='6'" >
+				<input type="button" name="num" value="5" onclick="op.value+='5'" >
+				<input type="button" name="num"value="4" onclick="op.value+='4'">
+				<input type="button" name="operator" value="-" onclick="op.value+='-'">
+			</div>
+			<div>
+				<input type="button" name="num" value="3" onclick="op.value+='3'" >
+				<input type="button" name="num" value="2" onclick="op.value+='2'" >
+				<input type="button" name="num"value="1" onclick="op.value+='1'">
+				<input type="button" name="operator" value="+" onclick="op.value+='*'">
+			</div>
+			<div>
+				<input type="button" name="num" value="0" onclick="op.value+='0'" >
+				<input type="button" name="operator" value="." onclick="op.value+='.'" >
+				<input type="button" name="operator"value="=" onclick="op.value=eval(op.value)" class="eql">
+				
+			</div>
+		</form>
+	</div>
+
+</body>
+</html>
\ No newline at end of file
