diff --git a/src/main1.js b/src/main1.js
new file mode 100644
index 0000000..98563bc
--- /dev/null
+++ b/src/main1.js
@@ -0,0 +1,245 @@
+const navComponent = {
+  template:
+    `<a>
+      <a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+        <div class="caret-text">{{ navkey }}</div>
+        <div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div>
+      </a>
+      <ul class="dropdown-menu fade dropdown-margin">
+        <li>
+          <a v-for="item in navmenu" v-bind:key="item.id" class="searchmenu" v-bind:aria-label="item.description" v-bind:href="item.link" v-bind:target="item.target_blank">
+            <div class="bigger-fancy-text">
+              <i v-bind:class="item.icon" aria-hidden="true"></i>
+              <strong>{{ item.description }}</strong>
+            </div>
+          </a>
+        </li>
+      </ul>
+    </a>`,
+  props: ['navmenu', 'navkey']
+}
+
+const menusComponent = {
+  template:
+  `<div class="bigger-fancy-text">
+    <i v-bind:class="item.icon" aria-hidden="true"></i>
+    <strong>{{ item.description }}</strong>
+  </div>`,
+   props: ['item'] 
+}
+
+
+new Vue({
+  el: '#app',
+  components: {
+    'nav-component': navComponent,
+    'menus-component': menusComponent
+  },
+  data() {
+    return {
+      hamburger: [
+        {
+          link: "https://cuny-kb.primo.exlibrisgroup.com/discovery/search?tab=Everything&vid=01CUNY_KB:CUNY_KB&lang=en",
+          icon: "fas fa-search fa-fw bigger-icon",
+          description: "OneSearch",
+          target_blank: "",
+          id: 1
+        },
+        {
+          link: "https://library.kbcc.cuny.edu/az.php",
+          icon: "fas fa-database fa-fw bigger-icon",
+          description: "Databases A to Z",
+          target_blank: "",
+          id: 2
+        },
+        {
+          link: "https://library.kbcc.cuny.edu/guides",
+          icon: "fas fa-telescope fa-fw bigger-icon",
+          description: "Research Guides",
+          target_blank: "",
+          id: 3
+        },
+        {
+          link: "https://library.kbcc.cuny.edu/faq",
+          icon: "fas fa-question-circle fa-fw bigger-icon",
+          description: "FAQ",
+          target_blank: "",
+          id: 4
+        },
+        {
+          link: "https://library.kbcc.cuny.edu/calendar",
+          icon: "fas fa-clock fa-fw bigger-icon",
+          description: "Library Hours",
+          target_blank: "",
+          id: 5
+        },
+        {
+          link: "https://library.kbcc.cuny.edu/sitemap",
+          icon: "fas fa-location-arrow fa-fw bigger-icon",
+          description: "Site Map",
+          target_blank: "",
+          id: 6
+        }
+      ],
+      navListOfMenus: { 
+        "Find It": [
+          {
+            link: "https://library.kbcc.cuny.edu/az.php",
+            icon: "fas fa-database fa-fw bigger-icon",
+            description: "Databases A to Z",
+            target_blank: "",
+            id: 1
+          },
+          {
+            link: "https://cuny-kb.primo.exlibrisgroup.com/discovery/npsearch?vid=01CUNY_KB:CUNY_KB&search_scope=all",
+            icon: "fas fa-newspaper fa-fw bigger-icon",
+            description: "Newspaper Search",
+            target_blank: "",
+            id: 2
+          },
+          {
+            link: "https://cuny-kb.primo.exlibrisgroup.com/discovery/search?vid=01CUNY_KB:CUNY_KB&tab=CourseReserves&search_scope=CourseReserves",
+            icon: "fas fa-cloud-download-alt fa-fw bigger-icon",
+            description: "Course Reserves",
+            target_blank: "",
+            id: 3
+          },
+          {
+            link: "https://cuny-kb.primo.exlibrisgroup.com/discovery/jsearch?vid=01CUNY_KB:CUNY_KB",
+            icon: "fas fa-book fa-fw bigger-icon",
+            description: "Search for Specific Journals",
+            target_blank: "",
+            id: 4
+          },
+          {
+            link: "https://library.kbcc.cuny.edu/academicworks",
+            icon: "fas fa-archive fa-fw bigger-icon",
+            description: "CUNY Academic Works",
+            target_blank: "_blank",
+            id: 5
+          },
+          {
+            link: "https://www.bkstr.com/kingsboroughccstore/home",
+            icon: "fas fa-cash-register fa-fw bigger-icon",
+            description: "KBCC Bookstore",
+            target_blank: "_blank",
+            id: 6
+          }
+        ],
+        "Services": [
+          {
+            link: "http://kbcc.cuny.illiad.oclc.org/illiad/logon.html",
+            icon: "fas fa-books fa-fw bigger-icon",
+            description: "Interlibrary Loan",
+            target_blank: "_blank",
+            id: 1
+          },
+          {
+            link: "https://library.kbcc.cuny.edu/libraryservices/informationliteracy",
+            icon: "fas fa-chalkboard-teacher fa-fw bigger-icon",
+            description: "Book a Library Instruction Session" ,
+            target_blank: "",
+            id: 2
+          },
+          {
+            link: "https://library.kbcc.cuny.edu/mediaservices",
+            icon: "fas fa-photo-video fa-fw bigger-icon",
+            description: "Media Services",
+            target_blank: "",
+            id: 3
+          },
+          {
+            link: "https://kbcc-cuny.libwizard.com/f/bookrequest",
+            icon: "fas fa-shopping-basket fa-fw bigger-icon",
+            description: "Suggest a Book for Purchase",
+            target_blank: "",
+            id: 4
+          },
+          {
+            link: "https://kbcc-cuny.libwizard.com/id/8cdb3f1a787de3c307a8cf5d75cad406",
+            icon: "fas fa-bookmark fa-fw bigger-icon",
+            description: "Suggest an Item to Add to Reserves",
+            target_blank: "",
+            id: 5
+          }
+        ],
+        "About Us": [
+          {
+            link: "https://library.kbcc.cuny.edu/about-us/directory",
+            icon: "fas fa-address-book fa-fw bigger-icon",
+            description: "Faculty & Staff Directory",
+            target_blank: "",
+            id: 1
+          },
+          {
+            link: "https://library.kbcc.cuny.edu/newarrivals",
+            icon: "far fa-mail-bulk fa-fw bigger-icon",
+            description: "New Arrivals",
+            target_blank: "",
+            id: 2
+          },
+          {
+            link: "https://library.kbcc.cuny.edu/about-us/liaisons",
+            icon: "fas fa-theater-masks fa-fw bigger-icon",
+            description: "Subject Liaisons",
+            target_blank: "",
+            id: 3
+          },
+          {
+            link: "https://library.kbcc.cuny.edu/social",
+            icon: "far fa-hashtag fa-fw bigger-icon",
+            description: "Social Media",
+            target_blank: "",
+            id: 4
+          }
+        ],
+        "Location & Hours": [
+          {
+            link: "https://tour.kingsborough.edu/",
+            icon: "fas fa-map-marked-alt fa-fw bigger-icon",
+            description: "Campus Map",
+            target_blank: "",
+            id: 1
+          },
+          {
+            link: "https://library.kbcc.cuny.edu/calendar",
+            icon: "fas fa-clock fa-fw bigger-icon",
+            description: "Library Hours",
+            target_blank: "",
+            id: 2
+          }
+        ],
+        "Help": [
+          {
+            link: "https://library.kbcc.cuny.edu/askalibrarian",
+            icon: "fas fa-book-reader fa-fw bigger-icon",
+            description: "Ask A Librarian",
+            target_blank: "",
+            id: 1
+          },
+          {
+            link: "https://library.kbcc.cuny.edu/faq",
+            icon: "fas fa-question-circle fa-fw bigger-icon",
+            description: "FAQ",
+            target_blank: "",
+            id: 2
+          },
+          {
+            link: "https://library.kbcc.cuny.edu/guides",
+            icon: "fas fa-telescope fa-fw bigger-icon",
+            description: "Research Guides and Tutorials",
+            target_blank: "",
+            id: 3
+          },
+          {
+            link: "https://library.kbcc.cuny.edu/ENGLISH24",
+            icon: "fas fa-question fa-fw bigger-icon",
+            description: "How to Use the Library",
+            target_blank: "",
+            id: 4
+          }
+        ]
+  	  }
+    }
+  }
+});
diff --git a/src/main2.js b/src/main2.js
new file mode 100644
index 0000000..46cc610
--- /dev/null
+++ b/src/main2.js
@@ -0,0 +1,245 @@
+const navComponent = {
+  template:
+    `<a>
+      <a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+        <div class="caret-text">{{ navkey }}</div>
+        <div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div>
+      </a>
+      <ul class="dropdown-menu fade dropdown-margin">
+        <li>
+          <a v-for="item in navmenu" v-bind:key="item.id" class="searchmenu" v-bind:aria-label="item.description" v-bind:href="item.link" v-bind:target="item.target_blank">
+            <div class="bigger-fancy-text">
+              <i v-bind:class="item.icon" aria-hidden="true"></i>
+              <strong>{{ item.description }}</strong>
+            </div>
+          </a>
+        </li>
+      </ul>
+    </a>`,
+  props: ['navmenu', 'navkey']
+}
+
+const menusComponent = {
+  template:
+  `<div class="bigger-fancy-text">
+    <i v-bind:class="item.icon" aria-hidden="true"></i>
+    <strong>{{ item.description }}</strong>
+  </div>`,
+   props: ['item'] 
+}
+
+const { createApp } = Vue
+
+createApp({
+  components: {
+    'nav-component': navComponent,
+    'menus-component': menusComponent
+  },
+  data() {
+    return {
+      hamburger: [
+        {
+          link: "https://cuny-kb.primo.exlibrisgroup.com/discovery/search?tab=Everything&vid=01CUNY_KB:CUNY_KB&lang=en",
+          icon: "fas fa-search fa-fw bigger-icon",
+          description: "OneSearch",
+          target_blank: "",
+          id: 1
+        },
+        {
+          link: "https://library.kbcc.cuny.edu/az.php",
+          icon: "fas fa-database fa-fw bigger-icon",
+          description: "Databases A to Z",
+          target_blank: "",
+          id: 2
+        },
+        {
+          link: "https://library.kbcc.cuny.edu/guides",
+          icon: "fas fa-telescope fa-fw bigger-icon",
+          description: "Research Guides",
+          target_blank: "",
+          id: 3
+        },
+        {
+          link: "https://library.kbcc.cuny.edu/faq",
+          icon: "fas fa-question-circle fa-fw bigger-icon",
+          description: "FAQ",
+          target_blank: "",
+          id: 4
+        },
+        {
+          link: "https://library.kbcc.cuny.edu/calendar",
+          icon: "fas fa-clock fa-fw bigger-icon",
+          description: "Library Hours",
+          target_blank: "",
+          id: 5
+        },
+        {
+          link: "https://library.kbcc.cuny.edu/sitemap",
+          icon: "fas fa-location-arrow fa-fw bigger-icon",
+          description: "Site Map",
+          target_blank: "",
+          id: 6
+        }
+      ],
+      navListOfMenus: { 
+        "Find It": [
+          {
+            link: "https://library.kbcc.cuny.edu/az.php",
+            icon: "fas fa-database fa-fw bigger-icon",
+            description: "Databases A to Z",
+            target_blank: "",
+            id: 1
+          },
+          {
+            link: "https://cuny-kb.primo.exlibrisgroup.com/discovery/npsearch?vid=01CUNY_KB:CUNY_KB&search_scope=all",
+            icon: "fas fa-newspaper fa-fw bigger-icon",
+            description: "Newspaper Search",
+            target_blank: "",
+            id: 2
+          },
+          {
+            link: "https://cuny-kb.primo.exlibrisgroup.com/discovery/search?vid=01CUNY_KB:CUNY_KB&tab=CourseReserves&search_scope=CourseReserves",
+            icon: "fas fa-cloud-download-alt fa-fw bigger-icon",
+            description: "Course Reserves",
+            target_blank: "",
+            id: 3
+          },
+          {
+            link: "https://cuny-kb.primo.exlibrisgroup.com/discovery/jsearch?vid=01CUNY_KB:CUNY_KB",
+            icon: "fas fa-book fa-fw bigger-icon",
+            description: "Search for Specific Journals",
+            target_blank: "",
+            id: 4
+          },
+          {
+            link: "https://library.kbcc.cuny.edu/academicworks",
+            icon: "fas fa-archive fa-fw bigger-icon",
+            description: "CUNY Academic Works",
+            target_blank: "_blank",
+            id: 5
+          },
+          {
+            link: "https://www.bkstr.com/kingsboroughccstore/home",
+            icon: "fas fa-cash-register fa-fw bigger-icon",
+            description: "KBCC Bookstore",
+            target_blank: "_blank",
+            id: 6
+          }
+        ],
+        "Services": [
+          {
+            link: "http://kbcc.cuny.illiad.oclc.org/illiad/logon.html",
+            icon: "fas fa-books fa-fw bigger-icon",
+            description: "Interlibrary Loan",
+            target_blank: "_blank",
+            id: 1
+          },
+          {
+            link: "https://library.kbcc.cuny.edu/libraryservices/informationliteracy",
+            icon: "fas fa-chalkboard-teacher fa-fw bigger-icon",
+            description: "Book a Library Instruction Session" ,
+            target_blank: "",
+            id: 2
+          },
+          {
+            link: "https://library.kbcc.cuny.edu/mediaservices",
+            icon: "fas fa-photo-video fa-fw bigger-icon",
+            description: "Media Services",
+            target_blank: "",
+            id: 3
+          },
+          {
+            link: "https://kbcc-cuny.libwizard.com/f/bookrequest",
+            icon: "fas fa-shopping-basket fa-fw bigger-icon",
+            description: "Suggest a Book for Purchase",
+            target_blank: "",
+            id: 4
+          },
+          {
+            link: "https://kbcc-cuny.libwizard.com/id/8cdb3f1a787de3c307a8cf5d75cad406",
+            icon: "fas fa-bookmark fa-fw bigger-icon",
+            description: "Suggest an Item to Add to Reserves",
+            target_blank: "",
+            id: 5
+          }
+        ],
+        "About Us": [
+          {
+            link: "https://library.kbcc.cuny.edu/about-us/directory",
+            icon: "fas fa-address-book fa-fw bigger-icon",
+            description: "Faculty & Staff Directory",
+            target_blank: "",
+            id: 1
+          },
+          {
+            link: "https://library.kbcc.cuny.edu/newarrivals",
+            icon: "far fa-mail-bulk fa-fw bigger-icon",
+            description: "New Arrivals",
+            target_blank: "",
+            id: 2
+          },
+          {
+            link: "https://library.kbcc.cuny.edu/about-us/liaisons",
+            icon: "fas fa-theater-masks fa-fw bigger-icon",
+            description: "Subject Liaisons",
+            target_blank: "",
+            id: 3
+          },
+          {
+            link: "https://library.kbcc.cuny.edu/social",
+            icon: "far fa-hashtag fa-fw bigger-icon",
+            description: "Social Media",
+            target_blank: "",
+            id: 4
+          }
+        ],
+        "Location & Hours": [
+          {
+            link: "https://tour.kingsborough.edu/",
+            icon: "fas fa-map-marked-alt fa-fw bigger-icon",
+            description: "Campus Map",
+            target_blank: "",
+            id: 1
+          },
+          {
+            link: "https://library.kbcc.cuny.edu/calendar",
+            icon: "fas fa-clock fa-fw bigger-icon",
+            description: "Library Hours",
+            target_blank: "",
+            id: 2
+          }
+        ],
+        "Help": [
+          {
+            link: "https://library.kbcc.cuny.edu/askalibrarian",
+            icon: "fas fa-book-reader fa-fw bigger-icon",
+            description: "Ask A Librarian",
+            target_blank: "",
+            id: 1
+          },
+          {
+            link: "https://library.kbcc.cuny.edu/faq",
+            icon: "fas fa-question-circle fa-fw bigger-icon",
+            description: "FAQ",
+            target_blank: "",
+            id: 2
+          },
+          {
+            link: "https://library.kbcc.cuny.edu/guides",
+            icon: "fas fa-telescope fa-fw bigger-icon",
+            description: "Research Guides and Tutorials",
+            target_blank: "",
+            id: 3
+          },
+          {
+            link: "https://library.kbcc.cuny.edu/ENGLISH24",
+            icon: "fas fa-question fa-fw bigger-icon",
+            description: "How to Use the Library",
+            target_blank: "",
+            id: 4
+          }
+        ]
+  	  }
+    }
+  }
+}).mount('#app');