adding latest

src/views/Triangle.vue

@@ -9,7 +9,11 @@
           <h1 class="display" style="position: relative;">
             Welcome to Savvy Firebox Tutorial
           </h1>
-          <v-btn xlarge color="primary" style="position: relative; z-index: 10;"
+          <v-btn
+            xlarge
+            color="primary"
+            style="position: relative; z-index: 10;"
+            class="lighten-1"
             >Click Here</v-btn
           >
         </v-card>
@@ -18,16 +22,59 @@
     <v-row class="d-flex" style="position: relative; height: 50vh;"> </v-row>
     <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">
+        <v-card
-          <h1 class="d-flex justify-center display" style="color: black;">
+          flat
-            More information
+          color="rgb(0, 0, 0, 0)"
-          </h1>
+          class="d-flex align-center justify-center flex-column pa-6"
-          <v-btn color="secondary" md>Info</v-btn>
+        >
-        </div>
+          <v-card-title>
+            <span class="display-2 font-weight-bold">Learn more</span>
+          </v-card-title>
+          <v-card-text class="d-flex justify-center flex-column align-center">
+            <v-img
+              src="@/assets/images/11-Casino chip.png"
+              max-height="150px"
+              max-width="150px"
+              class="mb-5"
+            ></v-img>
+            <span
+              class="d-flex justify-center display body-1"
+              style="color: black;"
+            >
+              More information about what we do and why.
+            </span>
+          </v-card-text>
+          <v-card-actions>
+            <v-btn color="secondary" medium>Click here</v-btn>
+          </v-card-actions>
+        </v-card>
       </v-col>
       <v-col class="d-flex justify-center" cols="4">
-        <v-card flat color="rgb(0, 0, 0, 0)">
+        <v-card
-          <h1 class="display" style="color: black;">Additional things</h1>
+          flat
+          color="rgb(0, 0, 0, 0)"
+          class="d-flex align-center justify-center flex-column pa-6"
+        >
+          <v-card-title>
+            <span class="display-2 font-weight-bold">See more</span>
+          </v-card-title>
+          <v-card-text class="d-flex flex-column justify-center align-center">
+            <v-img
+              src="@/assets/images/12-Casino chip.png"
+              max-height="150px"
+              max-width="150px"
+              class="mb-5"
+            ></v-img>
+            <span
+              class="d-flex justify-center display body-1"
+              style="color: black;"
+            >
+              Additional things about what it is.
+            </span>
+          </v-card-text>
+          <v-card-actions>
+            <v-btn color="secondary" medium>Click here</v-btn>
+          </v-card-actions>
         </v-card>
       </v-col>
     </v-row>

src/views/forms/LoginForm.vue

@@ -19,7 +19,7 @@
             <p class="whiteText mb-0 mt-2">Log in or create an account.</p>
           </div>
         </v-card>
-        <v-card color="rgb(0, 0, 0, 0" flat>
+        <v-card color="rgb(0, 0, 0, 0)" flat>
           <div class="text-align-right">
             <p class="whiteText mb-0">Don't have an account? Create one.</p>
           </div>