diff --git a/app.js b/app.js
index 5258162..b1865ab 100644
--- a/app.js
+++ b/app.js
@@ -1,12 +1,8 @@
 var app = new Vue({
   el: '#app',
   data: {
-    link: 'https://tyrelsouza.com',
+    attachRed: false,
+    attachGreen: false,
+    attachBlue: true
   },
-  methods: {
-    changeLink(){
-      this.link = "https://tyrel.bike";
-    }
-  }
-
-})
+});
diff --git a/index.html b/index.html
index 24d1181..583cc5e 100644
--- a/index.html
+++ b/index.html
@@ -3,11 +3,22 @@
   <head>
     <meta charset="utf-8">
     <script src="vue.js"></script>
+    <link rel="stylesheet" href="style.css">
   </head>
   <body>
     <div id='app'>
-        <button @click="changeLink">Change to Link</button>
-        <a :href='link'>Link</a>
+      <div class="demo"
+          @click="attachRed = !attachRed"
+          :class="{red: attachRed}"
+          ></div>
+      <div class="demo"
+          @click="attachGreen = !attachGreen"
+          :class="{green: attachGreen}"
+          ></div>
+      <div class="demo"
+          @click="attachBlue = !attachBlue"
+          :class="{blue: attachBlue}"
+          ></div>
     </div>
     <script src="app.js" charset="utf-8"></script>
   </body>
