summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--index.html38
-rw-r--r--style.css11
2 files changed, 49 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..329ed78
--- /dev/null
+++ b/index.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta http-equiv="X-UA-Compatible">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" href="style.css">i
+ <title>Web Calculator</title>
+</head>
+<body>
+ <div class="container">
+ <div class="display" style="color: white;">
+ 0
+ </div>
+ <div class="buttons">
+ <button class="button-grey">C</button>
+ <button class="button-grey">+/</button>
+ <button class="button-grey">%</button>
+ <button class="button-orange">/</button>
+ <button class="button-darkgrey">7</button>
+ <button class="button-darkgrey">8</button>
+ <button class="button-darkgrey">9</button>
+ <button class="button-orange">*</button>
+ <button class="button-darkgrey">4</button>
+ <button class="button-darkgrey">5</button>
+ <button class="button-darkgrey">6</button>
+ <button class="button-orange">-</button>
+ <button class="button-darkgrey">1</button>
+ <button class="button-darkgrey">2</button>
+ <button class="button-darkgrey">3</button>
+ <button class="button-orange">+</button>
+ <button class="button-darkgrey">0</button>
+ <button class="button-darkgrey">.</button>
+ <button class="button-orange">=</button>
+ </div>
+ </div>
+</body>
+</html> \ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..473ecc6
--- /dev/null
+++ b/style.css
@@ -0,0 +1,11 @@
+{
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-familt: Arial, Helvetica, sans-serif;
+}
+html, body{
+ background-color: black;
+ min-width: 100%;
+ width: 100%;
+} \ No newline at end of file