diff --git a/src/components/Appbar.vue b/src/components/Appbar.vue
index cf5b646..ffc9baf 100644
--- a/src/components/Appbar.vue
+++ b/src/components/Appbar.vue
@@ -16,6 +16,11 @@
           </router-link>
         </v-col>
         <v-col cols="4" class="d-flex justify-end align-self-center">
+          <router-link :to="{ name: 'Triangle'}" class="routerLink ma-0 pr-2">
+            <p class="mb-0 underline">
+              Triangle
+            </p>
+          </router-link>
           <router-link :to="{ name: 'Login' }" class="routerLink ma-0 pr-2">
             <p class=" mb-0 underline">
               Sign In
diff --git a/src/views/Triangle.vue b/src/views/Triangle.vue
index 02ad5fe..5723e4a 100644
--- a/src/views/Triangle.vue
+++ b/src/views/Triangle.vue
@@ -1,19 +1,34 @@
 <template>
   <v-container fluid class="pa-0">
-    <v-row class="d-flex newtriangle" style="position: absolute;">
-      <v-col class="d-flex align-center pt-0" style="position: relative;">
-        <h1 class="display" style="position: relative;">Outside In</h1>
+    <v-row class="d-flex newtriangle" style="position: absolute; z-index: 1;">
+      <v-col
+        class="d-flex align-center pt-0 ml-8"
+        style="position: relative; z-index: 10;"
+      >
+        <v-card flat color="rgb(0, 0, 0, 0)">
+          <h1 class="display" style="position: relative;">
+            Welcome to Savvy Firebox Tutorial
+          </h1>
+          <v-btn xlarge color="primary" style="position: relative; z-index: 10;"
+            >Click Here</v-btn
+          >
+        </v-card>
       </v-col>
     </v-row>
     <v-row class="d-flex" style="position: relative; height: 50vh;"> </v-row>
-    <v-row class="d-flex" style="position: relative;">
-      <v-col class="d-flex">
-        <h1 class="display">OutsideOutsides</h1>
+    <v-row class="d-flex justify-space-around" style="position: relative;">
+      <v-col class="d-flex justify-center" cols="4">
+        <div class="d-flex align-cetner justify-center">
+          <h1 class="d-flex justify-center display" style="color: black;">
+            More information
+          </h1>
+          <v-btn color="secondary" md>Info</v-btn>
+        </div>
       </v-col>
-    </v-row>
-    <v-row cols="12" class="d-flex">
-      <v-col class="d-flex">
-        <h1 class="display">OutsideOutside</h1>
+      <v-col class="d-flex justify-center" cols="4">
+        <v-card flat color="rgb(0, 0, 0, 0)">
+          <h1 class="display" style="color: black;">Additional things</h1>
+        </v-card>
       </v-col>
     </v-row>
   </v-container>
@@ -25,7 +40,7 @@ export default {};
 
 <style lang="scss" scoped>
 .newtriangle {
-  width: 100vw;
+  width: 105vw;
   height: 50vh;
   background-image: radial-gradient(
     circle farthest-corner at 7.5% 54.1%,