


<template>
  <v-container>
    <div class="h3 my-5 py-5 body-font1">Training</div>
    <div><b>PDS Training Materials</b></div>
    <div class="padding-space">PDS Documentation</div>
    <div >
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font "
          :to="{ name: '' }"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading "
          >
         Crane's PDS Basic Guide
          </div>
        </router-link>
      </v-hover>
    </div>
    <div >
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font "
          :to="{ name: '' }"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading "
          >
         Crane's PDS Holiday Basic Guide
          </div>
        </router-link>
      </v-hover>
    </div>
     <div >
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font "
          :to="{ name: '' }"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading "
          >
         Crane's PDS Basic Q&A
          </div>
        </router-link>
      </v-hover>
    </div>

 <div >
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font "
          :to="{ name: '' }"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading "
          >
         Crane's PDS Advanced Guide
          </div>
        </router-link>
      </v-hover>
    </div>

 <div >
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font "
          :to="{ name: '' }"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading "
          >
         Crane's PDS Advanced Q&A
          </div>
        </router-link>
      </v-hover>
    </div>

 <div >
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font "
          :to="{ name: '' }"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading "
          >
         Crane Wedding Reference Guide
          </div>
        </router-link>
      </v-hover>
    </div>
<div class="padding-space">PDS Video Tutorials</div>
 <div >
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font "
          :to="{ name: '' }"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading "
          >
         Video Demonstration - Placing a PDS Order
          </div>
        </router-link>
      </v-hover>
    </div>

 <div >
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font "
          :to="{ name: '' }"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading "
          >
         PDS Holiday Order in a few steps
          </div>
        </router-link>
      </v-hover>
    </div>

 <div >
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font "
          :to="{ name: '' }"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading "
          >
         Multi Browser PDS
          </div>
        </router-link>
      </v-hover>
    </div>
<div class="padding-space">PDS Sign Up Forms</div>
 <div >
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font "
          :to="{ name: '' }"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading "
          >
         PDS Usage Agreement
          </div>
        </router-link>
      </v-hover>
    </div>
 <div >
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font "
          :to="{ name: '' }"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading "
          >
         Account Sign Up Form
          </div>
        </router-link>
      </v-hover>
    </div>
<div class="padding-space1"><b>Retailer Portal Training Materials</b></div>
 <div >
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font "
          :to="{ name: '' }"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading "
          >
         Retailer Portal Training Overview
          </div>
        </router-link>
      </v-hover>
    </div>

 <div >
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font "
          :to="{ name: '' }"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading "
          >
         Retailer Portal FAQ
          </div>
        </router-link>
      </v-hover>
    </div>

 <div >
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font "
          :to="{ name: '' }"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading "
          >
         How to Place a Boxed Order
          </div>
        </router-link>
      </v-hover>
    </div>
<div class="padding-space1"><b>Universal Order Form Training Materials</b></div>
 <div >
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font "
          :to="{ name: '' }"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading "
          >
         Alternate Characters Reference Sheet
          </div>
        </router-link>
      </v-hover>
    </div>

 
<div class="padding-space1"><b>Sign Up for Training</b></div>
<div>No training sessions are currently scheduled at this time.</div>
    
   
    <div  class="padding-space1">
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font"
          :to="{ name: 'ResourcesPage' }"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
            Back to Resources
          </div>
        </router-link>
      </v-hover>
    </div>
  </v-container>
</template>
<script>
export default {
  name: "Training",
};
</script>

<style src="./training.scss" lang="scss" scoped/>