CINXE.COM

AMS Resources - AMS Resources

<!doctype html> <html lang="en"> <head> <title>AMS Resources - AMS Resources</title> <meta name="description" content="Our library of free downloadable content will include white papers, webinars, product guides, case studies, industry analysis and much more"> <meta property="og:title" content="AMS Resources"> <meta property="og:description" content="Our library of free downloadable content will include white papers, webinars, product guides, case studies, industry analysis and much more"> <meta name="twitter:title" content="AMS Resources"> <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"AMS Resources","description":"Our library of free downloadable content will include white papers, webinars, product guides, case studies, industry analysis and much more"}</script> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" href="/themes/ams/images/icon.png"> <meta name="csrf-token" content="9NNNwBGHwrqhPIuT4JEL8KhjPdNwu9KgxjGOaocZ"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Roboto:ital,wght@0,100;0,400;0,700;0,900;1,100;1,400;1,700;1,900&display=swap" rel="stylesheet"> <link href="https://lmdashboard.com/css/cms.css?cb=1734494400" rel="stylesheet"> <link href="/themes/ams/css/app.css?id=ed8118bb5d91425a81ca97e0093fd327" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css" /> <script async src="https://www.googletagmanager.com/gtag/js?id=G-M8Q0YZ9N5V"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', "G-M8Q0YZ9N5V", JSON.parse('{\u0022debug_mode\u0022:false,\u0022brand_id\u0022:353,\u0022company_id\u0022:null,\u0022page_type\u0022:\u0022index\u0022,\u0022user_role\u0022:\u0022guest\u0022,\u0022resource_id\u0022:null,\u0022content_type\u0022:null,\u0022industry_id\u0022:null,\u0022version\u0022:1}')); fetch('https:\/\/myamsresources.com\/realtime-view?expires=1734496298\u0026page_type=index\u0026signature=307b676d2420587b3f8012f59861aaaaafc6f2ab0fb1af78d0ca25a633de960e', { method: 'POST', headers: { 'X-CSRF-TOKEN': '9NNNwBGHwrqhPIuT4JEL8KhjPdNwu9KgxjGOaocZ', }, }); </script> <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style> </head> <body class="main"> <div class="w-full bg-yellow-300 text-yellow-700 p-4 flex flex-col md:flex-row"> <div class="flex-1 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8 h-8 pr-2 hidden md:block"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/> </svg> <div> <span class="font-bold">Your web browser (Internet Explorer) is no longer supported!</span> <span>Please update your browser for better security, speed and experience on this Resource Center.</span> </div> </div> <div class="flex items-center mx-auto md:mx-0 pt-4 md:pt-0"> <a href="https://browser-update.org/update.html" class="rounded border border-yellow-700 p-4 transition duration-400 hover:bg-yellow-400" target="_blank" data-lm-ga-click-action="update_browser"> Update Browser </a> </div> </div> <div id="app" class="flex flex-col min-h-screen overflow-x-hidden"> <div> <div wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;rLgY9QIBAugFEcghv92h&quot;,&quot;name&quot;:&quot;navigation&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:{&quot;lw-3857529754-0&quot;:[&quot;div&quot;,&quot;bRqbYFWBdVpPDz9tP5j8&quot;],&quot;lw-3857529754-1&quot;:[&quot;div&quot;,&quot;nORkicljVDhA8UlaUUB2&quot;],&quot;lw-3857529754-2&quot;:[&quot;div&quot;,&quot;O1EoowtXcTwcfoIc4uhf&quot;],&quot;lw-3857529754-3&quot;:[&quot;div&quot;,&quot;IIaq9LfEyzs8T5mAkxhY&quot;],&quot;lw-3857529754-4&quot;:[&quot;div&quot;,&quot;GxslaWurGV59cArnSwaa&quot;],&quot;lw-3857529754-5&quot;:[&quot;div&quot;,&quot;nJ25LbgcRkWOFDmfEuoI&quot;],&quot;lw-3857529754-7&quot;:[&quot;div&quot;,&quot;s2Op3qJUqB9FimASpplq&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;6d780d8e7f126042f582d038f88b2306a92d37fdee78c5f5770bc08aa0650c36&quot;}" wire:effects="[]" wire:id="rLgY9QIBAugFEcghv92h" class="bg-header-bg text-header-text relative z-50" id="global-navigation"> <div class="relative flex items-center gap-4 z-10 max-w-screen-2xl m-auto"> <nav class="grid grid-cols-12 relative w-full p-4" aria-label="Global Navigation" x-data="{ globalNavOpen: false }" @click.away="globalNavOpen = false"> <div class="p-4 2xl:px-0 col-start-1 col-span-10 md:col-span-4 xl:col-span-3 xl:row-span-2 flex items-center"> <a href="https://reviewmyams.com" class="block"> <img src="/themes/ams/images/logo.png" class="w-auto max-w-full max-h-24 header-logo" alt="AMS Resources Logo" /> </a> </div> <div class="col-span-2 col-start-11 flex justify-end lg:hidden"> <button type="button" class="m-4 inline-flex items-center justify-center rounded-md p-4 transition duration-300 hover:bg-slate-200 border border-gray-300" :class="{ 'bg-slate-200': globalNavOpen, 'bg-transparent': ! globalNavOpen }" @click="globalNavOpen = ! globalNavOpen"> <span class="sr-only">Open main menu</span> <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /> </svg> </button> </div> <div id="global-nav-wrapper" class="xl:ml-4 xl:row-start-1 xl:col-start-4 col-span-12 xl:col-span-10 flex relative justify-end xl:justify-start bg-slate-100 md:bg-transparent rounded-md w-full transition" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" :class="{ 'hidden lg:flex': ! globalNavOpen, 'flex col-span-12 mb-4': globalNavOpen }" x-cloak> <div class="flex justify-between items-center w-full flex-wrap xl:flex-nowrap"> <div class="flex gap-8 items-center flex-col md:flex-row md:justify-end xl:justify-start w-full md:w-auto"> <div wire:snapshot="{&quot;data&quot;:{&quot;variant&quot;:&quot;buttons&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;bRqbYFWBdVpPDz9tP5j8&quot;,&quot;name&quot;:&quot;navigation.home-links&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;de42be316278ece32258aa0806f15eda59f8a21937148eb951bb1b9d64875521&quot;}" wire:effects="[]" wire:id="bRqbYFWBdVpPDz9tP5j8" class="flex flex-col md:flex-row gap-4 w-full"> <div class="hidden md:flex flex-col md:flex-row gap-4 w-full items-center"> <a href="/companies" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-10 text-sm rounded-lg px-4 inline-flex bg-white hover:bg-zinc-50 dark:bg-zinc-700 dark:hover:bg-zinc-600/75 text-zinc-800 dark:text-white border border-zinc-200 hover:border-zinc-200 border-b-zinc-300/80 dark:border-zinc-600 dark:hover:border-zinc-600 shadow-sm [[data-flux-button-group]_&amp;]:border-l-0 [:is([data-flux-button-group]&gt;&amp;:first-child,_[data-flux-button-group]_:first-child&gt;&amp;)]:border-l-[1px] hidden md:flex md:items-center md:text-sm md:font-semibold whitespace-nowrap p-4 rounded-md dark:!bg-white dark:!text-zinc-800 dark:hover:!bg-zinc-100 dark:!border-zinc-200 dark:hover:!border-zinc-200 dark:!border-b-zinc-300/80" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target" id="COMPANY"> Solutions </a> <a href="/resources" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-10 text-sm rounded-lg px-4 inline-flex bg-white hover:bg-zinc-50 dark:bg-zinc-700 dark:hover:bg-zinc-600/75 text-zinc-800 dark:text-white border border-zinc-200 hover:border-zinc-200 border-b-zinc-300/80 dark:border-zinc-600 dark:hover:border-zinc-600 shadow-sm [[data-flux-button-group]_&amp;]:border-l-0 [:is([data-flux-button-group]&gt;&amp;:first-child,_[data-flux-button-group]_:first-child&gt;&amp;)]:border-l-[1px] hidden md:flex md:items-center md:text-sm md:font-semibold whitespace-nowrap p-4 rounded-md dark:!bg-white dark:!text-zinc-800 dark:hover:!bg-zinc-100 dark:!border-zinc-200 dark:hover:!border-zinc-200 dark:!border-b-zinc-300/80" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target" id="RESOURCE"> Resources </a> </div> <div class="md:hidden flex flex-col gap-4 w-full"> <a href="/companies" class="flex md:items-center gap-2 leading-4 whitespace-nowrap rounded-md transition duration-300 hover:bg-slate-200 p-4" id="COMPANY_mobile" type="button"> Solutions </a> <a href="/resources" class="flex md:items-center gap-2 leading-4 whitespace-nowrap rounded-md transition duration-300 hover:bg-slate-200 p-4" id="RESOURCE_mobile" type="button"> Resources </a> </div> </div> <div wire:snapshot="{&quot;data&quot;:{&quot;title&quot;:&quot;Industries&quot;,&quot;id&quot;:&quot;industries&quot;,&quot;viewAllLink&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;nORkicljVDhA8UlaUUB2&quot;,&quot;name&quot;:&quot;navigation.industries&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;1f7d4042bbfb4f657657a2785f7c404c51d5b31eb52e7130b414db6ee1a454ce&quot;}" wire:effects="[]" wire:id="nORkicljVDhA8UlaUUB2" class="hidden"></div> <div wire:snapshot="{&quot;data&quot;:{&quot;title&quot;:&quot;Companies&quot;,&quot;id&quot;:&quot;companies&quot;,&quot;viewAllLink&quot;:&quot;\/companies&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;O1EoowtXcTwcfoIc4uhf&quot;,&quot;name&quot;:&quot;navigation.companies&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;87abe1edcd37229b082940c44f70da17837da2429a00e4694e8337b0fde5eeed&quot;}" wire:effects="[]" wire:id="O1EoowtXcTwcfoIc4uhf" x-show="13 > 1" class="relative w-full" x-data="{ showOpen: false }" @keydown.escape.window="showOpen = false" @click.away="showOpen = false"> <select onchange="window.location.href=this.value" class="md:hidden w-full bg-slate-100 p-4 cursor-pointer"> <option value="" selected disabled>Companies</option> <option value="/index/?company=growthzone">GrowthZone (17 Resources)</option> <option value="/index/?company=impexium">Impexium (12 Resources)</option> <option value="/index/?company=nimble-ams">Nimble AMS (5 Resources)</option> <option value="/index/?company=eventmobi">EventMobi (5 Resources)</option> <option value="/index/?company=marketing-general-inc">Marketing General Inc. (3 Resources)</option> <option value="/index/?company=d2l">D2L (3 Resources)</option> <option value="/index/?company=zenus">Zenus (3 Resources)</option> <option value="/index/?company=ym-careers">YM Careers (3 Resources)</option> <option value="/index/?company=strategic-elearning-llc-dba-elearningdoc">eLearningDOC (2 Resources)</option> <option value="/index/?company=appean-group">Appean Group (1 Resources)</option> <option value="/index/?company=m3magazines">m3Magazines (1 Resources)</option> <option value="/index/?company=conexiant">Conexiant (1 Resources)</option> <option value="/index/?company=halmyre-strategies-inc">Halmyre Strategies Inc. (1 Resources)</option> </select> <button class="text-sm font-semibold leading-4 whitespace-nowrap rounded-md transition duration-300 hidden md:flex hover:bg-slate-200 hover:text-text p-4 gap-4 items-center" :class="{ 'bg-slate-200': showOpen, 'bg-transparent': ! showOpen }" @click="showOpen = !showOpen" id="companiesButton" type="button" aria-label="companies"> Companies <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 inline-block ml-1 -mr-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /> </svg> </button> <div id="companies" x-cloak x-show="showOpen" aria-labelledby="companiesButton" x-transition:enter="transition ease-out duration-150 transform" x-transition:enter-start="opacity-0 translate-y-[-10%]" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150 transform" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-[-10%]" class="hidden md:flex absolute top-12 right-0 left-auto xl:right-auto xl:left-auto z-20 w-64 flex-col space-y-1z-20 bg-white divide-y divide-primary rounded-lg shadow-lg"> <div class="block px-4 py-2 font-semibold text-center text-white rounded-t-lg bg-gradient-to-r from-secondary to-primary"> Companies </div> <div class="divide-y divide-slate-400 border-slate-400 border overflow-y-auto max-h-[400px] text-text"> <a href="/index/?company=growthzone" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span class="text-sm">GrowthZone</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 17 </div> </a> <a href="/index/?company=impexium" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span class="text-sm">Impexium</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 12 </div> </a> <a href="/index/?company=nimble-ams" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span class="text-sm">Nimble AMS</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 5 </div> </a> <a href="/index/?company=eventmobi" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span class="text-sm">EventMobi</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 5 </div> </a> <a href="/index/?company=marketing-general-inc" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span class="text-sm">Marketing General Inc.</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 3 </div> </a> <a href="/index/?company=d2l" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span class="text-sm">D2L</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 3 </div> </a> <a href="/index/?company=zenus" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span class="text-sm">Zenus</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 3 </div> </a> <a href="/index/?company=ym-careers" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span class="text-sm">YM Careers</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 3 </div> </a> <a href="/index/?company=strategic-elearning-llc-dba-elearningdoc" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span class="text-sm">eLearningDOC</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 2 </div> </a> <a href="/index/?company=appean-group" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span class="text-sm">Appean Group</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 1 </div> </a> <a href="/index/?company=m3magazines" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span class="text-sm">m3Magazines</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 1 </div> </a> <a href="/index/?company=conexiant" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span class="text-sm">Conexiant</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 1 </div> </a> <a href="/index/?company=halmyre-strategies-inc" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span class="text-sm">Halmyre Strategies Inc.</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 1 </div> </a> </div> <a href="/companies" class="block py-2 text-sm font-medium text-center rounded-b-lg bg-theme-primary-700 hover:bg-theme-primary-800 text-white"> <div class="inline-flex items-center gap-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5"> <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /> </svg> View all </div> </a> </div> </div> <div wire:snapshot="{&quot;data&quot;:{&quot;title&quot;:&quot;Collections&quot;,&quot;id&quot;:&quot;collections&quot;,&quot;viewAllLink&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;IIaq9LfEyzs8T5mAkxhY&quot;,&quot;name&quot;:&quot;navigation.collections&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;b9c8f6bcb0d395c058bde53629b07fb2757b1442fb193354fd9f40fdbe1d2ca1&quot;}" wire:effects="[]" wire:id="IIaq9LfEyzs8T5mAkxhY" x-show="0 > 1" class="relative w-full" x-data="{ showOpen: false }" @keydown.escape.window="showOpen = false" @click.away="showOpen = false"> <select onchange="window.location.href=this.value" class="md:hidden w-full bg-slate-100 p-4 cursor-pointer"> <option value="" selected disabled>Collections</option> </select> <button class="text-sm font-semibold leading-4 whitespace-nowrap rounded-md transition duration-300 hidden md:flex hover:bg-slate-200 hover:text-text p-4 gap-4 items-center" :class="{ 'bg-slate-200': showOpen, 'bg-transparent': ! showOpen }" @click="showOpen = !showOpen" id="collectionsButton" type="button" aria-label="collections"> Collections <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 inline-block ml-1 -mr-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /> </svg> </button> <div id="collections" x-cloak x-show="showOpen" aria-labelledby="collectionsButton" x-transition:enter="transition ease-out duration-150 transform" x-transition:enter-start="opacity-0 translate-y-[-10%]" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150 transform" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-[-10%]" class="hidden md:flex absolute top-12 right-0 left-auto xl:right-auto xl:left-auto z-20 w-64 flex-col space-y-1z-20 bg-white divide-y divide-primary rounded-lg shadow-lg"> <div class="block px-4 py-2 font-semibold text-center text-white rounded-t-lg bg-gradient-to-r from-secondary to-primary"> Collections </div> <div class="divide-y divide-slate-400 border-slate-400 border overflow-y-auto max-h-[400px] text-text"> </div> <div class="block py-2 text-sm font-medium text-center rounded-b-lg bg-theme-primary-700"></div> </div> </div> <div wire:snapshot="{&quot;data&quot;:{&quot;title&quot;:&quot;Topics&quot;,&quot;id&quot;:&quot;topics&quot;,&quot;viewAllLink&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;GxslaWurGV59cArnSwaa&quot;,&quot;name&quot;:&quot;navigation.topics&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;55238102d25d0ae97e8f4cc4f0aff1355e2dab06effa3628138bb483d76c85dd&quot;}" wire:effects="[]" wire:id="GxslaWurGV59cArnSwaa" x-show="10 > 1" class="relative w-full" x-data="{ showOpen: false }" @keydown.escape.window="showOpen = false" @click.away="showOpen = false"> <select onchange="window.location.href=this.value" class="md:hidden w-full bg-slate-100 p-4 cursor-pointer"> <option value="" selected disabled>Topics</option> <option value="/index/?topics[0]=Membership and Marketing">Membership and Marketing (77 Resources)</option> <option value="/index/?topics[0]=Technology">Technology (61 Resources)</option> <option value="/index/?topics[0]=Leadership">Leadership (46 Resources)</option> <option value="/index/?topics[0]=Meetings and Events">Meetings and Events (22 Resources)</option> <option value="/index/?topics[0]=Business and Finance">Business and Finance (18 Resources)</option> <option value="/index/?topics[0]=Member Benefit">Member Benefit (14 Resources)</option> <option value="/index/?topics[0]=Workplace and HR">Workplace and HR (13 Resources)</option> <option value="/index/?topics[0]=Careers">Careers (4 Resources)</option> <option value="/index/?topics[0]=Travel and Hospitality">Travel and Hospitality (2 Resources)</option> <option value="/index/?topics[0]=Diversity, Equity and Inclusion">Diversity, Equity and Inclusion (1 Resources)</option> </select> <button class="text-sm font-semibold leading-4 whitespace-nowrap rounded-md transition duration-300 hidden md:flex hover:bg-slate-200 hover:text-text p-4 gap-4 items-center" :class="{ 'bg-slate-200': showOpen, 'bg-transparent': ! showOpen }" @click="showOpen = !showOpen" id="topicsButton" type="button" aria-label="topics"> Topics <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 inline-block ml-1 -mr-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /> </svg> </button> <div id="topics" x-cloak x-show="showOpen" aria-labelledby="topicsButton" x-transition:enter="transition ease-out duration-150 transform" x-transition:enter-start="opacity-0 translate-y-[-10%]" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150 transform" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-[-10%]" class="hidden md:flex absolute top-12 right-0 left-auto xl:right-auto xl:left-auto z-20 w-64 flex-col space-y-1z-20 bg-white divide-y divide-primary rounded-lg shadow-lg"> <div class="block px-4 py-2 font-semibold text-center text-white rounded-t-lg bg-gradient-to-r from-secondary to-primary"> Topics </div> <div class="divide-y divide-slate-400 border-slate-400 border overflow-y-auto max-h-[400px] text-text"> <a href="/index/?topics[0]=Membership and Marketing" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span><img src="https://store.lmknowledgehub.com/storage/tag-icons/4LvjNzyqjTd5QCtLhl2vKzZ6c1TkiZ7sHVz2Tlm3.png" alt="Membership and Marketing" class="w-auto h-6"></span> <span class="text-sm">Membership and Marketing</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 77 </div> </a> <a href="/index/?topics[0]=Technology" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span><img src="https://store.lmknowledgehub.com/storage/tag-icons/1EzvtdUtDcTLhj7h5xq3bKXqvyUmydNSX6f4kapR.png" alt="Technology" class="w-auto h-6"></span> <span class="text-sm">Technology</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 61 </div> </a> <a href="/index/?topics[0]=Leadership" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span><img src="https://store.lmknowledgehub.com/storage/tag-icons/GAvl0gmG95XZxxfpfq53bpLsypEScP8GrxtBPTR9.png" alt="Leadership" class="w-auto h-6"></span> <span class="text-sm">Leadership</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 46 </div> </a> <a href="/index/?topics[0]=Meetings and Events" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span><img src="https://store.lmknowledgehub.com/storage/tag-icons/KklbAPCsJoF0Fo7oYGfZqtuRWZ7Re3IGrT5GMULo.png" alt="Meetings and Events" class="w-auto h-6"></span> <span class="text-sm">Meetings and Events</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 22 </div> </a> <a href="/index/?topics[0]=Business and Finance" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span><img src="https://store.lmknowledgehub.com/storage/tag-icons/dw5AWMZOt2KQznkEKuNux6R1bz6aCdKRZLy1YUKK.png" alt="Business and Finance" class="w-auto h-6"></span> <span class="text-sm">Business and Finance</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 18 </div> </a> <a href="/index/?topics[0]=Member Benefit" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span><img src="https://store.lmknowledgehub.com/storage/tag-icons/yH7QDX58V5lDCsl6WWVKAcvEuZJpw26nNNl50shQ.svg" alt="Member Benefit" class="w-auto h-6"></span> <span class="text-sm">Member Benefit</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 14 </div> </a> <a href="/index/?topics[0]=Workplace and HR" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span><img src="https://store.lmknowledgehub.com/storage/tag-icons/ORAq0OeznantsC4IBFIKNsMplQhPTmb2dfxVvJVT.png" alt="Workplace and HR" class="w-auto h-6"></span> <span class="text-sm">Workplace and HR</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 13 </div> </a> <a href="/index/?topics[0]=Careers" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span><img src="https://store.lmknowledgehub.com/storage/tag-icons/XqchjmkK2Rj3ZiIp7WUSAktiYpBSxE1iLOZ4TVoz.png" alt="Careers" class="w-auto h-6"></span> <span class="text-sm">Careers</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 4 </div> </a> <a href="/index/?topics[0]=Travel and Hospitality" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span><img src="https://store.lmknowledgehub.com/storage/tag-icons/I1SXbjBEFMM7EthHfkogFg9sNUMJZ7e4O3pEGv3b.png" alt="Travel and Hospitality" class="w-auto h-6"></span> <span class="text-sm">Travel and Hospitality</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 2 </div> </a> <a href="/index/?topics[0]=Diversity, Equity and Inclusion" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span><img src="https://store.lmknowledgehub.com/storage/tag-icons/T954eNY0ENu0vXFvDhkutJCYy7km1B93HYdsJ9jJ.svg" alt="Diversity, Equity and Inclusion" class="w-auto h-6"></span> <span class="text-sm">Diversity, Equity and Inclusion</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 1 </div> </a> </div> <div class="block py-2 text-sm font-medium text-center rounded-b-lg bg-theme-primary-700"></div> </div> </div> <div wire:snapshot="{&quot;data&quot;:{&quot;title&quot;:&quot;Content Types&quot;,&quot;id&quot;:&quot;content_types&quot;,&quot;viewAllLink&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;nJ25LbgcRkWOFDmfEuoI&quot;,&quot;name&quot;:&quot;navigation.content-types&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;81616b288ba307bc1b1dcf9bb3a05ca2cb5c07867d438fce198c1216fc5b4d3c&quot;}" wire:effects="[]" wire:id="nJ25LbgcRkWOFDmfEuoI" x-show="8 > 1" class="relative w-full" x-data="{ showOpen: false }" @keydown.escape.window="showOpen = false" @click.away="showOpen = false"> <select onchange="window.location.href=this.value" class="md:hidden w-full bg-slate-100 p-4 cursor-pointer"> <option value="" selected disabled>Content Types</option> <option value="/index/?contentTypes[0]=Guide">Guide (40 Resources)</option> <option value="/index/?contentTypes[0]=White Paper">White Paper (22 Resources)</option> <option value="/index/?contentTypes[0]=Case Study">Case Study (14 Resources)</option> <option value="/index/?contentTypes[0]=eBook">eBook (12 Resources)</option> <option value="/index/?contentTypes[0]=Research / Report">Research / Report (7 Resources)</option> <option value="/index/?contentTypes[0]=Infographic">Infographic (6 Resources)</option> <option value="/index/?contentTypes[0]=Podcast">Podcast (1 Resources)</option> <option value="/index/?contentTypes[0]=Technical Paper">Technical Paper (1 Resources)</option> </select> <button class="text-sm font-semibold leading-4 whitespace-nowrap rounded-md transition duration-300 hidden md:flex hover:bg-slate-200 hover:text-text p-4 gap-4 items-center" :class="{ 'bg-slate-200': showOpen, 'bg-transparent': ! showOpen }" @click="showOpen = !showOpen" id="content_typesButton" type="button" aria-label="content_types"> Content Types <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 inline-block ml-1 -mr-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /> </svg> </button> <div id="content_types" x-cloak x-show="showOpen" aria-labelledby="content_typesButton" x-transition:enter="transition ease-out duration-150 transform" x-transition:enter-start="opacity-0 translate-y-[-10%]" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150 transform" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-[-10%]" class="hidden md:flex absolute top-12 right-0 left-auto xl:right-auto xl:left-auto z-20 w-64 flex-col space-y-1z-20 bg-white divide-y divide-primary rounded-lg shadow-lg"> <div class="block px-4 py-2 font-semibold text-center text-white rounded-t-lg bg-gradient-to-r from-secondary to-primary"> Content Types </div> <div class="divide-y divide-slate-400 border-slate-400 border overflow-y-auto max-h-[400px] text-text"> <a href="/index/?contentTypes[0]=Guide" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span><img src="https://store.lmknowledgehub.com/storage/tag-icons/CPBIG2plD7p8ul6OdUhVxE62C9b2WSs0Wud5t1sM.svg" alt="Guide" class="w-auto h-6"></span> <span class="text-sm">Guide</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 40 </div> </a> <a href="/index/?contentTypes[0]=White Paper" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span><img src="https://store.lmknowledgehub.com/storage/tag-icons/GbBAmOImB5VENhUpk0JJoQBPwQ8bGo9jri7J6pVg.svg" alt="White Paper" class="w-auto h-6"></span> <span class="text-sm">White Paper</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 22 </div> </a> <a href="/index/?contentTypes[0]=Case Study" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span><img src="https://store.lmknowledgehub.com/storage/tag-icons/wDbhtUV7t7AsAWdFFCOzNpJWboPQkaQpHNGVwZOK.svg" alt="Case Study" class="w-auto h-6"></span> <span class="text-sm">Case Study</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 14 </div> </a> <a href="/index/?contentTypes[0]=eBook" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span><img src="https://store.lmknowledgehub.com/storage/tag-icons/coN7iOrPEao2KCUnVa4xwefWPFOrRgOLxIQY3EQD.svg" alt="eBook" class="w-auto h-6"></span> <span class="text-sm">eBook</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 12 </div> </a> <a href="/index/?contentTypes[0]=Research / Report" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span><img src="https://store.lmknowledgehub.com/storage/tag-icons/X9ua38L61Akb19cHL8tioQ4lq4KWcAmdl1vxqwAJ.svg" alt="Research / Report" class="w-auto h-6"></span> <span class="text-sm">Research / Report</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 7 </div> </a> <a href="/index/?contentTypes[0]=Infographic" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span><img src="https://store.lmknowledgehub.com/storage/tag-icons/VEKP6FGFS69q6uU9IWT1JsBe6y4Imi6F096keFNP.svg" alt="Infographic" class="w-auto h-6"></span> <span class="text-sm">Infographic</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 6 </div> </a> <a href="/index/?contentTypes[0]=Podcast" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span><img src="https://store.lmknowledgehub.com/storage/tag-icons/8rvPfDfZVvUFwudvNYWynQ5igarxWfFpUaWT28zO.png" alt="Podcast" class="w-auto h-6"></span> <span class="text-sm">Podcast</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 1 </div> </a> <a href="/index/?contentTypes[0]=Technical Paper" class="w-full flex justify-between items-center px-4 py-3 hover:bg-slate-200 transition duration-300"> <div class="flex-1 flex items-center gap-4"> <span><img src="https://store.lmknowledgehub.com/storage/tag-icons/NxRryNtozMhPXvHpmiXcm42HjMrUQMEsmNqVC0yk.png" alt="Technical Paper" class="w-auto h-6"></span> <span class="text-sm">Technical Paper</span> </div> <div class="rounded-full bg-slate-300 border border-slate-400 font-medium text-[10px] p-2 h-6 w-6 flex items-center justify-center"> 1 </div> </a> </div> <div class="block py-2 text-sm font-medium text-center rounded-b-lg bg-theme-primary-700"></div> </div> </div> </div> </div> </div> <div class="xl:ml-4 xl:col-start-4 col-span-12 flex gap-4 items-center text-sm w-full"> <div class="flex-1"> <div wire:snapshot="{&quot;data&quot;:{&quot;search&quot;:&quot;&quot;,&quot;advancedSearch&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;s2Op3qJUqB9FimASpplq&quot;,&quot;name&quot;:&quot;navigation.search&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;8e67aba93b2d4ca9acbbabfe6f6fa53676361634574aab540d90787e699d6ebc&quot;}" wire:effects="[]" wire:id="s2Op3qJUqB9FimASpplq"> <form class="flex items-center" autocomplete="off"> <label for="search" class="sr-only">Search</label> <div class="w-full flex gap-4"> <div class="flex items-center gap-2 flex-1"> <input type="text" autocomplete="off" wire:keydown.enter="runSearch()" wire:model="search" id="search" name="search" class="text-black rounded p-2 bg-white/75 h-full placeholder-gray-500 w-full border border-gray-300" placeholder="Search AMS Resources ..."> <button type="button" wire:click="runSearch()" class="hover:bg-cards-buttonHover hover:text-cards-buttonText text-gray-500 transition rounded-full border border-gray-300 hover:border-transparent p-2"> <svg class="w-6 h-6 w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" /> </svg> </button> </div> <div class="flex items-center justify-between gap-2"> <div> <div class="inline-flex items-center "> <label class="relative flex cursor-pointer items-center rounded-full p-3" for="advancedSearch"> <input id="advancedSearch" type="checkbox" value="advancedSearch" wire:model="advancedSearch" wire:key="advancedSearch" class="before:content[''] disabled:opacity-50 bg-white peer relative h-5 w-5 cursor-pointer appearance-none rounded-md border border-blue-gray-400 transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-12 before:w-12 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full before:bg-blue-gray-500 before:opacity-0 before:transition-opacity checked:border-secondary checked:bg-secondary checked:before:bg-secondary hover:before:opacity-10" /> <div class="pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 text-white opacity-0 transition-opacity peer-checked:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" stroke="currentColor" stroke-width="1" > <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" ></path> </svg> </div> </label> <label class="mt-px cursor-pointer select-none text-gray-700 text-sm" for="advancedSearch"> <small class="text-xs">Use Advanced Search</small> </label> </div> </div> </div> </div> </form> </div> </div> </div> </nav> </div> </div> </div> <div id="ribbon" class="text-ribbon-text border-t-2 border-b-2 border-ribbon-border bg-ribbon-bg bg-blend-overlay bg-bottom bg-ribbon-texture"> <div class="sm:flex sm:flex-wrap h-full items-center m-auto container space-y-4 p-4"> <h1 class="text-xl">Welcome to the AMS Resources</h1> <p class="text-justify"> Our library of free downloadable content includes white papers, webinars, product guides, case studies, industry analysis and much more, provided by experts and vendors within the association industry. By downloading the content, you may be contacted by the provider. For more information on posting content in the Resource Center, please <a href="/resource/reviewmyams-contact-us" class="font-semibold text-ribbon-link">click here.</a> </p> </div> </div> <div wire:snapshot="{&quot;data&quot;:{&quot;bannerText&quot;:&quot;&quot;,&quot;shouldShow&quot;:false,&quot;hideAuthModule&quot;:true,&quot;signInText&quot;:&quot;Sign In&quot;,&quot;signUpText&quot;:&quot;Sign Up&quot;,&quot;hideOnPages&quot;:[[&quot;register&quot;],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;Lnc4yb0qZIZj4InWRXpp&quot;,&quot;name&quot;:&quot;registration.notification-banner&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;53637972b3e6fa736c7917db1eac18842dcb9a5f84a8b9dab8f47e0e7f134a03&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;userProfileUpdated&quot;]}" wire:id="Lnc4yb0qZIZj4InWRXpp" class="hidden"></div> <div class="announcement-banner w-full flex justify-center px-5 py-3 bg-primary border-b border-t border-primary bg-opacity-10 text-primary text-center underline font-bold"> <a href="/resource/reviewmyams-learn-more-about-reviewmyams-resource-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 -mt-2 inline" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" /> </svg>Learn more about the new ReviewMyAMS Resource Center (in under 2 minutes)! </a> </div> <div class="main-content flex-grow"> <div wire:snapshot="{&quot;data&quot;:{&quot;companies&quot;:[[[{&quot;id&quot;:906,&quot;name&quot;:&quot;Appean Group&quot;,&quot;slug&quot;:&quot;appean-group&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:1009,&quot;name&quot;:&quot;Conexiant&quot;,&quot;slug&quot;:&quot;conexiant&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:983,&quot;name&quot;:&quot;D2L&quot;,&quot;slug&quot;:&quot;d2l&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:1090,&quot;name&quot;:&quot;eLearningDOC&quot;,&quot;slug&quot;:&quot;strategic-elearning-llc-dba-elearningdoc&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:615,&quot;name&quot;:&quot;EventMobi&quot;,&quot;slug&quot;:&quot;eventmobi&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:537,&quot;name&quot;:&quot;GrowthZone&quot;,&quot;slug&quot;:&quot;growthzone&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:1014,&quot;name&quot;:&quot;Halmyre Strategies Inc.&quot;,&quot;slug&quot;:&quot;halmyre-strategies-inc&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:566,&quot;name&quot;:&quot;Impexium&quot;,&quot;slug&quot;:&quot;impexium&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:546,&quot;name&quot;:&quot;Lead Marvels Inc&quot;,&quot;slug&quot;:&quot;lead-marvels-inc&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:961,&quot;name&quot;:&quot;m3Magazines&quot;,&quot;slug&quot;:&quot;m3magazines&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:952,&quot;name&quot;:&quot;Marketing General Inc.&quot;,&quot;slug&quot;:&quot;marketing-general-inc&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:607,&quot;name&quot;:&quot;Nimble AMS&quot;,&quot;slug&quot;:&quot;nimble-ams&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:1221,&quot;name&quot;:&quot;YM Careers&quot;,&quot;slug&quot;:&quot;ym-careers&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:1171,&quot;name&quot;:&quot;Zenus&quot;,&quot;slug&quot;:&quot;zenus&quot;},{&quot;s&quot;:&quot;std&quot;}]],{&quot;class&quot;:&quot;Illuminate\\Support\\Collection&quot;,&quot;s&quot;:&quot;clctn&quot;}],&quot;company&quot;:null,&quot;resultsText&quot;:&quot;Results:&quot;,&quot;allContentTypes&quot;:[[[{&quot;id&quot;:3,&quot;name&quot;:&quot;Case Study&quot;,&quot;slug&quot;:&quot;case-study&quot;,&quot;type&quot;:&quot;content_type&quot;,&quot;brand_id&quot;:null,&quot;icon&quot;:&quot;&lt;svg xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot; class=\&quot;h-6 w-6\&quot; fill=\&quot;none\&quot; viewBox=\&quot;0 0 24 24\&quot; stroke=\&quot;currentColor\&quot;&gt;\n &lt;path stroke-linecap=\&quot;round\&quot; stroke-linejoin=\&quot;round\&quot; stroke-width=\&quot;2\&quot; d=\&quot;M16 8v8m-4-5v5m-4-2v2m-2 4h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\&quot; \/&gt;\n&lt;\/svg&gt;\n&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:8,&quot;name&quot;:&quot;eBook&quot;,&quot;slug&quot;:&quot;ebook&quot;,&quot;type&quot;:&quot;content_type&quot;,&quot;brand_id&quot;:null,&quot;icon&quot;:&quot;&lt;svg xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot; width=\&quot;24\&quot; height=\&quot;24\&quot; viewBox=\&quot;0 0 24 24\&quot; fill=\&quot;none\&quot; stroke=\&quot;currentColor\&quot; stroke-width=\&quot;2\&quot; stroke-linecap=\&quot;round\&quot; stroke-linejoin=\&quot;round\&quot; class=\&quot;feather feather-book\&quot;&gt;\n &lt;path d=\&quot;M4 19.5A2.5 2.5 0 0 1 6.5 17H20\&quot;&gt;&lt;\/path&gt;\n &lt;path d=\&quot;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\&quot;&gt;&lt;\/path&gt;\n&lt;\/svg&gt;&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:9,&quot;name&quot;:&quot;Guide&quot;,&quot;slug&quot;:&quot;guide&quot;,&quot;type&quot;:&quot;content_type&quot;,&quot;brand_id&quot;:null,&quot;icon&quot;:&quot;&lt;svg xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot; width=\&quot;24\&quot; height=\&quot;24\&quot; viewBox=\&quot;0 0 24 24\&quot; fill=\&quot;none\&quot; stroke=\&quot;currentColor\&quot; stroke-width=\&quot;2\&quot; stroke-linecap=\&quot;round\&quot; stroke-linejoin=\&quot;round\&quot; class=\&quot;feather feather-compass\&quot;&gt;\n &lt;circle cx=\&quot;12\&quot; cy=\&quot;12\&quot; r=\&quot;10\&quot;&gt;&lt;\/circle&gt;\n &lt;polygon points=\&quot;16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\&quot;&gt;&lt;\/polygon&gt;\n&lt;\/svg&gt;&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:4,&quot;name&quot;:&quot;Infographic&quot;,&quot;slug&quot;:&quot;infographic&quot;,&quot;type&quot;:&quot;content_type&quot;,&quot;brand_id&quot;:null,&quot;icon&quot;:&quot;&lt;svg xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot; width=\&quot;24\&quot; height=\&quot;24\&quot; viewBox=\&quot;0 0 24 24\&quot; fill=\&quot;none\&quot; stroke=\&quot;currentColor\&quot; stroke-width=\&quot;2\&quot; stroke-linecap=\&quot;round\&quot; stroke-linejoin=\&quot;round\&quot; class=\&quot;feather feather-pie-chart\&quot;&gt;\n &lt;path d=\&quot;M21.21 15.89A10 10 0 1 1 8 2.83\&quot;&gt;&lt;\/path&gt;\n &lt;path d=\&quot;M22 12A10 10 0 0 0 12 2v10z\&quot;&gt;&lt;\/path&gt;\n&lt;\/svg&gt;&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:155,&quot;name&quot;:&quot;Podcast&quot;,&quot;slug&quot;:&quot;podcast&quot;,&quot;type&quot;:&quot;content_type&quot;,&quot;brand_id&quot;:null,&quot;icon&quot;:&quot;&lt;svg xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot; fill=\&quot;none\&quot; viewBox=\&quot;0 0 24 24\&quot; stroke-width=\&quot;1.5\&quot; stroke=\&quot;currentColor\&quot; class=\&quot;w-6 h-6\&quot;&gt;\r\n &lt;path stroke-linecap=\&quot;round\&quot; stroke-linejoin=\&quot;round\&quot; d=\&quot;M12 18.75a6 6 0 006-6v-1.5m-6 7.5a6 6 0 01-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 01-3-3V4.5a3 3 0 116 0v8.25a3 3 0 01-3 3z\&quot; \/&gt;\r\n&lt;\/svg&gt;&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:6,&quot;name&quot;:&quot;Research \/ Report&quot;,&quot;slug&quot;:&quot;research-report&quot;,&quot;type&quot;:&quot;content_type&quot;,&quot;brand_id&quot;:null,&quot;icon&quot;:&quot;&lt;svg xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot; width=\&quot;24\&quot; height=\&quot;24\&quot; viewBox=\&quot;0 0 24 24\&quot; fill=\&quot;none\&quot; stroke=\&quot;currentColor\&quot; stroke-width=\&quot;2\&quot; stroke-linecap=\&quot;round\&quot; stroke-linejoin=\&quot;round\&quot; class=\&quot;feather feather-list\&quot;&gt;\n &lt;line x1=\&quot;8\&quot; y1=\&quot;6\&quot; x2=\&quot;21\&quot; y2=\&quot;6\&quot;&gt;&lt;\/line&gt;\n &lt;line x1=\&quot;8\&quot; y1=\&quot;12\&quot; x2=\&quot;21\&quot; y2=\&quot;12\&quot;&gt;&lt;\/line&gt;\n &lt;line x1=\&quot;8\&quot; y1=\&quot;18\&quot; x2=\&quot;21\&quot; y2=\&quot;18\&quot;&gt;&lt;\/line&gt;\n &lt;line x1=\&quot;3\&quot; y1=\&quot;6\&quot; x2=\&quot;3.01\&quot; y2=\&quot;6\&quot;&gt;&lt;\/line&gt;\n &lt;line x1=\&quot;3\&quot; y1=\&quot;12\&quot; x2=\&quot;3.01\&quot; y2=\&quot;12\&quot;&gt;&lt;\/line&gt;\n &lt;line x1=\&quot;3\&quot; y1=\&quot;18\&quot; x2=\&quot;3.01\&quot; y2=\&quot;18\&quot;&gt;&lt;\/line&gt;\n&lt;\/svg&gt;&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:2,&quot;name&quot;:&quot;White Paper&quot;,&quot;slug&quot;:&quot;white-paper&quot;,&quot;type&quot;:&quot;content_type&quot;,&quot;brand_id&quot;:null,&quot;icon&quot;:&quot;&lt;svg xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot; width=\&quot;24\&quot; height=\&quot;24\&quot; viewBox=\&quot;0 0 24 24\&quot; fill=\&quot;none\&quot; stroke=\&quot;currentColor\&quot; stroke-width=\&quot;2\&quot; stroke-linecap=\&quot;round\&quot; stroke-linejoin=\&quot;round\&quot; class=\&quot;feather feather-file\&quot;&gt;\n &lt;path d=\&quot;M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z\&quot;&gt;&lt;\/path&gt;\n &lt;polyline points=\&quot;13 2 13 9 20 9\&quot;&gt;&lt;\/polyline&gt;\n&lt;\/svg&gt;&quot;},{&quot;s&quot;:&quot;std&quot;}]],{&quot;class&quot;:&quot;Illuminate\\Support\\Collection&quot;,&quot;s&quot;:&quot;clctn&quot;}],&quot;allTopics&quot;:[[[{&quot;id&quot;:98,&quot;name&quot;:&quot;Business and Finance&quot;,&quot;slug&quot;:&quot;business-finance&quot;,&quot;type&quot;:&quot;topic&quot;,&quot;brand_id&quot;:null,&quot;icon&quot;:&quot;&lt;svg xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot; class=\&quot;h-6 w-6\&quot; fill=\&quot;none\&quot; viewBox=\&quot;0 0 24 24\&quot; stroke=\&quot;currentColor\&quot;&gt;\n &lt;path stroke-linecap=\&quot;round\&quot; stroke-linejoin=\&quot;round\&quot; stroke-width=\&quot;2\&quot; d=\&quot;M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\&quot; \/&gt;\n&lt;\/svg&gt;&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:148,&quot;name&quot;:&quot;Careers&quot;,&quot;slug&quot;:&quot;careers&quot;,&quot;type&quot;:&quot;topic&quot;,&quot;brand_id&quot;:null,&quot;icon&quot;:&quot;&lt;svg xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot; class=\&quot;h-6 w-6\&quot; fill=\&quot;none\&quot; viewBox=\&quot;0 0 24 24\&quot; stroke=\&quot;currentColor\&quot;&gt;\r\n &lt;path stroke-linecap=\&quot;round\&quot; stroke-linejoin=\&quot;round\&quot; stroke-width=\&quot;2\&quot; d=\&quot;M10 6H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V8a2 2 0 00-2-2h-5m-4 0V5a2 2 0 114 0v1m-4 0a2 2 0 104 0m-5 8a2 2 0 100-4 2 2 0 000 4zm0 0c1.306 0 2.417.835 2.83 2M9 14a3.001 3.001 0 00-2.83 2M15 11h3m-3 4h2\&quot; \/&gt;\r\n&lt;\/svg&gt;&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:99,&quot;name&quot;:&quot;Leadership&quot;,&quot;slug&quot;:&quot;leadership&quot;,&quot;type&quot;:&quot;topic&quot;,&quot;brand_id&quot;:null,&quot;icon&quot;:&quot;&lt;svg xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot; class=\&quot;h-6 w-6\&quot; fill=\&quot;none\&quot; viewBox=\&quot;0 0 24 24\&quot; stroke=\&quot;currentColor\&quot;&gt;\n &lt;path stroke-linecap=\&quot;round\&quot; stroke-linejoin=\&quot;round\&quot; stroke-width=\&quot;2\&quot; d=\&quot;M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\&quot; \/&gt;\n&lt;\/svg&gt;&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:100,&quot;name&quot;:&quot;Meetings and Events&quot;,&quot;slug&quot;:&quot;meetings-and-events&quot;,&quot;type&quot;:&quot;topic&quot;,&quot;brand_id&quot;:null,&quot;icon&quot;:&quot;&lt;svg xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot; class=\&quot;h-6 w-6\&quot; fill=\&quot;none\&quot; viewBox=\&quot;0 0 24 24\&quot; stroke=\&quot;currentColor\&quot;&gt;\r\n &lt;path stroke-linecap=\&quot;round\&quot; stroke-linejoin=\&quot;round\&quot; stroke-width=\&quot;2\&quot; d=\&quot;M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\&quot; \/&gt;\r\n&lt;\/svg&gt;&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:109,&quot;name&quot;:&quot;Member Benefit&quot;,&quot;slug&quot;:&quot;member-benefit&quot;,&quot;type&quot;:&quot;topic&quot;,&quot;brand_id&quot;:null,&quot;icon&quot;:&quot;&lt;svg xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot; class=\&quot;h-6 w-6\&quot; fill=\&quot;none\&quot; viewBox=\&quot;0 0 24 24\&quot; stroke=\&quot;currentColor\&quot; stroke-width=\&quot;2\&quot;&gt;\r\n &lt;path stroke-linecap=\&quot;round\&quot; stroke-linejoin=\&quot;round\&quot; d=\&quot;M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z\&quot; \/&gt;\r\n&lt;\/svg&gt;&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:101,&quot;name&quot;:&quot;Membership and Marketing&quot;,&quot;slug&quot;:&quot;membership-and-marketing&quot;,&quot;type&quot;:&quot;topic&quot;,&quot;brand_id&quot;:null,&quot;icon&quot;:&quot;&lt;svg xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot; class=\&quot;h-6 w-6\&quot; fill=\&quot;none\&quot; viewBox=\&quot;0 0 24 24\&quot; stroke=\&quot;currentColor\&quot;&gt;\r\n &lt;path stroke-linecap=\&quot;round\&quot; stroke-linejoin=\&quot;round\&quot; stroke-width=\&quot;2\&quot; d=\&quot;M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9\&quot; \/&gt;\r\n&lt;\/svg&gt;&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:102,&quot;name&quot;:&quot;Technology&quot;,&quot;slug&quot;:&quot;technology&quot;,&quot;type&quot;:&quot;topic&quot;,&quot;brand_id&quot;:null,&quot;icon&quot;:&quot;&lt;svg xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot; class=\&quot;h-6 w-6\&quot; fill=\&quot;none\&quot; viewBox=\&quot;0 0 24 24\&quot; stroke=\&quot;currentColor\&quot;&gt;\n &lt;path stroke-linecap=\&quot;round\&quot; stroke-linejoin=\&quot;round\&quot; stroke-width=\&quot;2\&quot; d=\&quot;M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z\&quot; \/&gt;\n&lt;\/svg&gt;&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:103,&quot;name&quot;:&quot;Travel and Hospitality&quot;,&quot;slug&quot;:&quot;travel-and-hospitality&quot;,&quot;type&quot;:&quot;topic&quot;,&quot;brand_id&quot;:null,&quot;icon&quot;:&quot;&lt;svg xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot; class=\&quot;h-6 w-6\&quot; fill=\&quot;none\&quot; viewBox=\&quot;0 0 24 24\&quot; stroke=\&quot;currentColor\&quot;&gt;\n &lt;path stroke-linecap=\&quot;round\&quot; stroke-linejoin=\&quot;round\&quot; stroke-width=\&quot;2\&quot; d=\&quot;M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\&quot; \/&gt;\n&lt;\/svg&gt;&quot;},{&quot;s&quot;:&quot;std&quot;}],[{&quot;id&quot;:104,&quot;name&quot;:&quot;Workplace and HR&quot;,&quot;slug&quot;:&quot;workplace-hr&quot;,&quot;type&quot;:&quot;topic&quot;,&quot;brand_id&quot;:null,&quot;icon&quot;:&quot;&lt;svg xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot; class=\&quot;h-6 w-6\&quot; fill=\&quot;none\&quot; viewBox=\&quot;0 0 24 24\&quot; stroke=\&quot;currentColor\&quot;&gt;\n &lt;path stroke-linecap=\&quot;round\&quot; stroke-linejoin=\&quot;round\&quot; stroke-width=\&quot;2\&quot; d=\&quot;M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\&quot; \/&gt;\n&lt;\/svg&gt;&quot;},{&quot;s&quot;:&quot;std&quot;}]],{&quot;class&quot;:&quot;Illuminate\\Support\\Collection&quot;,&quot;s&quot;:&quot;clctn&quot;}],&quot;allCollections&quot;:[[],{&quot;class&quot;:&quot;Illuminate\\Support\\Collection&quot;,&quot;s&quot;:&quot;clctn&quot;}],&quot;advancedSearch&quot;:false,&quot;showFilters&quot;:true,&quot;requiresHeroImage&quot;:true,&quot;industry&quot;:null,&quot;loadMoreCount&quot;:12,&quot;resourceCount&quot;:12,&quot;useFourColumnLayout&quot;:0,&quot;search&quot;:&quot;&quot;,&quot;sort&quot;:&quot;latest&quot;,&quot;sorts&quot;:[{&quot;latest&quot;:&quot;Publish Date&quot;,&quot;alpha&quot;:&quot;A to Z&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;contentTypes&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;topics&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;collections&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;total&quot;:75,&quot;hasFilters&quot;:false,&quot;paginators&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;mypp9a2NNI6KCYMedbNf&quot;,&quot;name&quot;:&quot;resources&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:{&quot;17344959984718&quot;:[&quot;div&quot;,&quot;tRdL4TCGnbFsL7IWycgS&quot;],&quot;17344959984714&quot;:[&quot;div&quot;,&quot;vnAOb8ck17Tn2nlXF3uY&quot;],&quot;17344959984614&quot;:[&quot;div&quot;,&quot;j7VPD89l9ndsp6RHDb3r&quot;],&quot;17344959983687&quot;:[&quot;div&quot;,&quot;0dO82gTTq5mOB1KTC4co&quot;],&quot;17344959984684&quot;:[&quot;div&quot;,&quot;9ug2hPtCUlhIM1KQ00o8&quot;],&quot;17344959984605&quot;:[&quot;div&quot;,&quot;10pRW8aAhZK59uhjrTrb&quot;],&quot;17344959984568&quot;:[&quot;div&quot;,&quot;UmjAdK8zRwHRZqQJzBbt&quot;],&quot;17344959984520&quot;:[&quot;div&quot;,&quot;nCSISlrxmgGAgLQhCwDk&quot;],&quot;17344959984497&quot;:[&quot;div&quot;,&quot;HF754xNOXAuOyBansITt&quot;],&quot;17344959984443&quot;:[&quot;div&quot;,&quot;OJa7sLpnITHh7bG8uV3a&quot;],&quot;17344959984313&quot;:[&quot;div&quot;,&quot;9c0bCsebyGfZWfZXf3yh&quot;],&quot;17344959984273&quot;:[&quot;div&quot;,&quot;EFX21i2JBYufz78KTPNM&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;ed3ce650a02be3c28cbed1dcd863d755dc645e7ad32c9688fdb15fbc12cacc9c&quot;}" wire:effects="{&quot;url&quot;:{&quot;company&quot;:{&quot;as&quot;:&quot;company&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;search&quot;:{&quot;as&quot;:&quot;search&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:&quot;&quot;},&quot;advancedSearch&quot;:{&quot;as&quot;:&quot;advancedSearch&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:false},&quot;sort&quot;:{&quot;as&quot;:&quot;sort&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:&quot;latest&quot;},&quot;contentTypes&quot;:{&quot;as&quot;:&quot;contentTypes&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;topics&quot;:{&quot;as&quot;:&quot;topics&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;industry&quot;:{&quot;as&quot;:&quot;industry&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;collections&quot;:{&quot;as&quot;:&quot;collections&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null}}}" wire:id="mypp9a2NNI6KCYMedbNf" class="flex justify-center overflow-hidden min-h-[62vh]" x-data="{ filtersOpen: false, timeout: null}"> <div class="max-w-screen-2xl w-full flex"> <div class="relative lg:max-w-[21rem] lg:p-8" x-init=" width = (window.innerWidth > 0) ? window.innerWidth : screen.width if (width > 1024) { filtersOpen = true } " class=""="{ 'w-0 p-0': ! filtersOpen, 'w-full px-4': filtersOpen }" > <div class="absolute hidden lg:flex bottom-2 top-4 right-0 transform translate-x-1/2 z-40 flex-col gap-4 items-start"> <div x-data="{ tooltipShown: false }"> <div class="absolute top-2 -right-32 transition duration-300" x-cloak="x-cloak" x-show="tooltipShown" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform translate-x-2" x-transition:enter-end="opacity-100 transform translate-x-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 transform translate-x-0" x-transition:leave-end="opacity-0 transform translate-x-2"> <div class="bg-black text-white text-xs rounded py-1 px-4 right-0 bottom-full"> Toggle Filters </div> </div> <button class="rounded-full w-auto md:w-12 h-12 shadow bg-filters-toggleButtonBg text-filters-toggleButtonText z-20 p-2 flex gap-2 items-center justify-center hover:bg-filters-toggleButtonHoverBg transition duration-300" @mouseenter="tooltipShown = true" @mouseleave="tooltipShown = false" @click="filtersOpen = ! filtersOpen"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75" /> </svg> <span class="md:hidden">Toggle Filters</span> </button> </div> <div class="hidden" x-data="{ tooltipShown: false }"> <div class="absolute top-2 -right-32 transition duration-300" x-cloak="x-cloak" x-show="tooltipShown" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform translate-x-2" x-transition:enter-end="opacity-100 transform translate-x-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 transform translate-x-0" x-transition:leave-end="opacity-0 transform translate-x-2"> <div class="bg-black text-white text-xs rounded py-1 px-4 right-0 bottom-full"> Clear Filters </div> </div> <button class="rounded-full w-auto md:w-10 h-10 shadow bg-filters-clearButtonBg text-filters-clearButtonText z-20 p-2 flex gap-2 items-center justify-center hover:bg-filters-clearButtonHoverBg transition duration-300" @mouseenter="tooltipShown = true" @mouseleave="tooltipShown = false" wire:click="resetAll"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 15L3 9m0 0l6-6M3 9h12a6 6 0 010 12h-3" /> </svg> <span class="md:hidden">Clear Filters</span> </button> </div> </div> <div class="z-10 grid grid-cols-1 gap-8 relative p-4 lg:pr-12 min-w-full" x-cloak x-show="filtersOpen" style="width:325px;"> <div class="lg:hidden"> <div class="p-2 cursor-pointer bg-gray-300 rounded-full text-xs flex items-center justify-center gap-2" @click="filtersOpen = ! filtersOpen"> <span>Close Advanced Search Filters</span> </div> </div> <div class="max-w-full w-64 m-auto"> <div class="hidden"></div> </div> <div class="block md:hidden lg:block"> <div x-data="{ open: true }" class=" overflow-hidden mb-4"> <div class="font-medium text-sm gap-8"> <div> <div class="flex flex-1 justify-between subpixel-antialiased font-bold text-lg"> Search </div> <div class="h-1 bg-gradient-to-r from-primary via-secondary to-transparent w-full mb-4"></div> </div> </div> <div x-show="open" class="gap-4 grid"> <div class="relative"> <input class="w-full h-10 py-2 px-3 border border-black border-opacity-20 rounded text-sm" type="text" placeholder="Search By Keyword..." wire:model.live.debounce.250ms="search" wire:keydown.enter="resetPage" > <div class="flex items-center gap-2 mt-4"> <div> <div class="inline-flex items-center "> <label class="relative flex cursor-pointer items-center rounded-full p-3" for="advancedSearch"> <input id="advancedSearch" type="checkbox" value="advancedSearch" wire:model.debounce.5000ms="advancedSearch" wire:key="advancedSearch" class="before:content[''] disabled:opacity-50 bg-white peer relative h-5 w-5 cursor-pointer appearance-none rounded-md border border-blue-gray-400 transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-12 before:w-12 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full before:bg-blue-gray-500 before:opacity-0 before:transition-opacity checked:border-secondary checked:bg-secondary checked:before:bg-secondary hover:before:opacity-10" /> <div class="pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 text-white opacity-0 transition-opacity peer-checked:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" stroke="currentColor" stroke-width="1" > <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" ></path> </svg> </div> </label> <label class="mt-px cursor-pointer select-none text-gray-700 text-sm" for="advancedSearch"> Use Advanced Search </label> </div> </div> <button wire:click="$dispatch('openModal', { component: 'resources.modals.advanced-search-info' })"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-theme-primary-500"> <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.34l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" clip-rule="evenodd" /> </svg> </button> </div> </div> </div> </div> </div> <div x-data="{ open: true }" class=" overflow-hidden mb-4"> <div class="font-medium text-sm gap-8"> <div> <div class="flex flex-1 justify-between subpixel-antialiased font-bold text-lg"> Companies </div> <div class="h-1 bg-gradient-to-r from-primary via-secondary to-transparent w-full mb-4"></div> </div> </div> <div x-show="open" class="gap-4 grid"> <div class="relative"> <label> <select class="w-full h-10 py-2 px-3 border border-black border-opacity-20 rounded text-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500" wire:model.live="company" > <option>Select Company</option> <option value="appean-group"> Appean Group </option> <option value="conexiant"> Conexiant </option> <option value="d2l"> D2L </option> <option value="strategic-elearning-llc-dba-elearningdoc"> eLearningDOC </option> <option value="eventmobi"> EventMobi </option> <option value="growthzone"> GrowthZone </option> <option value="halmyre-strategies-inc"> Halmyre Strategies Inc. </option> <option value="impexium"> Impexium </option> <option value="lead-marvels-inc"> Lead Marvels Inc </option> <option value="m3magazines"> m3Magazines </option> <option value="marketing-general-inc"> Marketing General Inc. </option> <option value="nimble-ams"> Nimble AMS </option> <option value="ym-careers"> YM Careers </option> <option value="zenus"> Zenus </option> </select> </label> </div> <div> <a href="/companies" class="text-primary px-2">View All Companies &raquo</a> </div> </div> </div> <div> </div> <div> <div x-data="{ open: true }" class=" overflow-hidden mb-4"> <div class="font-medium text-sm gap-8"> <div> <div class="flex flex-1 justify-between subpixel-antialiased font-bold text-lg"> Topics <button @click="open = ! open" type="button" class="inline-flex mr-1 items-center border border-transparent rounded-full shadow-sm text-white hover:text-opacity-80 text-opacity-40 focus:outline-none"> <!-- Heroicon name: solid/plus --> <svg x-cloak x-show="open" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM7 9a1 1 0 000 2h6a1 1 0 100-2H7z" clip-rule="evenodd" /> </svg> <svg x-cloak x-show="! open" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v2H7a1 1 0 100 2h2v2a1 1 0 102 0v-2h2a1 1 0 100-2h-2V7z" clip-rule="evenodd" /> </svg> </button> </div> <div class="h-1 bg-gradient-to-r from-primary via-secondary to-transparent w-full mb-4"></div> </div> </div> <div x-show="open" class="gap-1 grid"> <div class="flex items-center justify-between text-xs"> <div> <div class="inline-flex items-center "> <label class="relative flex cursor-pointer items-center rounded-full p-3" for="98"> <input id="98" type="checkbox" value="business-finance" wire:model.live="topics" wire:key="topics-98" class="before:content[''] disabled:opacity-50 bg-white peer relative h-5 w-5 cursor-pointer appearance-none rounded-md border border-blue-gray-400 transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-12 before:w-12 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full before:bg-blue-gray-500 before:opacity-0 before:transition-opacity checked:border-secondary checked:bg-secondary checked:before:bg-secondary hover:before:opacity-10" /> <div class="pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 text-white opacity-0 transition-opacity peer-checked:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" stroke="currentColor" stroke-width="1" > <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" ></path> </svg> </div> </label> <label class="mt-px cursor-pointer select-none text-gray-700 text-sm" for="98"> <div class="flex items-center gap-2"> <span><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /> </svg></span> <label for="98">Business and Finance</label> </div> </label> </div> </div> </div> <div class="flex items-center justify-between text-xs"> <div> <div class="inline-flex items-center "> <label class="relative flex cursor-pointer items-center rounded-full p-3" for="148"> <input id="148" type="checkbox" value="careers" wire:model.live="topics" wire:key="topics-148" class="before:content[''] disabled:opacity-50 bg-white peer relative h-5 w-5 cursor-pointer appearance-none rounded-md border border-blue-gray-400 transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-12 before:w-12 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full before:bg-blue-gray-500 before:opacity-0 before:transition-opacity checked:border-secondary checked:bg-secondary checked:before:bg-secondary hover:before:opacity-10" /> <div class="pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 text-white opacity-0 transition-opacity peer-checked:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" stroke="currentColor" stroke-width="1" > <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" ></path> </svg> </div> </label> <label class="mt-px cursor-pointer select-none text-gray-700 text-sm" for="148"> <div class="flex items-center gap-2"> <span><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V8a2 2 0 00-2-2h-5m-4 0V5a2 2 0 114 0v1m-4 0a2 2 0 104 0m-5 8a2 2 0 100-4 2 2 0 000 4zm0 0c1.306 0 2.417.835 2.83 2M9 14a3.001 3.001 0 00-2.83 2M15 11h3m-3 4h2" /> </svg></span> <label for="148">Careers</label> </div> </label> </div> </div> </div> <div class="flex items-center justify-between text-xs"> <div> <div class="inline-flex items-center "> <label class="relative flex cursor-pointer items-center rounded-full p-3" for="99"> <input id="99" type="checkbox" value="leadership" wire:model.live="topics" wire:key="topics-99" class="before:content[''] disabled:opacity-50 bg-white peer relative h-5 w-5 cursor-pointer appearance-none rounded-md border border-blue-gray-400 transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-12 before:w-12 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full before:bg-blue-gray-500 before:opacity-0 before:transition-opacity checked:border-secondary checked:bg-secondary checked:before:bg-secondary hover:before:opacity-10" /> <div class="pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 text-white opacity-0 transition-opacity peer-checked:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" stroke="currentColor" stroke-width="1" > <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" ></path> </svg> </div> </label> <label class="mt-px cursor-pointer select-none text-gray-700 text-sm" for="99"> <div class="flex items-center gap-2"> <span><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" /> </svg></span> <label for="99">Leadership</label> </div> </label> </div> </div> </div> <div class="flex items-center justify-between text-xs"> <div> <div class="inline-flex items-center "> <label class="relative flex cursor-pointer items-center rounded-full p-3" for="100"> <input id="100" type="checkbox" value="meetings-and-events" wire:model.live="topics" wire:key="topics-100" class="before:content[''] disabled:opacity-50 bg-white peer relative h-5 w-5 cursor-pointer appearance-none rounded-md border border-blue-gray-400 transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-12 before:w-12 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full before:bg-blue-gray-500 before:opacity-0 before:transition-opacity checked:border-secondary checked:bg-secondary checked:before:bg-secondary hover:before:opacity-10" /> <div class="pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 text-white opacity-0 transition-opacity peer-checked:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" stroke="currentColor" stroke-width="1" > <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" ></path> </svg> </div> </label> <label class="mt-px cursor-pointer select-none text-gray-700 text-sm" for="100"> <div class="flex items-center gap-2"> <span><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /> </svg></span> <label for="100">Meetings and Events</label> </div> </label> </div> </div> </div> <div class="flex items-center justify-between text-xs"> <div> <div class="inline-flex items-center "> <label class="relative flex cursor-pointer items-center rounded-full p-3" for="109"> <input id="109" type="checkbox" value="member-benefit" wire:model.live="topics" wire:key="topics-109" class="before:content[''] disabled:opacity-50 bg-white peer relative h-5 w-5 cursor-pointer appearance-none rounded-md border border-blue-gray-400 transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-12 before:w-12 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full before:bg-blue-gray-500 before:opacity-0 before:transition-opacity checked:border-secondary checked:bg-secondary checked:before:bg-secondary hover:before:opacity-10" /> <div class="pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 text-white opacity-0 transition-opacity peer-checked:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" stroke="currentColor" stroke-width="1" > <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" ></path> </svg> </div> </label> <label class="mt-px cursor-pointer select-none text-gray-700 text-sm" for="109"> <div class="flex items-center gap-2"> <span><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg></span> <label for="109">Member Benefit</label> </div> </label> </div> </div> </div> <div class="flex items-center justify-between text-xs"> <div> <div class="inline-flex items-center "> <label class="relative flex cursor-pointer items-center rounded-full p-3" for="101"> <input id="101" type="checkbox" value="membership-and-marketing" wire:model.live="topics" wire:key="topics-101" class="before:content[''] disabled:opacity-50 bg-white peer relative h-5 w-5 cursor-pointer appearance-none rounded-md border border-blue-gray-400 transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-12 before:w-12 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full before:bg-blue-gray-500 before:opacity-0 before:transition-opacity checked:border-secondary checked:bg-secondary checked:before:bg-secondary hover:before:opacity-10" /> <div class="pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 text-white opacity-0 transition-opacity peer-checked:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" stroke="currentColor" stroke-width="1" > <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" ></path> </svg> </div> </label> <label class="mt-px cursor-pointer select-none text-gray-700 text-sm" for="101"> <div class="flex items-center gap-2"> <span><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" /> </svg></span> <label for="101">Membership and Marketing</label> </div> </label> </div> </div> </div> <div class="flex items-center justify-between text-xs"> <div> <div class="inline-flex items-center "> <label class="relative flex cursor-pointer items-center rounded-full p-3" for="102"> <input id="102" type="checkbox" value="technology" wire:model.live="topics" wire:key="topics-102" class="before:content[''] disabled:opacity-50 bg-white peer relative h-5 w-5 cursor-pointer appearance-none rounded-md border border-blue-gray-400 transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-12 before:w-12 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full before:bg-blue-gray-500 before:opacity-0 before:transition-opacity checked:border-secondary checked:bg-secondary checked:before:bg-secondary hover:before:opacity-10" /> <div class="pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 text-white opacity-0 transition-opacity peer-checked:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" stroke="currentColor" stroke-width="1" > <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" ></path> </svg> </div> </label> <label class="mt-px cursor-pointer select-none text-gray-700 text-sm" for="102"> <div class="flex items-center gap-2"> <span><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z" /> </svg></span> <label for="102">Technology</label> </div> </label> </div> </div> </div> <div class="flex items-center justify-between text-xs"> <div> <div class="inline-flex items-center "> <label class="relative flex cursor-pointer items-center rounded-full p-3" for="103"> <input id="103" type="checkbox" value="travel-and-hospitality" wire:model.live="topics" wire:key="topics-103" class="before:content[''] disabled:opacity-50 bg-white peer relative h-5 w-5 cursor-pointer appearance-none rounded-md border border-blue-gray-400 transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-12 before:w-12 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full before:bg-blue-gray-500 before:opacity-0 before:transition-opacity checked:border-secondary checked:bg-secondary checked:before:bg-secondary hover:before:opacity-10" /> <div class="pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 text-white opacity-0 transition-opacity peer-checked:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" stroke="currentColor" stroke-width="1" > <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" ></path> </svg> </div> </label> <label class="mt-px cursor-pointer select-none text-gray-700 text-sm" for="103"> <div class="flex items-center gap-2"> <span><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg></span> <label for="103">Travel and Hospitality</label> </div> </label> </div> </div> </div> <div class="flex items-center justify-between text-xs"> <div> <div class="inline-flex items-center "> <label class="relative flex cursor-pointer items-center rounded-full p-3" for="104"> <input id="104" type="checkbox" value="workplace-hr" wire:model.live="topics" wire:key="topics-104" class="before:content[''] disabled:opacity-50 bg-white peer relative h-5 w-5 cursor-pointer appearance-none rounded-md border border-blue-gray-400 transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-12 before:w-12 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full before:bg-blue-gray-500 before:opacity-0 before:transition-opacity checked:border-secondary checked:bg-secondary checked:before:bg-secondary hover:before:opacity-10" /> <div class="pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 text-white opacity-0 transition-opacity peer-checked:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" stroke="currentColor" stroke-width="1" > <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" ></path> </svg> </div> </label> <label class="mt-px cursor-pointer select-none text-gray-700 text-sm" for="104"> <div class="flex items-center gap-2"> <span><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" /> </svg></span> <label for="104">Workplace and HR</label> </div> </label> </div> </div> </div> </div> </div> </div> <div> <div x-data="{ open: true }" class=" overflow-hidden mb-4"> <div class="font-medium text-sm gap-8"> <div> <div class="flex flex-1 justify-between subpixel-antialiased font-bold text-lg"> Content Types <button @click="open = ! open" type="button" class="inline-flex mr-1 items-center border border-transparent rounded-full shadow-sm text-white hover:text-opacity-80 text-opacity-40 focus:outline-none"> <!-- Heroicon name: solid/plus --> <svg x-cloak x-show="open" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM7 9a1 1 0 000 2h6a1 1 0 100-2H7z" clip-rule="evenodd" /> </svg> <svg x-cloak x-show="! open" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v2H7a1 1 0 100 2h2v2a1 1 0 102 0v-2h2a1 1 0 100-2h-2V7z" clip-rule="evenodd" /> </svg> </button> </div> <div class="h-1 bg-gradient-to-r from-primary via-secondary to-transparent w-full mb-4"></div> </div> </div> <div x-show="open" class="gap-1 grid"> <div class="flex items-center justify-between text-xs"> <div> <div class="inline-flex items-center "> <label class="relative flex cursor-pointer items-center rounded-full p-3" for="3"> <input id="3" type="checkbox" value="Case Study" wire:model.live="contentTypes" wire:key="topics-3" class="before:content[''] disabled:opacity-50 bg-white peer relative h-5 w-5 cursor-pointer appearance-none rounded-md border border-blue-gray-400 transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-12 before:w-12 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full before:bg-blue-gray-500 before:opacity-0 before:transition-opacity checked:border-secondary checked:bg-secondary checked:before:bg-secondary hover:before:opacity-10" /> <div class="pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 text-white opacity-0 transition-opacity peer-checked:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" stroke="currentColor" stroke-width="1" > <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" ></path> </svg> </div> </label> <label class="mt-px cursor-pointer select-none text-gray-700 text-sm" for="3"> <div class="flex items-center gap-2"> <span><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 8v8m-4-5v5m-4-2v2m-2 4h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" /> </svg> </span> <label for="3">Case Study</label> </div> </label> </div> </div> </div> <div class="flex items-center justify-between text-xs"> <div> <div class="inline-flex items-center "> <label class="relative flex cursor-pointer items-center rounded-full p-3" for="8"> <input id="8" type="checkbox" value="eBook" wire:model.live="contentTypes" wire:key="topics-8" class="before:content[''] disabled:opacity-50 bg-white peer relative h-5 w-5 cursor-pointer appearance-none rounded-md border border-blue-gray-400 transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-12 before:w-12 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full before:bg-blue-gray-500 before:opacity-0 before:transition-opacity checked:border-secondary checked:bg-secondary checked:before:bg-secondary hover:before:opacity-10" /> <div class="pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 text-white opacity-0 transition-opacity peer-checked:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" stroke="currentColor" stroke-width="1" > <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" ></path> </svg> </div> </label> <label class="mt-px cursor-pointer select-none text-gray-700 text-sm" for="8"> <div class="flex items-center gap-2"> <span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-book"> <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path> <path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path> </svg></span> <label for="8">eBook</label> </div> </label> </div> </div> </div> <div class="flex items-center justify-between text-xs"> <div> <div class="inline-flex items-center "> <label class="relative flex cursor-pointer items-center rounded-full p-3" for="9"> <input id="9" type="checkbox" value="Guide" wire:model.live="contentTypes" wire:key="topics-9" class="before:content[''] disabled:opacity-50 bg-white peer relative h-5 w-5 cursor-pointer appearance-none rounded-md border border-blue-gray-400 transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-12 before:w-12 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full before:bg-blue-gray-500 before:opacity-0 before:transition-opacity checked:border-secondary checked:bg-secondary checked:before:bg-secondary hover:before:opacity-10" /> <div class="pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 text-white opacity-0 transition-opacity peer-checked:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" stroke="currentColor" stroke-width="1" > <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" ></path> </svg> </div> </label> <label class="mt-px cursor-pointer select-none text-gray-700 text-sm" for="9"> <div class="flex items-center gap-2"> <span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-compass"> <circle cx="12" cy="12" r="10"></circle> <polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"></polygon> </svg></span> <label for="9">Guide</label> </div> </label> </div> </div> </div> <div class="flex items-center justify-between text-xs"> <div> <div class="inline-flex items-center "> <label class="relative flex cursor-pointer items-center rounded-full p-3" for="4"> <input id="4" type="checkbox" value="Infographic" wire:model.live="contentTypes" wire:key="topics-4" class="before:content[''] disabled:opacity-50 bg-white peer relative h-5 w-5 cursor-pointer appearance-none rounded-md border border-blue-gray-400 transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-12 before:w-12 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full before:bg-blue-gray-500 before:opacity-0 before:transition-opacity checked:border-secondary checked:bg-secondary checked:before:bg-secondary hover:before:opacity-10" /> <div class="pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 text-white opacity-0 transition-opacity peer-checked:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" stroke="currentColor" stroke-width="1" > <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" ></path> </svg> </div> </label> <label class="mt-px cursor-pointer select-none text-gray-700 text-sm" for="4"> <div class="flex items-center gap-2"> <span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pie-chart"> <path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path> <path d="M22 12A10 10 0 0 0 12 2v10z"></path> </svg></span> <label for="4">Infographic</label> </div> </label> </div> </div> </div> <div class="flex items-center justify-between text-xs"> <div> <div class="inline-flex items-center "> <label class="relative flex cursor-pointer items-center rounded-full p-3" for="155"> <input id="155" type="checkbox" value="Podcast" wire:model.live="contentTypes" wire:key="topics-155" class="before:content[''] disabled:opacity-50 bg-white peer relative h-5 w-5 cursor-pointer appearance-none rounded-md border border-blue-gray-400 transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-12 before:w-12 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full before:bg-blue-gray-500 before:opacity-0 before:transition-opacity checked:border-secondary checked:bg-secondary checked:before:bg-secondary hover:before:opacity-10" /> <div class="pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 text-white opacity-0 transition-opacity peer-checked:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" stroke="currentColor" stroke-width="1" > <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" ></path> </svg> </div> </label> <label class="mt-px cursor-pointer select-none text-gray-700 text-sm" for="155"> <div class="flex items-center gap-2"> <span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 18.75a6 6 0 006-6v-1.5m-6 7.5a6 6 0 01-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 01-3-3V4.5a3 3 0 116 0v8.25a3 3 0 01-3 3z" /> </svg></span> <label for="155">Podcast</label> </div> </label> </div> </div> </div> <div class="flex items-center justify-between text-xs"> <div> <div class="inline-flex items-center "> <label class="relative flex cursor-pointer items-center rounded-full p-3" for="6"> <input id="6" type="checkbox" value="Research / Report" wire:model.live="contentTypes" wire:key="topics-6" class="before:content[''] disabled:opacity-50 bg-white peer relative h-5 w-5 cursor-pointer appearance-none rounded-md border border-blue-gray-400 transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-12 before:w-12 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full before:bg-blue-gray-500 before:opacity-0 before:transition-opacity checked:border-secondary checked:bg-secondary checked:before:bg-secondary hover:before:opacity-10" /> <div class="pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 text-white opacity-0 transition-opacity peer-checked:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" stroke="currentColor" stroke-width="1" > <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" ></path> </svg> </div> </label> <label class="mt-px cursor-pointer select-none text-gray-700 text-sm" for="6"> <div class="flex items-center gap-2"> <span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-list"> <line x1="8" y1="6" x2="21" y2="6"></line> <line x1="8" y1="12" x2="21" y2="12"></line> <line x1="8" y1="18" x2="21" y2="18"></line> <line x1="3" y1="6" x2="3.01" y2="6"></line> <line x1="3" y1="12" x2="3.01" y2="12"></line> <line x1="3" y1="18" x2="3.01" y2="18"></line> </svg></span> <label for="6">Research / Report</label> </div> </label> </div> </div> </div> <div class="flex items-center justify-between text-xs"> <div> <div class="inline-flex items-center "> <label class="relative flex cursor-pointer items-center rounded-full p-3" for="2"> <input id="2" type="checkbox" value="White Paper" wire:model.live="contentTypes" wire:key="topics-2" class="before:content[''] disabled:opacity-50 bg-white peer relative h-5 w-5 cursor-pointer appearance-none rounded-md border border-blue-gray-400 transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-12 before:w-12 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full before:bg-blue-gray-500 before:opacity-0 before:transition-opacity checked:border-secondary checked:bg-secondary checked:before:bg-secondary hover:before:opacity-10" /> <div class="pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 text-white opacity-0 transition-opacity peer-checked:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" stroke="currentColor" stroke-width="1" > <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" ></path> </svg> </div> </label> <label class="mt-px cursor-pointer select-none text-gray-700 text-sm" for="2"> <div class="flex items-center gap-2"> <span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file"> <path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path> <polyline points="13 2 13 9 20 9"></polyline> </svg></span> <label for="2">White Paper</label> </div> </label> </div> </div> </div> </div> </div> </div> </div> <div class="bg-white absolute right-0 z-0 top-0 bottom-0" x-cloak x-show="filtersOpen" style="left: -9999px;"></div> </div> <div class="flex-1 w-full p-4"> <div class="w-full sm:flex-1 lg:pl-8"> <div class="grid sm:grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-8" x-data="{ hideImages: false }"> <div class="col-span-full flex justify-between items-center"> <h3 class="text-xl text-accent !text-resultsText font-bold"> Results: (75) </h3> <div class="hidden md:flex"> <div class="relative"> <select class="w-40 h-10 py-2 px-3 border border-black border-opacity-20 rounded text-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 shadow-lg" wire:model.live="sort" > <option value="latest">Publish Date</option> <option value="alpha">A to Z</option> </select> </div> </div> </div> <div class="lg:hidden flex flex-col gap-4"> <div class="h-12 flex items-center gap-4"> <label for="search" class="sr-only">Search</label> <svg class="w-6 h-6 w-6 h-6 text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" /> </svg> <input type="text" wire:model.live.debounce.300ms="search" wire:keydown.enter="resetPage" id="search" class="text-black rounded p-4 bg-white/75 h-full placeholder-gray-500 w-full border border-gray-500" placeholder="Search AMS Resources ..."> </div> <div class="flex gap-4 justify-center"> <div class="p-2 cursor-pointer bg-gray-300 rounded-full text-xs flex items-center gap-2" @click="filtersOpen = ! filtersOpen"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 01-.659 1.591l-5.432 5.432a2.25 2.25 0 00-.659 1.591v2.927a2.25 2.25 0 01-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 00-.659-1.591L3.659 7.409A2.25 2.25 0 013 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0112 3z" /> </svg> <span>Advanced Search Filters</span> </div> <div class="hidden p-2 cursor-pointer bg-gray-400 rounded-full text-xs flex items-center gap-2" wire:click="resetAll"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 15L3 9m0 0l6-6M3 9h12a6 6 0 010 12h-3" /> </svg> <span>Clear Filters</span> </div> </div> </div> <div wire:snapshot="{&quot;data&quot;:{&quot;resource&quot;:[null,{&quot;class&quot;:&quot;resource&quot;,&quot;key&quot;:4718,&quot;s&quot;:&quot;mdl&quot;}],&quot;page&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Page&quot;,&quot;key&quot;:1229,&quot;s&quot;:&quot;mdl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;tRdL4TCGnbFsL7IWycgS&quot;,&quot;name&quot;:&quot;resources.card&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;beb5fc1e6857e0230e595c80c7b6fc56ccd1d295a71baf948f8b2a0a7b7fa670&quot;}" wire:effects="[]" wire:id="tRdL4TCGnbFsL7IWycgS" class="flex flex-col text-center bg-white rounded-lg shadow h-full"> <div class="flex flex-col relative"> <div class="absolute right-0 bottom-0 mb-6 bg-white shadow-2xl text-primary rounded-tl-2xl rounded-bl-2xl text-sm p-2.5 border-2 border-primary border-r-0 uppercase leading-4 font-bold z-10"> White Paper </div> <div class="flex-grow flex rounded-t-lg h-3 bg-cards-headerBar"></div> <a href="https://myamsresources.com/resource/strategic-elearning-llc-dba-elearningdoc-extend-the-life-of-your-webinars" class=" overflow-hidden"> <img class="w-full h-64 object-cover mx-auto bg-black hover:scale-110 transform transition duration-300" src="https://store.lmknowledgehub.com/storage/pages/images/QXGJT5yN6gioliLaUf6FQVAFzxjriBciZuKLLY0a.jpg" alt="Extend the Life of Your Webinars!"> </a> </div> <div class="flex-1 flex flex-col p-4 text-left mb-2"> <span id="resource_date" class="text-xs text-gray-350 uppercase font-sans">Friday, December 13, 2024</span> <a href="https://myamsresources.com/company/strategic-elearning-llc-dba-elearningdoc" class="font-semibold my-2 text-cards-companyLink hover:text-cards-companyLinkHover" title="eLearningDOC" role="button">eLearningDOC</a> <a href="https://myamsresources.com/resource/strategic-elearning-llc-dba-elearningdoc-extend-the-life-of-your-webinars"><h3 class="text-xl leading-6 font-medium font-body text-cards-resourceLink hover:text-cards-resourceLinkHover transition duration-300">Extend the Life of Your Webinars!</h3></a> <span class="text-sm mt-4 text-gray-600 leading-5 font-medium"> Turn your webinar recordings into interactive learning and passive viewing into active engagement. Review 8 important benefits of transforming your webinar into online learning. </span> </div> <div class="border-t-2 border-gray-200"> <div class="-mt-px flex"> <div class="w-0 flex-1 flex border-gray-200 bg-secondary rounded-br-lg rounded-bl-lg !bg-cards-button hover:!bg-cards-buttonHover focus:outline-none focus:shadow-outline-blue focus:border-blue-300 transition-all ease-in-out duration-300 focus:z-10"> <a href="https://myamsresources.com/resource/strategic-elearning-llc-dba-elearningdoc-extend-the-life-of-your-webinars" class="relative flex-1 inline-flex items-center py-4 text-sm leading-5 text-cards-buttonText font-bold transition-all ease-in-out duration-300 pr-3"> <span class="ml-auto">Read More</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 5l7 7-7 7M5 5l7 7-7 7" /> </svg> </a> </div> </div> </div> </div> <div wire:snapshot="{&quot;data&quot;:{&quot;resource&quot;:[null,{&quot;class&quot;:&quot;resource&quot;,&quot;key&quot;:4714,&quot;s&quot;:&quot;mdl&quot;}],&quot;page&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Page&quot;,&quot;key&quot;:1225,&quot;s&quot;:&quot;mdl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;vnAOb8ck17Tn2nlXF3uY&quot;,&quot;name&quot;:&quot;resources.card&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;5aadbf33f64ab31983d1c5ee2835a12e12b32814fd3a072f4d07cede2394aa6c&quot;}" wire:effects="[]" wire:id="vnAOb8ck17Tn2nlXF3uY" class="flex flex-col text-center bg-white rounded-lg shadow h-full"> <div class="flex flex-col relative"> <div class="absolute right-0 bottom-0 mb-6 bg-white shadow-2xl text-primary rounded-tl-2xl rounded-bl-2xl text-sm p-2.5 border-2 border-primary border-r-0 uppercase leading-4 font-bold z-10"> Guide </div> <div class="flex-grow flex rounded-t-lg h-3 bg-cards-headerBar"></div> <a href="https://myamsresources.com/resource/lead-marvels-inc-how-to-maximize-non-dues-revenue-with-a-third-party-partnership" class=" overflow-hidden"> <img class="w-full h-64 object-cover mx-auto bg-black hover:scale-110 transform transition duration-300" src="https://store.lmknowledgehub.com/storage/pages/images/Gl2zZkh4EniJIGOEBqphxdr0D3YrWEY9fLfpIz5x.png" alt="How to Maximize Non-Dues Revenue with a Third-Party Partnership"> </a> </div> <div class="flex-1 flex flex-col p-4 text-left mb-2"> <span id="resource_date" class="text-xs text-gray-350 uppercase font-sans">Wednesday, December 11, 2024</span> <a href="https://myamsresources.com/company/lead-marvels-inc" class="font-semibold my-2 text-cards-companyLink hover:text-cards-companyLinkHover" title="Lead Marvels Inc" role="button">Lead Marvels Inc</a> <a href="https://myamsresources.com/resource/lead-marvels-inc-how-to-maximize-non-dues-revenue-with-a-third-party-partnership"><h3 class="text-xl leading-6 font-medium font-body text-cards-resourceLink hover:text-cards-resourceLinkHover transition duration-300">How to Maximize Non-Dues Revenue with a Third-Party Partnership</h3></a> <span class="text-sm mt-4 text-gray-600 leading-5 font-medium"> Learn how strategic third-party partnerships can help your association overcome resource constraints, expand member value, and unlock sustainable non-dues revenue. </span> </div> <div class="border-t-2 border-gray-200"> <div class="-mt-px flex"> <div class="w-0 flex-1 flex border-gray-200 bg-secondary rounded-br-lg rounded-bl-lg !bg-cards-button hover:!bg-cards-buttonHover focus:outline-none focus:shadow-outline-blue focus:border-blue-300 transition-all ease-in-out duration-300 focus:z-10"> <a href="https://myamsresources.com/resource/lead-marvels-inc-how-to-maximize-non-dues-revenue-with-a-third-party-partnership" class="relative flex-1 inline-flex items-center py-4 text-sm leading-5 text-cards-buttonText font-bold transition-all ease-in-out duration-300 pr-3"> <span class="ml-auto">Read More</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 5l7 7-7 7M5 5l7 7-7 7" /> </svg> </a> </div> </div> </div> </div> <div wire:snapshot="{&quot;data&quot;:{&quot;resource&quot;:[null,{&quot;class&quot;:&quot;resource&quot;,&quot;key&quot;:4614,&quot;s&quot;:&quot;mdl&quot;}],&quot;page&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Page&quot;,&quot;key&quot;:1134,&quot;s&quot;:&quot;mdl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;j7VPD89l9ndsp6RHDb3r&quot;,&quot;name&quot;:&quot;resources.card&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;896960cd36c14c17559dfbc6efb75ba0865440851d52e9f66ca71bceea3a1a6e&quot;}" wire:effects="[]" wire:id="j7VPD89l9ndsp6RHDb3r" class="flex flex-col text-center bg-white rounded-lg shadow h-full"> <div class="flex flex-col relative"> <div class="absolute right-0 bottom-0 mb-6 bg-white shadow-2xl text-primary rounded-tl-2xl rounded-bl-2xl text-sm p-2.5 border-2 border-primary border-r-0 uppercase leading-4 font-bold z-10"> White Paper </div> <div class="flex-grow flex rounded-t-lg h-3 bg-cards-headerBar"></div> <a href="https://myamsresources.com/resource/ym-careers-transform-your-association-into-a-career-development-hub-for-members" class=" overflow-hidden"> <img class="w-full h-64 object-cover mx-auto bg-black hover:scale-110 transform transition duration-300" src="https://store.lmknowledgehub.com/storage/pages/images/QBSoVv5Zp5Mt6jkgQ39YaRVcbMPWvbcmUAzi9Xl4.png" alt="Transform Your Association into a Career Development Hub for Members "> </a> </div> <div class="flex-1 flex flex-col p-4 text-left mb-2"> <span id="resource_date" class="text-xs text-gray-350 uppercase font-sans">Monday, December 9, 2024</span> <a href="https://myamsresources.com/company/ym-careers" class="font-semibold my-2 text-cards-companyLink hover:text-cards-companyLinkHover" title="YM Careers" role="button">YM Careers</a> <a href="https://myamsresources.com/resource/ym-careers-transform-your-association-into-a-career-development-hub-for-members"><h3 class="text-xl leading-6 font-medium font-body text-cards-resourceLink hover:text-cards-resourceLinkHover transition duration-300">Transform Your Association into a Career Development Hub for Members </h3></a> <span class="text-sm mt-4 text-gray-600 leading-5 font-medium"> Offering an online career center is an ideal way to start providing the career-related benefits your members seek. But your job board can be so much more than just a place to post jobs. </span> </div> <div class="border-t-2 border-gray-200"> <div class="-mt-px flex"> <div class="w-0 flex-1 flex border-gray-200 bg-secondary rounded-br-lg rounded-bl-lg !bg-cards-button hover:!bg-cards-buttonHover focus:outline-none focus:shadow-outline-blue focus:border-blue-300 transition-all ease-in-out duration-300 focus:z-10"> <a href="https://myamsresources.com/resource/ym-careers-transform-your-association-into-a-career-development-hub-for-members" class="relative flex-1 inline-flex items-center py-4 text-sm leading-5 text-cards-buttonText font-bold transition-all ease-in-out duration-300 pr-3"> <span class="ml-auto">Read More</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 5l7 7-7 7M5 5l7 7-7 7" /> </svg> </a> </div> </div> </div> </div> <div wire:snapshot="{&quot;data&quot;:{&quot;resource&quot;:[null,{&quot;class&quot;:&quot;resource&quot;,&quot;key&quot;:3687,&quot;s&quot;:&quot;mdl&quot;}],&quot;page&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;0dO82gTTq5mOB1KTC4co&quot;,&quot;name&quot;:&quot;resources.card&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;e014cd9b3f78fa731180d8c2e96d63bdde4261de2445ea13902744a805f28622&quot;}" wire:effects="[]" wire:id="0dO82gTTq5mOB1KTC4co" class="flex flex-col text-center bg-white rounded-lg shadow h-full"> <div class="flex flex-col relative"> <div class="absolute right-0 bottom-0 mb-6 bg-white shadow-2xl text-primary rounded-tl-2xl rounded-bl-2xl text-sm p-2.5 border-2 border-primary border-r-0 uppercase leading-4 font-bold z-10"> Guide </div> <div class="flex-grow flex rounded-t-lg h-3 bg-cards-headerBar"></div> <a href="https://myamsresources.com/resource/conexiant-health-care-education-platform-for-2024" class=" overflow-hidden"> <img class="w-full h-64 object-cover mx-auto bg-black hover:scale-110 transform transition duration-300" src="https://store.lmknowledgehub.com/storage/conexiant/aF1LLGalaPly1fTOgLYAnInUzJM90Ni6PPjK6TK7.jpg" alt="Transform Your Association&#039;s Educational Impact in 2025"> </a> </div> <div class="flex-1 flex flex-col p-4 text-left mb-2"> <span id="resource_date" class="text-xs text-gray-350 uppercase font-sans">Tuesday, December 3, 2024</span> <a href="https://myamsresources.com/company/conexiant" class="font-semibold my-2 text-cards-companyLink hover:text-cards-companyLinkHover" title="Conexiant" role="button">Conexiant</a> <a href="https://myamsresources.com/resource/conexiant-health-care-education-platform-for-2024"><h3 class="text-xl leading-6 font-medium font-body text-cards-resourceLink hover:text-cards-resourceLinkHover transition duration-300">Transform Your Association&#039;s Educational Impact in 2025</h3></a> <span class="text-sm mt-4 text-gray-600 leading-5 font-medium"> Our latest thought leadership resource provides invaluable insights into how an integrated learning and audience management platform can revolutionize your association's approach to continuing education. </span> </div> <div class="border-t-2 border-gray-200"> <div class="-mt-px flex"> <div class="w-0 flex-1 flex border-gray-200 bg-secondary rounded-br-lg rounded-bl-lg !bg-cards-button hover:!bg-cards-buttonHover focus:outline-none focus:shadow-outline-blue focus:border-blue-300 transition-all ease-in-out duration-300 focus:z-10"> <a href="https://myamsresources.com/resource/conexiant-health-care-education-platform-for-2024" class="relative flex-1 inline-flex items-center py-4 text-sm leading-5 text-cards-buttonText font-bold transition-all ease-in-out duration-300 pr-3"> <span class="ml-auto">Read More</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 5l7 7-7 7M5 5l7 7-7 7" /> </svg> </a> </div> </div> </div> </div> <div wire:snapshot="{&quot;data&quot;:{&quot;resource&quot;:[null,{&quot;class&quot;:&quot;resource&quot;,&quot;key&quot;:4684,&quot;s&quot;:&quot;mdl&quot;}],&quot;page&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Page&quot;,&quot;key&quot;:1198,&quot;s&quot;:&quot;mdl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;9ug2hPtCUlhIM1KQ00o8&quot;,&quot;name&quot;:&quot;resources.card&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;d7cc81ef6948c1dce68778f1bb83221db2a47f4cd423565109d833b75bf7815f&quot;}" wire:effects="[]" wire:id="9ug2hPtCUlhIM1KQ00o8" class="flex flex-col text-center bg-white rounded-lg shadow h-full"> <div class="flex flex-col relative"> <div class="absolute right-0 bottom-0 mb-6 bg-white shadow-2xl text-primary rounded-tl-2xl rounded-bl-2xl text-sm p-2.5 border-2 border-primary border-r-0 uppercase leading-4 font-bold z-10"> Case Study </div> <div class="flex-grow flex rounded-t-lg h-3 bg-cards-headerBar"></div> <a href="https://myamsresources.com/resource/zenus-how-tradeshows-with-100-exhibitors-optimize-tradefloor-efficiency" class=" overflow-hidden"> <img class="w-full h-64 object-cover mx-auto bg-black hover:scale-110 transform transition duration-300" src="https://store.lmknowledgehub.com/storage/pages/images/dyQN0vp65sMq4DANmCkTOuNvLY2dsYxLgKSJ3eVS.jpg" alt="How Tradeshows with 100+ Exhibitors Optimize Tradefloor Efficiency"> </a> </div> <div class="flex-1 flex flex-col p-4 text-left mb-2"> <span id="resource_date" class="text-xs text-gray-350 uppercase font-sans">Tuesday, December 3, 2024</span> <a href="https://myamsresources.com/company/zenus" class="font-semibold my-2 text-cards-companyLink hover:text-cards-companyLinkHover" title="Zenus" role="button">Zenus</a> <a href="https://myamsresources.com/resource/zenus-how-tradeshows-with-100-exhibitors-optimize-tradefloor-efficiency"><h3 class="text-xl leading-6 font-medium font-body text-cards-resourceLink hover:text-cards-resourceLinkHover transition duration-300">How Tradeshows with 100+ Exhibitors Optimize Tradefloor Efficiency</h3></a> <span class="text-sm mt-4 text-gray-600 leading-5 font-medium"> Learn how to promote better traffic flow on the tradefloor and increase attendee engagement with ethically sourced behavioral data. </span> </div> <div class="border-t-2 border-gray-200"> <div class="-mt-px flex"> <div class="w-0 flex-1 flex border-gray-200 bg-secondary rounded-br-lg rounded-bl-lg !bg-cards-button hover:!bg-cards-buttonHover focus:outline-none focus:shadow-outline-blue focus:border-blue-300 transition-all ease-in-out duration-300 focus:z-10"> <a href="https://myamsresources.com/resource/zenus-how-tradeshows-with-100-exhibitors-optimize-tradefloor-efficiency" class="relative flex-1 inline-flex items-center py-4 text-sm leading-5 text-cards-buttonText font-bold transition-all ease-in-out duration-300 pr-3"> <span class="ml-auto">Read More</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 5l7 7-7 7M5 5l7 7-7 7" /> </svg> </a> </div> </div> </div> </div> <div wire:snapshot="{&quot;data&quot;:{&quot;resource&quot;:[null,{&quot;class&quot;:&quot;resource&quot;,&quot;key&quot;:4605,&quot;s&quot;:&quot;mdl&quot;}],&quot;page&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Page&quot;,&quot;key&quot;:1125,&quot;s&quot;:&quot;mdl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;10pRW8aAhZK59uhjrTrb&quot;,&quot;name&quot;:&quot;resources.card&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;70e283301d42587569f16a42437839f20b222da1183f112a4b0fd8e3bc7fc6fd&quot;}" wire:effects="[]" wire:id="10pRW8aAhZK59uhjrTrb" class="flex flex-col text-center bg-white rounded-lg shadow h-full"> <div class="flex flex-col relative"> <div class="absolute right-0 bottom-0 mb-6 bg-white shadow-2xl text-primary rounded-tl-2xl rounded-bl-2xl text-sm p-2.5 border-2 border-primary border-r-0 uppercase leading-4 font-bold z-10"> White Paper </div> <div class="flex-grow flex rounded-t-lg h-3 bg-cards-headerBar"></div> <a href="https://myamsresources.com/resource/ym-careers-unlock-new-levels-of-member-engagement-and-retention" class=" overflow-hidden"> <img class="w-full h-64 object-cover mx-auto bg-black hover:scale-110 transform transition duration-300" src="https://store.lmknowledgehub.com/storage/pages/images/Zfs6kMR9wKsd0hCiF8kUO42l1pWUUvSPFbC71K4M.png" alt="Unlock New Levels of Member Engagement and Retention"> </a> </div> <div class="flex-1 flex flex-col p-4 text-left mb-2"> <span id="resource_date" class="text-xs text-gray-350 uppercase font-sans">Wednesday, November 13, 2024</span> <a href="https://myamsresources.com/company/ym-careers" class="font-semibold my-2 text-cards-companyLink hover:text-cards-companyLinkHover" title="YM Careers" role="button">YM Careers</a> <a href="https://myamsresources.com/resource/ym-careers-unlock-new-levels-of-member-engagement-and-retention"><h3 class="text-xl leading-6 font-medium font-body text-cards-resourceLink hover:text-cards-resourceLinkHover transition duration-300">Unlock New Levels of Member Engagement and Retention</h3></a> <span class="text-sm mt-4 text-gray-600 leading-5 font-medium"> 5 Must-Know Strategies for Elevating Member Experience and Maximizing Retention </span> </div> <div class="border-t-2 border-gray-200"> <div class="-mt-px flex"> <div class="w-0 flex-1 flex border-gray-200 bg-secondary rounded-br-lg rounded-bl-lg !bg-cards-button hover:!bg-cards-buttonHover focus:outline-none focus:shadow-outline-blue focus:border-blue-300 transition-all ease-in-out duration-300 focus:z-10"> <a href="https://myamsresources.com/resource/ym-careers-unlock-new-levels-of-member-engagement-and-retention" class="relative flex-1 inline-flex items-center py-4 text-sm leading-5 text-cards-buttonText font-bold transition-all ease-in-out duration-300 pr-3"> <span class="ml-auto">Read More</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 5l7 7-7 7M5 5l7 7-7 7" /> </svg> </a> </div> </div> </div> </div> <div wire:snapshot="{&quot;data&quot;:{&quot;resource&quot;:[null,{&quot;class&quot;:&quot;resource&quot;,&quot;key&quot;:4568,&quot;s&quot;:&quot;mdl&quot;}],&quot;page&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Page&quot;,&quot;key&quot;:1091,&quot;s&quot;:&quot;mdl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;UmjAdK8zRwHRZqQJzBbt&quot;,&quot;name&quot;:&quot;resources.card&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;28626a29529e7606a5cb455bf7ebde93340fe5239c504af0e41bd00edcfb186c&quot;}" wire:effects="[]" wire:id="UmjAdK8zRwHRZqQJzBbt" class="flex flex-col text-center bg-white rounded-lg shadow h-full"> <div class="flex flex-col relative"> <div class="absolute right-0 bottom-0 mb-6 bg-white shadow-2xl text-primary rounded-tl-2xl rounded-bl-2xl text-sm p-2.5 border-2 border-primary border-r-0 uppercase leading-4 font-bold z-10"> Case Study </div> <div class="flex-grow flex rounded-t-lg h-3 bg-cards-headerBar"></div> <a href="https://myamsresources.com/resource/ym-careers-boost-revenue-engagement-and-resume-submissions" class=" overflow-hidden"> <img class="w-full h-64 object-cover mx-auto bg-black hover:scale-110 transform transition duration-300" src="https://store.lmknowledgehub.com/storage/pages/images/66r2SwewDpmsPRuIWg47C0L8P20uEjShG4zZOX9T.jpg" alt="Boost Revenue, Engagement and Resume Submissions"> </a> </div> <div class="flex-1 flex flex-col p-4 text-left mb-2"> <span id="resource_date" class="text-xs text-gray-350 uppercase font-sans">Wednesday, November 6, 2024</span> <a href="https://myamsresources.com/company/ym-careers" class="font-semibold my-2 text-cards-companyLink hover:text-cards-companyLinkHover" title="YM Careers" role="button">YM Careers</a> <a href="https://myamsresources.com/resource/ym-careers-boost-revenue-engagement-and-resume-submissions"><h3 class="text-xl leading-6 font-medium font-body text-cards-resourceLink hover:text-cards-resourceLinkHover transition duration-300">Boost Revenue, Engagement and Resume Submissions</h3></a> <span class="text-sm mt-4 text-gray-600 leading-5 font-medium"> How ACC saw an increase in non-dues revenue and member engagement in their career center. </span> </div> <div class="border-t-2 border-gray-200"> <div class="-mt-px flex"> <div class="w-0 flex-1 flex border-gray-200 bg-secondary rounded-br-lg rounded-bl-lg !bg-cards-button hover:!bg-cards-buttonHover focus:outline-none focus:shadow-outline-blue focus:border-blue-300 transition-all ease-in-out duration-300 focus:z-10"> <a href="https://myamsresources.com/resource/ym-careers-boost-revenue-engagement-and-resume-submissions" class="relative flex-1 inline-flex items-center py-4 text-sm leading-5 text-cards-buttonText font-bold transition-all ease-in-out duration-300 pr-3"> <span class="ml-auto">Read More</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 5l7 7-7 7M5 5l7 7-7 7" /> </svg> </a> </div> </div> </div> </div> <div wire:snapshot="{&quot;data&quot;:{&quot;resource&quot;:[null,{&quot;class&quot;:&quot;resource&quot;,&quot;key&quot;:4520,&quot;s&quot;:&quot;mdl&quot;}],&quot;page&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Page&quot;,&quot;key&quot;:1048,&quot;s&quot;:&quot;mdl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;nCSISlrxmgGAgLQhCwDk&quot;,&quot;name&quot;:&quot;resources.card&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;55a8b44ae4250cfc84b335b191e2bbf4a9c8212e0c80b595f4bac070ed2a0f80&quot;}" wire:effects="[]" wire:id="nCSISlrxmgGAgLQhCwDk" class="flex flex-col text-center bg-white rounded-lg shadow h-full"> <div class="flex flex-col relative"> <div class="absolute right-0 bottom-0 mb-6 bg-white shadow-2xl text-primary rounded-tl-2xl rounded-bl-2xl text-sm p-2.5 border-2 border-primary border-r-0 uppercase leading-4 font-bold z-10"> Case Study </div> <div class="flex-grow flex rounded-t-lg h-3 bg-cards-headerBar"></div> <a href="https://myamsresources.com/resource/zenus-how-apha-elevates-its-annual-meeting-through-data-driven-insights" class=" overflow-hidden"> <img class="w-full h-64 object-cover mx-auto bg-black hover:scale-110 transform transition duration-300" src="https://store.lmknowledgehub.com/storage/pages/images/Oj7dUhbwIS0SjaSXeWBtFkkOLduHOMowNAIDT2q4.jpg" alt="How APHA Elevates its Annual Meeting Through Data-Driven Insights"> </a> </div> <div class="flex-1 flex flex-col p-4 text-left mb-2"> <span id="resource_date" class="text-xs text-gray-350 uppercase font-sans">Thursday, October 24, 2024</span> <a href="https://myamsresources.com/company/zenus" class="font-semibold my-2 text-cards-companyLink hover:text-cards-companyLinkHover" title="Zenus" role="button">Zenus</a> <a href="https://myamsresources.com/resource/zenus-how-apha-elevates-its-annual-meeting-through-data-driven-insights"><h3 class="text-xl leading-6 font-medium font-body text-cards-resourceLink hover:text-cards-resourceLinkHover transition duration-300">How APHA Elevates its Annual Meeting Through Data-Driven Insights</h3></a> <span class="text-sm mt-4 text-gray-600 leading-5 font-medium"> Learn how behavioral data optimizes budget efficiency and enhances member experiences. </span> </div> <div class="border-t-2 border-gray-200"> <div class="-mt-px flex"> <div class="w-0 flex-1 flex border-gray-200 bg-secondary rounded-br-lg rounded-bl-lg !bg-cards-button hover:!bg-cards-buttonHover focus:outline-none focus:shadow-outline-blue focus:border-blue-300 transition-all ease-in-out duration-300 focus:z-10"> <a href="https://myamsresources.com/resource/zenus-how-apha-elevates-its-annual-meeting-through-data-driven-insights" class="relative flex-1 inline-flex items-center py-4 text-sm leading-5 text-cards-buttonText font-bold transition-all ease-in-out duration-300 pr-3"> <span class="ml-auto">Read More</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 5l7 7-7 7M5 5l7 7-7 7" /> </svg> </a> </div> </div> </div> </div> <div wire:snapshot="{&quot;data&quot;:{&quot;resource&quot;:[null,{&quot;class&quot;:&quot;resource&quot;,&quot;key&quot;:4497,&quot;s&quot;:&quot;mdl&quot;}],&quot;page&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Page&quot;,&quot;key&quot;:1027,&quot;s&quot;:&quot;mdl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;HF754xNOXAuOyBansITt&quot;,&quot;name&quot;:&quot;resources.card&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;41a58216f565aa2606d9bbb27700bf8041b4835aaf7d2643c2aebc0ee9ab4959&quot;}" wire:effects="[]" wire:id="HF754xNOXAuOyBansITt" class="flex flex-col text-center bg-white rounded-lg shadow h-full"> <div class="flex flex-col relative"> <div class="absolute right-0 bottom-0 mb-6 bg-white shadow-2xl text-primary rounded-tl-2xl rounded-bl-2xl text-sm p-2.5 border-2 border-primary border-r-0 uppercase leading-4 font-bold z-10"> White Paper </div> <div class="flex-grow flex rounded-t-lg h-3 bg-cards-headerBar"></div> <a href="https://myamsresources.com/resource/lead-marvels-inc-how-to-integrate-social-media-into-your-member-engagement-recruitment-strategy" class=" overflow-hidden"> <img class="w-full h-64 object-cover mx-auto bg-black hover:scale-110 transform transition duration-300" src="https://store.lmknowledgehub.com/storage/pages/images/TbrOGNPEl5nRDT3znCYw3MM61IPvO3vkz8uVv047.png" alt="How to Integrate Social Media Into Your Member Engagement &amp; Recruitment Strategy"> </a> </div> <div class="flex-1 flex flex-col p-4 text-left mb-2"> <span id="resource_date" class="text-xs text-gray-350 uppercase font-sans">Monday, October 21, 2024</span> <a href="https://myamsresources.com/company/lead-marvels-inc" class="font-semibold my-2 text-cards-companyLink hover:text-cards-companyLinkHover" title="Lead Marvels Inc" role="button">Lead Marvels Inc</a> <a href="https://myamsresources.com/resource/lead-marvels-inc-how-to-integrate-social-media-into-your-member-engagement-recruitment-strategy"><h3 class="text-xl leading-6 font-medium font-body text-cards-resourceLink hover:text-cards-resourceLinkHover transition duration-300">How to Integrate Social Media Into Your Member Engagement &amp; Recruitment Strategy</h3></a> <span class="text-sm mt-4 text-gray-600 leading-5 font-medium"> Is your association struggling to cut through the noise and engage members in today’s digital-first world? Discover how to leverage social media as a powerful tool to boost member engagement and attract new members. </span> </div> <div class="border-t-2 border-gray-200"> <div class="-mt-px flex"> <div class="w-0 flex-1 flex border-gray-200 bg-secondary rounded-br-lg rounded-bl-lg !bg-cards-button hover:!bg-cards-buttonHover focus:outline-none focus:shadow-outline-blue focus:border-blue-300 transition-all ease-in-out duration-300 focus:z-10"> <a href="https://myamsresources.com/resource/lead-marvels-inc-how-to-integrate-social-media-into-your-member-engagement-recruitment-strategy" class="relative flex-1 inline-flex items-center py-4 text-sm leading-5 text-cards-buttonText font-bold transition-all ease-in-out duration-300 pr-3"> <span class="ml-auto">Read More</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 5l7 7-7 7M5 5l7 7-7 7" /> </svg> </a> </div> </div> </div> </div> <div wire:snapshot="{&quot;data&quot;:{&quot;resource&quot;:[null,{&quot;class&quot;:&quot;resource&quot;,&quot;key&quot;:4443,&quot;s&quot;:&quot;mdl&quot;}],&quot;page&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Page&quot;,&quot;key&quot;:978,&quot;s&quot;:&quot;mdl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;OJa7sLpnITHh7bG8uV3a&quot;,&quot;name&quot;:&quot;resources.card&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;e7d5778c417cc55477a9d90ce13ef30a6cd4e67604969512bfd8e79339b159d1&quot;}" wire:effects="[]" wire:id="OJa7sLpnITHh7bG8uV3a" class="flex flex-col text-center bg-white rounded-lg shadow h-full"> <div class="flex flex-col relative"> <div class="absolute right-0 bottom-0 mb-6 bg-white shadow-2xl text-primary rounded-tl-2xl rounded-bl-2xl text-sm p-2.5 border-2 border-primary border-r-0 uppercase leading-4 font-bold z-10"> Case Study </div> <div class="flex-grow flex rounded-t-lg h-3 bg-cards-headerBar"></div> <a href="https://myamsresources.com/resource/zenus-how-ascrs-improves-sponsor-satisfaction-at-their-annual-meeting" class=" overflow-hidden"> <img class="w-full h-64 object-cover mx-auto bg-black hover:scale-110 transform transition duration-300" src="https://store.lmknowledgehub.com/storage/pages/images/g9dOzXpf1vUS7HsofDF6eTJWeyNR2yfPqZIzz7zu.jpg" alt="How ASCRS Improves Sponsor Satisfaction at their Annual Meeting"> </a> </div> <div class="flex-1 flex flex-col p-4 text-left mb-2"> <span id="resource_date" class="text-xs text-gray-350 uppercase font-sans">Wednesday, October 2, 2024</span> <a href="https://myamsresources.com/company/zenus" class="font-semibold my-2 text-cards-companyLink hover:text-cards-companyLinkHover" title="Zenus" role="button">Zenus</a> <a href="https://myamsresources.com/resource/zenus-how-ascrs-improves-sponsor-satisfaction-at-their-annual-meeting"><h3 class="text-xl leading-6 font-medium font-body text-cards-resourceLink hover:text-cards-resourceLinkHover transition duration-300">How ASCRS Improves Sponsor Satisfaction at their Annual Meeting</h3></a> <span class="text-sm mt-4 text-gray-600 leading-5 font-medium"> Learn how ethical AI can give you valuable insights into event operations and sponsor performance. </span> </div> <div class="border-t-2 border-gray-200"> <div class="-mt-px flex"> <div class="w-0 flex-1 flex border-gray-200 bg-secondary rounded-br-lg rounded-bl-lg !bg-cards-button hover:!bg-cards-buttonHover focus:outline-none focus:shadow-outline-blue focus:border-blue-300 transition-all ease-in-out duration-300 focus:z-10"> <a href="https://myamsresources.com/resource/zenus-how-ascrs-improves-sponsor-satisfaction-at-their-annual-meeting" class="relative flex-1 inline-flex items-center py-4 text-sm leading-5 text-cards-buttonText font-bold transition-all ease-in-out duration-300 pr-3"> <span class="ml-auto">Read More</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 5l7 7-7 7M5 5l7 7-7 7" /> </svg> </a> </div> </div> </div> </div> <div wire:snapshot="{&quot;data&quot;:{&quot;resource&quot;:[null,{&quot;class&quot;:&quot;resource&quot;,&quot;key&quot;:4313,&quot;s&quot;:&quot;mdl&quot;}],&quot;page&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Page&quot;,&quot;key&quot;:866,&quot;s&quot;:&quot;mdl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;9c0bCsebyGfZWfZXf3yh&quot;,&quot;name&quot;:&quot;resources.card&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;a449e3580d14bfc00f335082a6f9a1a33dd3bea3caf1ddcc38d2439db71116fc&quot;}" wire:effects="[]" wire:id="9c0bCsebyGfZWfZXf3yh" class="flex flex-col text-center bg-white rounded-lg shadow h-full"> <div class="flex flex-col relative"> <div class="absolute right-0 bottom-0 mb-6 bg-white shadow-2xl text-primary rounded-tl-2xl rounded-bl-2xl text-sm p-2.5 border-2 border-primary border-r-0 uppercase leading-4 font-bold z-10"> eBook </div> <div class="flex-grow flex rounded-t-lg h-3 bg-cards-headerBar"></div> <a href="https://myamsresources.com/resource/growthzone-unlock-the-secrets-to-building-community" class=" overflow-hidden"> <img class="w-full h-64 object-cover mx-auto bg-black hover:scale-110 transform transition duration-300" src="https://store.lmknowledgehub.com/storage/pages/images/Hwd9JB5i8No3UU9EQLGQrt6HFUjFJUzEWEFfBhFs.png" alt="Unlock the Secrets to Building Community"> </a> </div> <div class="flex-1 flex flex-col p-4 text-left mb-2"> <span id="resource_date" class="text-xs text-gray-350 uppercase font-sans">Wednesday, August 28, 2024</span> <a href="https://myamsresources.com/company/growthzone" class="font-semibold my-2 text-cards-companyLink hover:text-cards-companyLinkHover" title="GrowthZone" role="button">GrowthZone</a> <a href="https://myamsresources.com/resource/growthzone-unlock-the-secrets-to-building-community"><h3 class="text-xl leading-6 font-medium font-body text-cards-resourceLink hover:text-cards-resourceLinkHover transition duration-300">Unlock the Secrets to Building Community</h3></a> <span class="text-sm mt-4 text-gray-600 leading-5 font-medium"> Learn to build thriving communities and build member engagement with GrowthZone’s “5 Pillars of Community” ebook for associations. </span> </div> <div class="border-t-2 border-gray-200"> <div class="-mt-px flex"> <div class="w-0 flex-1 flex border-gray-200 bg-secondary rounded-br-lg rounded-bl-lg !bg-cards-button hover:!bg-cards-buttonHover focus:outline-none focus:shadow-outline-blue focus:border-blue-300 transition-all ease-in-out duration-300 focus:z-10"> <a href="https://myamsresources.com/resource/growthzone-unlock-the-secrets-to-building-community" class="relative flex-1 inline-flex items-center py-4 text-sm leading-5 text-cards-buttonText font-bold transition-all ease-in-out duration-300 pr-3"> <span class="ml-auto">Read More</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 5l7 7-7 7M5 5l7 7-7 7" /> </svg> </a> </div> </div> </div> </div> <div wire:snapshot="{&quot;data&quot;:{&quot;resource&quot;:[null,{&quot;class&quot;:&quot;resource&quot;,&quot;key&quot;:4273,&quot;s&quot;:&quot;mdl&quot;}],&quot;page&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Page&quot;,&quot;key&quot;:827,&quot;s&quot;:&quot;mdl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;EFX21i2JBYufz78KTPNM&quot;,&quot;name&quot;:&quot;resources.card&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;c0aedb70df5f3a4e81dc7b8026491f0f3baa4e5fa439243ccc2accf230af4dad&quot;}" wire:effects="[]" wire:id="EFX21i2JBYufz78KTPNM" class="flex flex-col text-center bg-white rounded-lg shadow h-full"> <div class="flex flex-col relative"> <div class="absolute right-0 bottom-0 mb-6 bg-white shadow-2xl text-primary rounded-tl-2xl rounded-bl-2xl text-sm p-2.5 border-2 border-primary border-r-0 uppercase leading-4 font-bold z-10"> White Paper </div> <div class="flex-grow flex rounded-t-lg h-3 bg-cards-headerBar"></div> <a href="https://myamsresources.com/resource/lead-marvels-inc-scaling-sponsored-content-to-drive-revenue-member-engagement" class=" overflow-hidden"> <img class="w-full h-64 object-cover mx-auto bg-black hover:scale-110 transform transition duration-300" src="https://store.lmknowledgehub.com/storage/pages/images/ZOvUeTKUiL09V3Y0PZ6NK59wuraW6z2GLWDQJVq8.png" alt="Scaling Sponsored Content to Drive Revenue &amp; Member Engagement"> </a> </div> <div class="flex-1 flex flex-col p-4 text-left mb-2"> <span id="resource_date" class="text-xs text-gray-350 uppercase font-sans">Tuesday, August 20, 2024</span> <a href="https://myamsresources.com/company/lead-marvels-inc" class="font-semibold my-2 text-cards-companyLink hover:text-cards-companyLinkHover" title="Lead Marvels Inc" role="button">Lead Marvels Inc</a> <a href="https://myamsresources.com/resource/lead-marvels-inc-scaling-sponsored-content-to-drive-revenue-member-engagement"><h3 class="text-xl leading-6 font-medium font-body text-cards-resourceLink hover:text-cards-resourceLinkHover transition duration-300">Scaling Sponsored Content to Drive Revenue &amp; Member Engagement</h3></a> <span class="text-sm mt-4 text-gray-600 leading-5 font-medium"> Explore what’s driving your advertisers’ interest in sponsored content and how your association can create scalable programs that not only build meaningful non-dues revenue streams but also enhance member engagement and trust. </span> </div> <div class="border-t-2 border-gray-200"> <div class="-mt-px flex"> <div class="w-0 flex-1 flex border-gray-200 bg-secondary rounded-br-lg rounded-bl-lg !bg-cards-button hover:!bg-cards-buttonHover focus:outline-none focus:shadow-outline-blue focus:border-blue-300 transition-all ease-in-out duration-300 focus:z-10"> <a href="https://myamsresources.com/resource/lead-marvels-inc-scaling-sponsored-content-to-drive-revenue-member-engagement" class="relative flex-1 inline-flex items-center py-4 text-sm leading-5 text-cards-buttonText font-bold transition-all ease-in-out duration-300 pr-3"> <span class="ml-auto">Read More</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 5l7 7-7 7M5 5l7 7-7 7" /> </svg> </a> </div> </div> </div> </div> <div class="col-span-full"> <button class="w-full h-10 py-2 px-3 bg-secondary !bg-cards-button hover:!bg-cards-buttonHover border border-blue-900 rounded text-sm shadow-lg transition" wire:click="loadMore" > <span class="leading-5 text-cards-buttonText font-bold">Load More</span> </button> </div> </div> </div> </div> </div> </div> </div> <section id="footer" class="bg-primary text-white subpixel-antialiased py-12"> <div class="px-4 py-12 md:py-24 max-w-screen-xl m-auto"> <div class="flex flex-col md:flex-row justify-between space-y-5 md:space-y-0"> <div> <ul class="flex flex-wrap justify-center md:justify-start space-x-2 md:space-x-3 font-bold "> <li><a href="https://reviewmyams.com/listings">Read Reviews</a></li> <li><a href="https://reviewmyams.com/listings">Reviews</a></li> <li><a href="https://reviewmyams.com/AMS_Companies">Supporters</a></li> <li><a href="http://amsfest.com" target="_blank">AMS Fest</a></li> <li><a href="https://reviewmyams.com/node/42">FAQs</a></li> <li><a href="https://reviewmyams.com/blog">Blog</a></li> </ul> </div> <div class="flex flex-col justify-center md:justify-end text-center md:text-right space-y-3"> <div class="flex justify-center md:justify-end text-center md:text-right space-x-1"> <a class="block" href="https://www.facebook.com/ReviewMyAMS/" target="_blank"> <svg class="w-10 h-10" viewBox="0 0 24 24"> <path fill="currentColor" d="M11.344,5.71c0-0.73,0.074-1.122,1.199-1.122h1.502V1.871h-2.404c-2.886,0-3.903,1.36-3.903,3.646v1.765h-1.8V10h1.8v8.128h3.601V10h2.403l0.32-2.718h-2.724L11.344,5.71z"></path> </svg> </a> <a class="block" href="https://www.twitter.com/ReviewMyAMS" target="_blank"> <svg class="w-10 h-10 -ml-1.5 mt-.05" viewBox="0 0 24 24"> <path fill="currentColor" d="M18.258,3.266c-0.693,0.405-1.46,0.698-2.277,0.857c-0.653-0.686-1.586-1.115-2.618-1.115c-1.98,0-3.586,1.581-3.586,3.53c0,0.276,0.031,0.545,0.092,0.805C6.888,7.195,4.245,5.79,2.476,3.654C2.167,4.176,1.99,4.781,1.99,5.429c0,1.224,0.633,2.305,1.596,2.938C2.999,8.349,2.445,8.19,1.961,7.925C1.96,7.94,1.96,7.954,1.96,7.97c0,1.71,1.237,3.138,2.877,3.462c-0.301,0.08-0.617,0.123-0.945,0.123c-0.23,0-0.456-0.021-0.674-0.062c0.456,1.402,1.781,2.422,3.35,2.451c-1.228,0.947-2.773,1.512-4.454,1.512c-0.291,0-0.575-0.016-0.855-0.049c1.588,1,3.473,1.586,5.498,1.586c6.598,0,10.205-5.379,10.205-10.045c0-0.153-0.003-0.305-0.01-0.456c0.7-0.499,1.308-1.12,1.789-1.827c-0.644,0.28-1.334,0.469-2.06,0.555C17.422,4.782,17.99,4.091,18.258,3.266"></path> </svg> </a> <a class="block" href="https://www.linkedin.com/company/review-my-ams" target="_blank"> <svg class="w-7 h-7 mt-.05" viewBox="0 0 24 24"> <path fill="currentColor" d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" /> </svg> </a> </div> <p class="opacity-75">© Copyright 2024 ReviewMyAMS</p> <p class="py-2">All reviews are the opinions of reviewers and not ReviewMyAMS.&nbsp;</p> </div> </div> </div> </section> <div id="poweredBy" class="bg-poweredBy flex justify-center items-center space-x-1 text-gray-100 py-2 border-t border-gray-400"> <div> <div class="relative flex items-end justify-end z-10"> <div class="w-8 h-8 transform hover:scale-110 transition duration-300"> <a href="https://leadmarvels.com" target="_blank"> <svg class="lm-admin" xmlns="http://www.w3.org/2000/svg" version="1.0" width="200.000000pt" height="200.000000pt" viewBox="0 0 200.000000 200.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,200.000000) scale(0.100000,-0.100000)" stroke="none"> <path fill="#767776" d="M1615 1674 c-88 -6 -169 -13 -180 -13 -11 -1 11 -15 50 -32 39 -17 74 -34 78 -38 4 -4 -18 -13 -50 -20 -179 -39 -448 -182 -605 -321 l-48 -41 30 -59 c17 -33 30 -63 30 -68 0 -5 -21 -24 -47 -42 -175 -124 -421 -360 -532 -510 -59 -78 -120 -186 -141 -248 -9 -23 -5 -22 23 12 154 183 249 277 382 377 141 107 314 193 472 236 57 15 103 33 103 38 0 6 -16 48 -35 95 -19 47 -35 90 -35 96 0 18 141 147 230 210 78 55 265 174 273 174 2 0 -2 -30 -9 -67 -7 -38 -13 -75 -13 -83 -1 -16 42 27 174 175 43 50 90 102 104 118 l25 27 -60 -1 c-32 -1 -131 -8 -219 -15z"/> <path fill="#bc4123" d="M1235 1555 c-180 -37 -466 -106 -817 -197 -229 -59 -293 -81 -172 -59 78 15 183 14 214 -2 38 -19 37 -55 -5 -116 -28 -40 -32 -52 -18 -47 51 15 113 26 156 26 38 0 53 -5 73 -25 31 -31 27 -61 -17 -149 -16 -33 -28 -60 -26 -62 1 -2 30 21 62 49 49 43 95 78 173 133 2 2 -12 33 -32 70 -27 50 -34 70 -25 80 17 20 176 127 264 176 72 41 300 139 350 151 l20 5 -20 0 c-11 0 -92 -14 -180 -33z"/> </g> </svg> </a> </div> </div> </div> <div class="text-sm">Powered by <a href="https://www.leadmarvels.com/" target="_blank" class="underline"> Lead Marvels, Inc</a> © 2024</div> <div class="text-ribbon-text flex items-center text-sm"> <span class="px-2">|</span><a href="/login" class="hover:opacity-75 transition duration-300 text-ribbon-text">Dashboard</a> </div> </div> </div> <div role="status" id="toaster" x-data="toasterHub([], JSON.parse('{\u0022alignment\u0022:\u0022bottom\u0022,\u0022duration\u0022:3000,\u0022replace\u0022:false,\u0022suppress\u0022:false}'))" class="fixed z-50 p-4 w-full flex flex-col pointer-events-none sm:p-6 bottom-0 items-end rtl:items-start"> <template x-for="toast in toasts" :key="toast.id"> <div x-show="toast.isVisible" x-init="$nextTick(() => toast.show($el))" x-transition:enter-start="translate-y-12 opacity-0" x-transition:enter-end="translate-y-0 opacity-100" x-transition:leave-end="opacity-0 scale-90" class="relative duration-300 transform transition ease-in-out max-w-xs w-full pointer-events-auto" :class="toast.select({ error: 'text-white', info: 'text-black', success: 'text-white', warning: 'text-white' })" > <i x-text="toast.message" class="inline-block select-none not-italic px-6 py-3 rounded shadow-lg text-sm w-full mt-3" :class="toast.select({ error: 'bg-red-500', info: 'bg-gray-200', success: 'bg-green-600', warning: 'bg-orange-500' })" ></i> <button @click="toast.dispose()" aria-label="close" class="absolute right-0 p-2 focus:outline-none rtl:right-auto rtl:left-0 top-3"> <svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg> </button> </div> </template> </div> </body> <div wire:snapshot="{&quot;data&quot;:{&quot;activeComponent&quot;:null,&quot;components&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;2056DsI6zsNEeSWQJrOb&quot;,&quot;name&quot;:&quot;livewire-ui-modal&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;322ff5374637cb7ba1c2725f9eea8fbd923455bc43250b1f83e82b8b40f83e1e&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;openModal&quot;,&quot;destroyComponent&quot;]}" wire:id="2056DsI6zsNEeSWQJrOb"> <!--[if BLOCK]><![endif]--> <script>(()=>{var t,e={331:()=>{function t(t){return function(t){if(Array.isArray(t))return e(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,o){if(!t)return;if("string"==typeof t)return e(t,o);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,o)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function e(t,e){(null==e||e>t.length)&&(e=t.length);for(var o=0,n=new Array(e);o<e;o++)n[o]=t[o];return n}window.LivewireUIModal=function(){return{show:!1,showActiveComponent:!0,activeComponent:!1,componentHistory:[],modalWidth:null,listeners:[],getActiveComponentModalAttribute:function(t){if(void 0!==this.$wire.get("components")[this.activeComponent])return this.$wire.get("components")[this.activeComponent].modalAttributes[t]},closeModalOnEscape:function(t){if(!1!==this.getActiveComponentModalAttribute("closeOnEscape")&&this.closingModal("closingModalOnEscape")){var e=!0===this.getActiveComponentModalAttribute("closeOnEscapeIsForceful");this.closeModal(e)}},closeModalOnClickAway:function(t){!1!==this.getActiveComponentModalAttribute("closeOnClickAway")&&this.closingModal("closingModalOnClickAway")&&this.closeModal(!0)},closingModal:function(t){var e=this.$wire.get("components")[this.activeComponent].name,o={id:this.activeComponent,closing:!0};return Livewire.dispatchTo(e,t,o),o.closing},closeModal:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(!1!==this.show){if(!0===this.getActiveComponentModalAttribute("dispatchCloseEvent")){var n=this.$wire.get("components")[this.activeComponent].name;Livewire.dispatch("modalClosed",{name:n})}if(!0===this.getActiveComponentModalAttribute("destroyOnClose")&&Livewire.dispatch("destroyComponent",{id:this.activeComponent}),e>0)for(var i=0;i<e;i++){if(o){var s=this.componentHistory[this.componentHistory.length-1];Livewire.dispatch("destroyComponent",{id:s})}this.componentHistory.pop()}var r=this.componentHistory.pop();r&&!t&&r?this.setActiveModalComponent(r,!0):this.setShowPropertyTo(!1)}},setActiveModalComponent:function(t){var e=this,o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(this.setShowPropertyTo(!0),this.activeComponent!==t){!1!==this.activeComponent&&!1===o&&this.componentHistory.push(this.activeComponent);var n=50;!1===this.activeComponent?(this.activeComponent=t,this.showActiveComponent=!0,this.modalWidth=this.getActiveComponentModalAttribute("maxWidthClass")):(this.showActiveComponent=!1,n=400,setTimeout((function(){e.activeComponent=t,e.showActiveComponent=!0,e.modalWidth=e.getActiveComponentModalAttribute("maxWidthClass")}),300)),this.$nextTick((function(){var o,i=null===(o=e.$refs[t])||void 0===o?void 0:o.querySelector("[autofocus]");i&&setTimeout((function(){i.focus()}),n)}))}},focusables:function(){return t(this.$el.querySelectorAll("a, button, input:not([type='hidden'], textarea, select, details, [tabindex]:not([tabindex='-1']))")).filter((function(t){return!t.hasAttribute("disabled")}))},firstFocusable:function(){return this.focusables()[0]},lastFocusable:function(){return this.focusables().slice(-1)[0]},nextFocusable:function(){return this.focusables()[this.nextFocusableIndex()]||this.firstFocusable()},prevFocusable:function(){return this.focusables()[this.prevFocusableIndex()]||this.lastFocusable()},nextFocusableIndex:function(){return(this.focusables().indexOf(document.activeElement)+1)%(this.focusables().length+1)},prevFocusableIndex:function(){return Math.max(0,this.focusables().indexOf(document.activeElement))-1},setShowPropertyTo:function(t){var e=this;this.show=t,t?document.body.classList.add("overflow-y-hidden"):(document.body.classList.remove("overflow-y-hidden"),setTimeout((function(){e.activeComponent=!1,e.$wire.resetState()}),300))},init:function(){var t=this;this.modalWidth=this.getActiveComponentModalAttribute("maxWidthClass"),this.listeners.push(Livewire.on("closeModal",(function(e){var o,n,i;t.closeModal(null!==(o=null==e?void 0:e.force)&&void 0!==o&&o,null!==(n=null==e?void 0:e.skipPreviousModals)&&void 0!==n?n:0,null!==(i=null==e?void 0:e.destroySkipped)&&void 0!==i&&i)}))),this.listeners.push(Livewire.on("activeModalComponentChanged",(function(e){var o=e.id;t.setActiveModalComponent(o)})))},destroy:function(){this.listeners.forEach((function(t){t()}))}}}},754:()=>{}},o={};function n(t){var i=o[t];if(void 0!==i)return i.exports;var s=o[t]={exports:{}};return e[t](s,s.exports,n),s.exports}n.m=e,t=[],n.O=(e,o,i,s)=>{if(!o){var r=1/0;for(u=0;u<t.length;u++){for(var[o,i,s]=t[u],a=!0,c=0;c<o.length;c++)(!1&s||r>=s)&&Object.keys(n.O).every((t=>n.O[t](o[c])))?o.splice(c--,1):(a=!1,s<r&&(r=s));if(a){t.splice(u--,1);var l=i();void 0!==l&&(e=l)}}return e}s=s||0;for(var u=t.length;u>0&&t[u-1][2]>s;u--)t[u]=t[u-1];t[u]=[o,i,s]},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t={387:0,109:0};n.O.j=e=>0===t[e];var e=(e,o)=>{var i,s,[r,a,c]=o,l=0;if(r.some((e=>0!==t[e]))){for(i in a)n.o(a,i)&&(n.m[i]=a[i]);if(c)var u=c(n)}for(e&&e(o);l<r.length;l++)s=r[l],n.o(t,s)&&t[s]&&t[s][0](),t[s]=0;return n.O(u)},o=self.webpackChunk=self.webpackChunk||[];o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))})(),n.O(void 0,[109],(()=>n(331)));var i=n.O(void 0,[109],(()=>n(754)));i=n.O(i)})();</script> <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <div x-data="LivewireUIModal()" x-on:close.stop="setShowPropertyTo(false)" x-on:keydown.escape.window="show && closeModalOnEscape()" x-show="show" class="fixed inset-0 z-10 overflow-y-auto" style="display: none;" > <div class="flex items-end justify-center min-h-screen px-4 pt-4 pb-10 text-center sm:block sm:p-0"> <div x-show="show" x-on:click="closeModalOnClickAway()" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 transition-all transform" > <div class="absolute inset-0 bg-gray-500 opacity-75"></div> </div> <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span> <div x-show="show && showActiveComponent" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-bind:class="modalWidth" class="inline-block w-full align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:w-full" id="modal-container" x-trap.noscroll.inert="show && showActiveComponent" aria-modal="true" > <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div> </div> </div> </div> <ui-toast x-data x-on:toast-show.document="$el.showToast($event.detail)" wire:ignore> <template> <div popover="manual" class="m-0 p-6 bg-transparent [&amp;[data-position*=top]]:mb-auto [&amp;[data-position*=bottom]]:mt-auto [&amp;[data-position*=right]]:ml-auto [&amp;[data-position*=left]]:mr-auto" data-position="bottom right" data-variant="" data-flux-toast-dialog> <div class="max-w-sm p-2 rounded-xl shadow-lg bg-white border border-zinc-200 border-b-zinc-300/80 dark:bg-zinc-700 dark:border-zinc-600"> <div class="flex items-start gap-4"> <div class="flex-1 py-1.5 pl-2.5 flex gap-2"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="hidden [[data-flux-toast-dialog][data-variant=success]_&]:block shrink-0 mt-0.5 size-4 text-lime-600 dark:text-lime-400"> <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm3.844-8.791a.75.75 0 0 0-1.188-.918l-3.7 4.79-1.649-1.833a.75.75 0 1 0-1.114 1.004l2.25 2.5a.75.75 0 0 0 1.15-.043l4.25-5.5Z" clip-rule="evenodd" /> </svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="hidden [[data-flux-toast-dialog][data-variant=warning]_&]:block shrink-0 mt-0.5 size-4 text-amber-500 dark:text-amber-400"> <path fill-rule="evenodd" d="M6.701 2.25c.577-1 2.02-1 2.598 0l5.196 9a1.5 1.5 0 0 1-1.299 2.25H2.804a1.5 1.5 0 0 1-1.3-2.25l5.197-9ZM8 4a.75.75 0 0 1 .75.75v3a.75.75 0 1 1-1.5 0v-3A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd" /> </svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="hidden [[data-flux-toast-dialog][data-variant=danger]_&]:block shrink-0 mt-0.5 size-4 text-rose-500 dark:text-rose-400"> <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM8 4a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-3A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd" /> </svg> <div> <div class="font-medium text-sm text-zinc-800 dark:text-white [&:not(:empty)+div]:font-normal [&:not(:empty)+div]:text-zinc-500 [&:not(:empty)+div]:dark:text-zinc-300 [&:not(:empty)]:pb-2"><slot name="heading"></slot></div> <div class="font-medium text-sm text-zinc-800 dark:text-white"><slot name="text"></slot></div> </div> </div> <div class="flex items-center"> <button type="button" onclick="this.closest('ui-toast').hideToast()" class="inline-flex items-center font-medium justify-center gap-2 truncate disabled:opacity-50 dark:disabled:opacity-75 disabled:cursor-default h-8 text-sm rounded-md w-8 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-400 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white" as="button"> <div> <svg class="[:where(&amp;)]:size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"></path> </svg> </div> </button> </div> </div> </div> </div> </template> </ui-toast> <script src="https://myamsresources.com/vendor/livewire/livewire.min.js?id=da3bb356" data-csrf="9NNNwBGHwrqhPIuT4JEL8KhjPdNwu9KgxjGOaocZ" data-update-uri="/livewire/update" data-navigate-once="true"></script> <script src="/flux/flux.min.js?id=18e88a55" data-navigate-once></script> <script src="/themes/ams/js/app.js?id=5b8947359736e5bf893eb62f5f2fe55c" defer></script> <script type="text/javascript"> const urlParams = new URLSearchParams(window.location.search); document.addEventListener("DOMContentLoaded", function() { document.querySelectorAll("*[data-lm-ga-click-label]").forEach(function(link) { link.addEventListener('click', function(event) { userActivityHandler(link); }); link.addEventListener('contextmenu', function(event) { userActivityHandler(link); }); link.addEventListener('keypress', function(event) { if (event.keyCode === 13) { userActivityHandler(link); } }); }); }); function userActivityHandler(linkRef) { console.log(linkRef.dataset); const companyId = linkRef.dataset.lmGaCompanyId; const resourceId = linkRef.dataset.lmGaResourceId; const pageType = linkRef.dataset.lmGaPageType; const actionableType = linkRef.dataset.lmGaActionableType || 'offsite'; const actionableId = linkRef.dataset.lmGaActionableId || 0; const clickAction = linkRef.dataset.lmGaClickAction || 'download'; const clickCategory = linkRef.dataset.lmGaClickCategory || clickAction; const clickLabel = linkRef.dataset.lmGaClickLabel; const meta = linkRef.dataset.lmGaClickMeta; const userId = null; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'event': clickLabel, }); axios.post('/webhooks/user-activity', { userId: userId, actionableType: actionableType, actionableId: actionableId, companyId: companyId, resourceId: resourceId, category: clickCategory, pageType: pageType, location: window.location.pathname, utm_source: urlParams.get('utm_source'), utm_medium: urlParams.get('utm_medium'), utm_campaign: urlParams.get('utm_campaign'), meta: meta ? JSON.parse(meta) : null }); } </script> </html>

Pages: 1 2 3 4 5 6 7 8 9 10