diff --git a/index.html b/index.html
new file mode 100644
index 0000000..57ec50c
--- /dev/null
+++ b/index.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Javascript Calculator</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+ <div class = "container">
+     <h1>Calculator</h1>
+
+     <div class="calculator">
+         <input type="text" name="screen" id="search">
+     <table>
+         <tr>
+         <td><button>(</button></td>
+         <td><button>)</button></td>
+         <td><button>C</button></td>
+         <td><button>%</button></td>
+         </tr>
+     <tr>
+         <td><button>7</button></td>
+         <td><button>8</button></td>
+         <td><button>9</button></td>
+         <td><button>X</button></td>
+     </tr>
+     <tr>
+         <td><button>4</button></td>
+         <td><button>5</button></td>
+         <td><button>6</button></td>
+         <td><button>-</button></td>
+     </tr>
+     <tr>
+         <td><button>1</button></td>
+         <td><button>2</button></td>
+         <td><button>3</button></td>
+         <td><button>+</button></td>
+     </tr>
+         <tr>
+             <td><button>0</button></td>
+             <td><button>.</button></td>
+             <td><button>=</button></td>
+             <td><button>/</button></td>
+         </tr>
+     </table>
+     </div>
+
+ </div>
+</body>
+<script src = "index.js"></script>
+</html>
