diff --git a/README.md b/README.md
index 959e133..368b739 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,2 @@
 # js-dev-environment
-This is a generic template for a development environment. Also, it contains exercise files. possibly. . . not sure.
+This is a generic template for a development environment.
\ No newline at end of file
diff --git a/jsDev.fmp12 b/jsDev.fmp12
index 388a9a0..ae1edc0 100755
Binary files a/jsDev.fmp12 and b/jsDev.fmp12 differ
diff --git a/package-lock.json b/package-lock.json
index 16d1ac0..0bf5a8f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,10 +9,10 @@
       "license": "ISC",
       "dependencies": {
         "bootstrap": "^5.0.2",
-        "fm-webviewer-fetch": "^1.1.0",
-        "open": "^8.2.1"
+        "fm-webviewer-fetch": "^1.1.0"
       },
       "devDependencies": {
+        "open": "^8.2.1",
         "parcel-bundler": "^1.12.5",
         "parcel-plugin-inliner": "^1.0.16"
       }
@@ -3477,6 +3477,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
       "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -5106,6 +5107,7 @@
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
       "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+      "dev": true,
       "bin": {
         "is-docker": "cli.js"
       },
@@ -6200,6 +6202,7 @@
       "version": "8.2.1",
       "resolved": "https://registry.npmjs.org/open/-/open-8.2.1.tgz",
       "integrity": "sha512-rXILpcQlkF/QuFez2BJDf3GsqpjGKbkUUToAIGo9A0Q6ZkoSGogZJulrUdwRkrAsoQvoZsrjCYt8+zblOk7JQQ==",
+      "dev": true,
       "dependencies": {
         "define-lazy-prop": "^2.0.0",
         "is-docker": "^2.1.1",
@@ -6216,6 +6219,7 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
       "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "dev": true,
       "dependencies": {
         "is-docker": "^2.0.0"
       },
@@ -11750,7 +11754,8 @@
     "define-lazy-prop": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
-      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og=="
+      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
+      "dev": true
     },
     "define-properties": {
       "version": "1.1.3",
@@ -13039,7 +13044,8 @@
     "is-docker": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
-      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ=="
+      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+      "dev": true
     },
     "is-extendable": {
       "version": "0.1.1",
@@ -13907,6 +13913,7 @@
       "version": "8.2.1",
       "resolved": "https://registry.npmjs.org/open/-/open-8.2.1.tgz",
       "integrity": "sha512-rXILpcQlkF/QuFez2BJDf3GsqpjGKbkUUToAIGo9A0Q6ZkoSGogZJulrUdwRkrAsoQvoZsrjCYt8+zblOk7JQQ==",
+      "dev": true,
       "requires": {
         "define-lazy-prop": "^2.0.0",
         "is-docker": "^2.1.1",
@@ -13917,6 +13924,7 @@
           "version": "2.2.0",
           "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
           "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+          "dev": true,
           "requires": {
             "is-docker": "^2.0.0"
           }
diff --git a/package.json b/package.json
index e006258..8d41a45 100644
--- a/package.json
+++ b/package.json
@@ -15,10 +15,10 @@
   "license": "ISC",
   "dependencies": {
     "bootstrap": "^5.0.2",
-    "fm-webviewer-fetch": "^1.1.0",
-    "open": "^8.2.1"
+    "fm-webviewer-fetch": "^1.1.0"
   },
   "devDependencies": {
+    "open": "^8.2.1",
     "parcel-bundler": "^1.12.5",
     "parcel-plugin-inliner": "^1.0.16"
   }
diff --git a/public/exercise-one/index.html b/public/exercise-one/index.html
deleted file mode 100644
index c918d47..0000000
--- a/public/exercise-one/index.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <link
-      href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css"
-      rel="stylesheet"
-    />
-
-    <meta charset="UTF-8" />
-    <title>JSDev</title>
-  </head>
-  <body>
-    <h1>Hello</h1>
-    <script src="index.js"></script>
-  </body>
-</html>
diff --git a/public/exercise-one/index.js b/public/exercise-one/index.js
deleted file mode 100644
index 717c906..0000000
--- a/public/exercise-one/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function showText() {
-  alert("Hello cffd");
-}
-
-showText();
diff --git a/public/exercise-two/index.html b/public/exercise-two/index.html
deleted file mode 100644
index 12c9940..0000000
--- a/public/exercise-two/index.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <title>JSDev</title>
-  </head>
-  <body>
-    <h1>Begin exercises</h1>
-    <button id="click">Click Me</button>
-    <script src="index.js"></script>
-  </body>
-</html>
diff --git a/public/exercise-two/index.js b/public/exercise-two/index.js
deleted file mode 100644
index 5cf3757..0000000
--- a/public/exercise-two/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import "bootstrap/dist/css/bootstrap.min.css";
-
-document.getElementById("click").addEventListener("click", () => alert("HI"));
diff --git a/public/index.html b/public/index.html
index 12c9940..80c1908 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,8 +5,12 @@
     <title>JSDev</title>
   </head>
   <body>
-    <h1>Begin exercises</h1>
-    <button id="click">Click Me</button>
+    <h1>Let's Begin!</h1>
+    <div class="row">
+      <div class="col"><button id="click">Click Me</button></div>
+      <div class="col-11"><p id="text"></p></div>
+    </div>
+
     <script src="index.js"></script>
   </body>
 </html>
diff --git a/public/index.js b/public/index.js
index 5cf3757..a1c4345 100644
--- a/public/index.js
+++ b/public/index.js
@@ -1,3 +1,8 @@
 import "bootstrap/dist/css/bootstrap.min.css";
+import "./style.css";
+const setText = () => {
+  document.getElementById("text").innerHTML =
+    "We are beginning! Oh Yes, we are!";
+};
 
-document.getElementById("click").addEventListener("click", () => alert("HI"));
+document.getElementById("click").addEventListener("click", setText);
diff --git a/public/style.css b/public/style.css
new file mode 100644
index 0000000..335d98b
--- /dev/null
+++ b/public/style.css
@@ -0,0 +1,7 @@
+body{
+    margin:0;
+    padding-left:10px;
+   
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
\ No newline at end of file