diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..6c42280
Binary files /dev/null and b/.DS_Store differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..9e6af30
--- /dev/null
+++ b/index.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<link rel="stylesheet" href="styles.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
+
+</head>
+<body>
+<div class="calculator" style= "width:350px">
+<a href="#">Standard |</a>
+<a href="/Users/jeremyking/Downloads/Dev/JS-Calculator-Lab/scientific.html">Scientific</a><br>
+<input type="number" placeholder="0" style= "width:267px"><br>
+<button class="operation" value="(">(</button>
+<button class="operation" value=")">)</button>
+<button class="operation" value="%">%</button>
+<button class="operation" value="">AC</button><br>
+<button class="number" value="7">7</button>
+<button class="number" value="8">8</button>
+<button class="number" value="9">9</button>
+<button class="operation" value="/">/</button><br>
+<button class="number" value="4">4</button>
+<button class="number" value="5">5</button>
+<button class="number" value="6">6</button>
+<button class="operation" value="*">*</button><br>
+<button class="number" value="1">1</button>
+<button class="number" value="2">2</button>
+<button class="number" value="3">3</button>
+<button class="operation" value="-">-</button><br>
+<button class="number" value="0">0</button>
+<button class="number" value=".">.</button>
+<button class="equal" value="=">=</button>
+<button class="operation" value="+">+</button>
+
+
+    
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/scientific.html b/scientific.html
new file mode 100644
index 0000000..cd3bbec
--- /dev/null
+++ b/scientific.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<link rel="stylesheet" href="styles.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
+
+</head>
+<body>
+<div class="calculator">
+        <a href="/Users/jeremyking/Downloads/Dev/JS-Calculator-Lab/index.html">Standard |</a>
+        <a href="#">Scientific</a><br>
+        <input type="number" placeholder="0"><br>
+        <button class="operation">Rad</button>
+        <button class="operation">Deg</button>
+        <button class="operation">x!</button>
+        <button class="operation">(</button>
+        <button class="operation">)</button>
+        <button class="operation">%</button>
+        <button class="operation">AC</button><br>
+        <button class="operation">lnv</button>
+        <button class="operation">sin</button>
+        <button class="operation">ln</button>
+        <button class="number">7</button>
+        <button class="number">8</button>
+        <button class="number">9</button>
+        <button class="operation">/</button><br>
+        <button class="operation">π</button>
+        <button class="operation">cos</button>
+        <button class="operation">log</button>
+        <button class="number">4</button>
+        <button class="number">5</button>
+        <button class="number">6</button>
+        <button class="operation">*</button><br>
+        <button class="operation">e</button>
+        <button class="operation">tan</button>
+        <button class="operation">√</button>
+        <button class="number">1</button>
+        <button class="number">2</button>
+        <button class="number">3</button>
+        <button class="operation">-</button><br>
+        <button class="operation">Ans</button>
+        <button class="operation">EX</button>
+        <button class="operation">x</button>
+        <button class="number">0</button>
+        <button class="number">.</button>
+        <button class="equal">=</button>
+        <button class="operation">+</button>
+
+
+
+</div>
+</body>
\ No newline at end of file
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..3fa8d1a
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,44 @@
+
+.calculator {
+    border: solid;
+    border-radius: 5%;
+    border-color: lightgrey;
+    width: 540px;
+    padding: 1%;
+}
+
+button:hover {
+    color: lightgrey;
+}
+
+button:active {
+    color: forestgreen;
+}
+
+
+.operation {
+    background-color: rgb(223, 225, 229);
+    border-radius: 5%;
+    border-color: rgb(223, 225, 229);
+    margin: .1%;
+    width: 4rem;
+    text-align: center;
+}
+
+.number {
+    background-color: rgb(243, 244, 245);
+    border-radius: 5%;
+    border-color: rgb(243, 244, 245);
+    margin: .1%;
+    width: 4rem;
+    text-align: center;
+}
+
+.equal {
+    background-color: rgb(66,133,244);
+    color: white;
+    border-radius: 5%;
+    border-color: rgb(66,133,244);
+    margin: .1%;
+    width: 4rem;
+}
\ No newline at end of file
