Free ID Card Templates to customize online

<!DOCTYPE html> <html lang="en"> <head> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({"user_id":"","internal_user_id":"","user_login_status":"not-logged","user_type":"anonymous"}); </script> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TTCWPFW'); </script> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> <link rel="apple-touch-icon" sizes="180x180" href="https://content.wepik.com/media/images/favicons/apple-touch-icon.png?v=2"> <link rel="icon" type="image/png" sizes="32x32" href="https://content.wepik.com/media/images/favicons/favicon-32x32.png?v=2"> <link rel="icon" type="image/png" sizes="16x16" href="https://content.wepik.com/media/images/favicons/favicon-16x16.png?v=2"> <link rel="manifest" href="https://content.wepik.com/media/images/favicons/site.webmanifest"> <link rel="mask-icon" href="https://content.wepik.com/media/images/favicons/safari-pinned-tab.svg?=v2" color="#d33f1f"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff"> <meta property='og:image' content="https://content.wepik.com/statics/194496869/conversions/preview-page0-thumb.jpg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Wepik | Free Graphic Design Editor & Online Templates" /> <meta name="twitter:image:src" content="https://content.wepik.com/statics/194496869/conversions/preview-page0-thumb.jpg" /> <meta name="twitter:url" content="https://www.wepik.com" /> <meta name="twitter:description" content="Thousand of amazing templates 100% editables" />  <link rel="preload" href="https://content.wepik.com/media/fonts/degular-regular.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://content.wepik.com/media/fonts/degular-semibold.woff2" as="font" type="font/woff2" crossorigin>  <link rel="preload" href="https://content.wepik.com/media/fonts/inter-regular.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://content.wepik.com/media/fonts/inter-semibold.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://content.wepik.com/media/fonts/inter-bold.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://content.wepik.com/media/fonts/inter-black.woff2" as="font" type="font/woff2" crossorigin> <link rel="canonical" href="https://wepik.com/templates/id-cards?page=8"> <meta name="robots" content="max-image-preview:large"> <title>Free ID Card Templates to customize online | Wepik - Page 8</title> <meta name="description" content="Need an ID Card? Have a look at these templates created by Wepik! Find our collection and customize the one that best suits you. They&#039;re free to download! - Page 8"> <link rel="preload" as="style" href="https://content.wepik.com/dist/0f20c3bf2ee308358dc9043bb81736c85108a6d4/build/assets/app-96e3adba.css" /><link rel="stylesheet" href="https://content.wepik.com/dist/0f20c3bf2ee308358dc9043bb81736c85108a6d4/build/assets/app-96e3adba.css" /> <style >[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {display:none;}[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}@keyframes livewireautofill { from {} }</style>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-193008345-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('set',{'dimension2': 'anonymous'}); gtag('config', 'UA-193008345-1'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-NVE4KXTJVW"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('set',{'dimension2': 'anonymous'}); gtag('js', new Date()); gtag('config', 'G-NVE4KXTJVW'); </script> <link rel="alternate" href="https://wepik.com/templates/id-cards?page=8" hreflang="x-default" /> <link rel="alternate" href="https://wepik.com/templates/id-cards?page=8" hreflang="en" /> <link rel="alternate" href="https://wepik.com/es/plantillas/gafetes?page=8" hreflang="es" /> <link rel="alternate" href="https://wepik.com/templates/id-cards?page=8" hreflang="es_ES" /> <link rel="alternate" href="https://wepik.com/templates/id-cards?page=8" hreflang="pt_BR" /> <link rel="alternate" href="https://wepik.com/templates/id-cards?page=8" hreflang="fr_FR" /> <link rel="alternate" href="https://wepik.com/templates/id-cards?page=8" hreflang="de_DE" /> <link rel="alternate" href="https://wepik.com/templates/id-cards?page=8" hreflang="ko_KR" /> <link rel="alternate" href="https://wepik.com/templates/id-cards?page=8" hreflang="nl_NL" /> <link rel="alternate" href="https://wepik.com/templates/id-cards?page=8" hreflang="ja_JP" /> <link rel="alternate" href="https://wepik.com/templates/id-cards?page=8" hreflang="pl_PL" /> <link rel="alternate" href="https://wepik.com/templates/id-cards?page=8" hreflang="ru_RU" /> <link rel="alternate" href="https://wepik.com/templates/id-cards?page=8" hreflang="it_IT" /> <meta name="p:domain_verify" content="e3f806ad4a7ae68d2040fd7b4598af6c"/> </head> <body class="font body text-base antialiased min-h-screen flex flex-col overflow-y-scroll"> <script> function gtmPush() { } addEventListener("load", gtmPush); </script> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TTCWPFW" height="0" width="0" style="display:none;visibility:hidden" ></iframe> </noscript> <header class="sticky top-0 left-0 w-full h-16 xl:h-20 flex items-center justify-between pl-4 pr-2 xl:px-4 bg-white z-50 transition-all duration-300 border-b border-neutral-100" x-data="{ menuOpen: false }"> <a href="/" class="shrink-0"> <div class="relative"> <img src="https://content.wepik.com/media/images/logo.svg" class="h-6 w-28 sm:w-full" alt="Wepik icon" aria-label="Go home" /> </div> </a> <div class="flex-1 xl:flex px-6 2xl:px-4 nav fixed xl:static z-40 top-16 border-t border-transparent xl:border-0 right-0 xl:mt-0 bg-neutral-900/90 sm:shadow-lg xl:bg-transparent h-screen lg:shadow-xl xl:shadow-none xl:h-auto w-full sm:w-1/3 xl:w-auto transition-opacity duration-300 opacity-0 xl:opacity-100 pointer-events-none xl:pointer-events-auto" :class="{'opacity-100 pointer-events-auto' : menuOpen}"> <nav class="text-deep-blue-100 xl:text-neutral-900 flex flex-col h-full xl:flex-row py-4 gap-2 xl:gap-0 xl:py-0 overflow-auto xl:overflow-visible"> <ul x-data="{ submenu : null }" class="flex flex-col xl:flex-row"> <div x-show="submenu !== null" @click="submenu = null" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0 pointer-events-none" x-transition:enter-end="opacity-100 pointer-events-all" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 pointer-events-all" x-transition:leave-end="opacity-0 pointer-events-none" class="hidden xl:block opacity-0 fixed w-full top-20 left-0 h-full bg-neutral-900/30" :class="{ 'opacity-100': submenu !== null }" ></div> <li class="relative hover:text-neutral-600"> <button @click="submenu !== 1 ? submenu = 1 : submenu = null" onclick="trackAnalytic('Templates', 'click-menu', 'templates'); trackNavbarGA4('Design', '#');" class="font-semibold trext-lg xl:text-base h-10 xl:h-20 w-full flex items-center xl:px-3 2xl:px-2 whitespace-nowrap relative xl:font-semibold "> Design <svg class="fill-current caret h-4 w-4 ml-1" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><use href="#icon-cdf82d1329929447f3ea64ae84ae9e40"></use></svg> </button> <svg class="hidden xl:block absolute top-full left-1/2 transition-all opacity-0 duration-200 -translate-x-1/2 w-5 h-5 mt-1" :class="{ 'opacity-0 pointer-events-none -translate-y-2': submenu !== 1, 'opacity-100 pointer-events-all translate-y-0': submenu === 1 }" viewBox="0 0 21 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.347839 7.49726H20.887L10.6174 0L0.347839 7.49726Z" fill="white" /> </svg> <div class="max-h-[calc(100vh-140px)] opacity-0 pointer-events-none transition-all duration-200 overflow-auto flex flex-col xl:mt-4 xl:flex-row xl:bg-white xl:w-screen xl:max-w-screen-md xl:rounded-md xl:absolute xl:top-full xl:-left-full xl:shadow-xl" :class="{ 'h-0 xl:h-auto opacity-0 pointer-events-none xl:-translate-y-2': submenu !== 1, 'opacity-100 pointer-events-all translate-y-0': submenu === 1 }"> <div class="mb-4 xl:mb-0 xl:w-2/3 xl:p-8"> <div class="flex items-center justify-between xl:pb-2 xl:border-b border-neutral-100"> <p class="font-semibold text-lg text-deep-blue-100 pt-2 sm:py-2 xl:font-semibold xl:py-0 xl:text-neutral-900"> Templates </p> <span class="hidden xl:block text-sm text-neutral-600"> Browse by category </span> </div> <ul class="xl:grid grid-cols-3 gap-x-3 mb-1 xl:py-4"> <li> <a href="https://wepik.com/templates/logos#search=id-cards&page=8&rs=menu" class="block py-2 sm:py-3 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('Logos', 'https://wepik.com/templates/logos');"> Logos </a> </li> <li> <a href="https://wepik.com/templates/business-cards#search=id-cards&page=8&rs=menu" class="block py-2 sm:py-3 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('Business cards', 'https://wepik.com/templates/business-cards');"> Business Cards </a> </li> <li> <a href="https://wepik.com/templates/posters#search=id-cards&page=8&rs=menu" class="block py-2 sm:py-3 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('Posters', 'https://wepik.com/templates/posters');"> Posters </a> </li> <li> <a href="https://wepik.com/templates/brochures#search=id-cards&page=8&rs=menu" class="block py-2 sm:py-3 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('Brochures', 'https://wepik.com/templates/brochures');"> Brochures </a> </li> <li class="hidden sm:block"> <a href="https://wepik.com/templates/invoices#search=id-cards&page=8&rs=menu" class="block py-2 sm:py-3 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('Invoices', 'https://wepik.com/templates/invoices');"> Invoices </a> </li> <li class="hidden sm:block"> <a href="https://wepik.com/templates/price-list#search=id-cards&page=8&rs=menu" class="block py-2 sm:py-3 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('Price Lists', 'https://wepik.com/templates/price-list');"> Price Lists </a> </li> <li class="hidden sm:block"> <a href="https://wepik.com/templates/id-cards#search=id-cards&page=8&rs=menu" class="block py-2 sm:py-3 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('ID cards', 'https://wepik.com/templates/id-cards');"> ID cards </a> </li> <li class="hidden sm:block"> <a href="https://wepik.com/templates/menus#search=id-cards&page=8&rs=menu" class="block py-2 sm:py-3 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('Menus', 'https://wepik.com/templates/menus');"> Menus </a> </li> <li> <a href="https://wepik.com/templates/invitations#search=id-cards&page=8&rs=menu" class="block py-2 sm:py-3 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('Invitations', 'https://wepik.com/templates/invitations');"> Invitations </a> </li> <li class="hidden sm:block"> <a href="https://wepik.com/templates/labels#search=id-cards&page=8&rs=menu" class="block py-2 sm:py-3 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('Labels', 'https://wepik.com/templates/labels');"> Labels </a> </li> <li class="hidden sm:block"> <a href="https://wepik.com/templates/loyalty-cards#search=id-cards&page=8&rs=menu" class="block py-2 sm:py-3 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('Loyalty Cards', 'https://wepik.com/templates/loyalty-cards');"> Loyalty Cards </a> </li> <li> <a href="https://wepik.com/templates/instagram-stories#search=id-cards&page=8&rs=menu" class="block py-2 sm:py-3 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('Instagram Stories', 'https://wepik.com/templates/instagram-stories');"> Instagram Stories </a> </li> <li class="hidden sm:block"> <a href="https://wepik.com/templates/youtube-banners#search=id-cards&page=8&rs=menu" class="block py-2 sm:py-3 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('YouTube Banners', 'https://wepik.com/templates/youtube-banners');"> YouTube Banners </a> </li> <li class="hidden sm:block"> <a href="https://wepik.com/templates/flyers#search=id-cards&page=8&rs=menu" class="block py-2 sm:py-3 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('YouTube Banners', 'https://wepik.com/templates/youtube-banners');"> Flyers </a> </li> <li class="hidden sm:block"> <a href="https://wepik.com/templates/instagram-posts#search=id-cards&page=8&rs=menu" class="block py-2 sm:py-3 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('YouTube Banners', 'https://wepik.com/templates/youtube-banners');"> Instagram Posts </a> </li> </ul> <div class="flex items-center justify-between xl:pb-2 xl:border-b border-neutral-100"> <p class="font-semibold text-deep-blue-100 text-lg pt-2 sm:py-2 xl:font-semibold xl:py-0 xl:text-neutral-900"> Makers </p> <span class="hidden xl:block text-sm text-neutral-600"> Build something new </span> </div> <ul class="xl:grid grid-cols-2 gap-x-3 xl:pt-4"> <li> <a href="https://wepik.com/instagram-stories#search=id-cards&page=8&rs=menu" class="block py-2 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('Instagram Stories maker', 'https://wepik.com/instagram-stories');"> Instagram Stories maker <p class="hidden xl:block text-neutral-600 opacity-0 transition-opacity font-normal duration-100 group-hover:opacity-100">Impress with your social content</p> </a> </li> <li> <a href="https://wepik.com/logos#search=id-cards&page=8&rs=menu" class="block py-2 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('Logos maker', 'https://wepik.com/logos');"> Logos maker <p class="hidden xl:block text-neutral-600 opacity-0 transition-opacity font-normal duration-100 group-hover:opacity-100">Capture your business’ essence</p> </a> </li> <li> <a href="https://wepik.com/menus#search=id-cards&page=8&rs=menu" class="block py-2 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('Menus maker', 'https://wepik.com/menus');"> Menus maker <p class="hidden xl:block text-neutral-600 opacity-0 transition-opacity font-normal duration-100 group-hover:opacity-100">Delight your customers</p> </a> </li> <li> <a href="https://wepik.com/posters#search=id-cards&page=8&rs=menu" class="block py-2 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('Posters maker', 'https://wepik.com/posters');"> Posters maker <p class="hidden xl:block text-neutral-600 opacity-0 transition-opacity font-normal duration-100 group-hover:opacity-100">Convey messages to your public</p> </a> </li> <li> <a href="https://wepik.com/business-cards#search=id-cards&page=8&rs=menu" class="block py-2 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('Business Cards maker', 'https://wepik.com/business-cards');"> Business Cards maker <p class="hidden xl:block text-neutral-600 opacity-0 transition-opacity font-normal duration-100 group-hover:opacity-100">Make a big first impression</p> </a> </li> <li> <a href="https://wepik.com/youtube-banners#search=id-cards&page=8&rs=menu" class="block py-2 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('YouTube Banners maker', 'https://wepik.com/youtube-banners');"> YouTube Banners maker <p class="hidden xl:block text-neutral-600 opacity-0 transition-opacity font-normal duration-100 group-hover:opacity-100">Catch your viewer's attention</p> </a> </li> <li> <a href="https://wepik.com/photo-collages#search=id-cards&page=8&rs=menu" class="block py-2 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('Photo collages maker', 'https://wepik.com/photo-collages');"> Photo Collages maker <p class="hidden xl:block text-neutral-600 opacity-0 transition-opacity font-normal duration-100 group-hover:opacity-100"> Share any visual story </p> </a> </li> <li> <a href="https://wepik.com/invitations#search=id-cards&page=8&rs=menu" class="block py-2 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('Invitations maker', 'https://wepik.com/invitations');"> Invitations maker <p class="hidden xl:block text-neutral-600 opacity-0 transition-opacity font-normal duration-100 group-hover:opacity-100"> Impress your guests </p> </a> </li> <li> <a href="https://wepik.com/id-cards#search=id-cards&page=8&rs=menu" class="block py-2 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('Instagram Posts maker', 'https://wepik.com/instagram-posts');"> ID Cards maker <p class="hidden xl:block text-neutral-600 opacity-0 transition-opacity font-normal duration-100 group-hover:opacity-100"> Consolidate your team </p> </a> </li> <li> <a href="https://wepik.com/stickers#search=id-cards&page=8&rs=menu" class="block py-2 text-deep-blue-200 xl:text-neutral-900 text-sm w-full hover:font-semibold group" onclick="trackNavbarGA4('Brochures maker', 'https://wepik.com/brochures');"> Stickers maker <p class="hidden xl:block text-neutral-600 opacity-0 transition-opacity font-normal duration-100 group-hover:opacity-100">Brand your business creatively</p> </a> </li> <li> <a href="https://wepik.com/letterheads#search=id-cards&page=8&rs=menu" class="block py-2 text-neutral-875 text-sm w-full hover:text-blue-500 hover:font-semibold group" onclick="trackNavbarGA4('Instagram Posts maker', 'https://wepik.com/instagram-posts');"> Letterheads maker <p class="hidden xl:block text-neutral-825 opacity-0 transition-opacity font-normal duration-100 group-hover:opacity-100"> Enhance your corporate identity </p> </a> </li> <li> <a href="https://wepik.com/brochures#search=id-cards&page=8&rs=menu" class="block py-2 text-neutral-875 text-sm w-full hover:text-blue-500 hover:font-semibold group" onclick="trackNavbarGA4('Brochures maker', 'https://wepik.com/brochures');"> Brochures maker <p class="hidden xl:block text-neutral-825 opacity-0 transition-opacity font-normal duration-100 group-hover:opacity-100"> Promote your business </p> </a> </li> </ul> </div> <div class="hidden xl:block w-1/3 py-8 px-4 bg-offwhite-300"> <div class="flex items-center justify-between pb-2 border-b border-neutral-100 mb-4"> <p class="font-semibold text-neutral-900">What’s new</p> </div> <div x-data="{feature: 1}" class="flex flex-col gap-4 mb-8"> <div class="border border-neutral-100 bg-white rounded"> <button @click="feature !== 1 ? feature = 1 : feature = null" class="text-neutral-900 w-full text-left font-semibold flex items-center py-2.5 px-4"> <p class="flex-1">AI Powered Search</p> <span class="transition-all duration-300" :class="{ '-rotate-90': feature === 1, 'rotate-90': feature !== 1, }"> <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-ba8827360a4552e24fbcd062a19d7800"></use></svg> </span> </button> <div x-ref="featurecontainer1" class="relative max-h-0 overflow-hidden transition-all duration-300" x-bind:style="feature == 1 ? 'max-height: ' + $refs.featurecontainer1.scrollHeight + 'px' : ''"> <div class="px-4 pb-4"> <p class="text-neutral-600 text-sm pb-6"> Get even more accurate search results </p> <img src="https://content.wepik.com/media/images/megamenu/ai.jpg" srcset="https://content.wepik.com/media/images/megamenu/ai@2x.jpg 2x" alt="ai powered search" class="w-full h-full" /> </div> </div> </div> <div class="border border-neutral-100 bg-white rounded"> <button @click="feature !== 2 ? feature = 2 : feature = null" class="text-neutral-900 w-full text-left font-semibold flex items-center py-2.5 px-4"> <p class="flex-1">Social Media Scheduler</p> <span class="transition-all duration-300" :class="{ '-rotate-90': feature === 2, 'rotate-90': feature !== 2, }"> <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-ba8827360a4552e24fbcd062a19d7800"></use></svg> </span> </button> <div x-ref="featurecontainer2" class="relative max-h-0 overflow-hidden transition-all duration-300" x-bind:style="feature == 2 ? 'max-height: ' + $refs.featurecontainer2.scrollHeight + 'px' : ''"> <div class="px-4 pb-4"> <p class="text-neutral-600 text-sm pb-6"> Create and plan your social content </p> <img src="https://content.wepik.com/media/images/megamenu/scheduler.jpg" srcset="https://content.wepik.com/media/images/megamenu/scheduler@2x.jpg 2x" alt="social media scheduler" class="w-full h-full" /> </div> </div> </div> <div class="border border-neutral-100 bg-white rounded"> <button @click="feature !== 3 ? feature = 3 : feature = null" class="text-neutral-900 w-full text-left font-semibold flex items-center py-2.5 px-4"> <p class="flex-1">Video</p> <span class="transition-all duration-300" :class="{ '-rotate-90': feature === 3, 'rotate-90': feature !== 3, }"> <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-ba8827360a4552e24fbcd062a19d7800"></use></svg> </span> </button> <div x-ref="featurecontainer3" class="relative max-h-0 overflow-hidden transition-all duration-300" x-bind:style="feature == 3 ? 'max-height: ' + $refs.featurecontainer3.scrollHeight + 'px' : ''"> <div class="px-4 pb-4"> <p class="text-neutral-600 text-sm pb-6"> Now you can include them in your designs </p> <img src="https://content.wepik.com/media/images/megamenu/video.jpg" srcset="https://content.wepik.com/media/images/megamenu/video@2x.jpg 2x" alt="video" class="w-full h-full" /> </div> </div> </div> </div> <button onclick="window.location.href='/edit/new-artboard?width=1024&height=1024&unit=px&size=Custom&lang=en';void(0)" class="text-neutral-900 text-sm flex items-center font-semibold group cursor-pointer hover:text-blue-500"> Discover our editor <svg class="fill-current h-3 w-3 ml-2 transition-all duration-300 group-hover:ml-3" viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg"><use href="#icon-2505b668031c19f0e861055dc3cf1b30"></use></svg> </button> </div> </div> </li> <li class="relative group hover:text-neutral-600"> <button @click="submenu !== 2 ? submenu = 2 : submenu = null;" class="font-semibold trext-lg xl:text-base h-10 xl:h-20 w-full flex items-center xl:px-3 2xl:px-2 whitespace-nowrap relative xl:font-semibold " onclick="trackNavbarGA4('Features', '#');"> Features <svg class="fill-current caret h-4 w-4 ml-1" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><use href="#icon-cdf82d1329929447f3ea64ae84ae9e40"></use></svg> </button> <svg class="hidden xl:block absolute top-full left-1/2 transition-all duration-200 opacity-0 -translate-x-1/2 w-5 h-5 mt-1" :class="{ 'opacity-0 pointer-events-none -translate-y-2': submenu !== 2, 'opacity-100 pointer-events-all translate-y-0': submenu === 2 }" viewBox="0 0 21 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.347839 7.49726H20.887L10.6174 0L0.347839 7.49726Z" fill="white"/></svg> <div class="opacity-0 pointer-events-none transition-all duration-200 overflow-hidden flex xl:p-2 xl:absolute xl:top-full xl:left-0 xl:shadow-xl xl:bg-white xl:mt-4 xl:rounded-md" :class="{ 'h-0 xl:h-auto opacity-0 pointer-events-none xl:-translate-y-2': submenu !== 2, 'opacity-100 pointer-events-all translate-y-0': submenu === 2 }" > <ul class="w-full mb-4 xl:mb-0"> <li class="flex"> <a href="https://www.freepik.com/ai/image-generator" class="py-2 rounded text-deep-blue-200 xl:text-neutral-700 text-sm whitespace-nowrap w-full xl:px-4 hover:font-semibold" onclick="trackNavbarGA4('AI Image Generator', 'https://wepik.com/ai-generate');"> AI Image Generator </a> </li> <li class="flex"> <a href="https://wepik.com/ai-presentations#search=id-cards&page=8&rs=menu" class="py-2 rounded text-deep-blue-200 xl:text-neutral-700 text-sm whitespace-nowrap w-full xl:px-4 hover:font-semibold" onclick="trackNavbarGA4('AI Presentation Maker', 'https://wepik.com/ai-presentations');"> AI Presentation Maker </a> </li> <li class="flex"> <a href="https://wepik.com/ai-writer#search=id-cards&page=8&rs=menu" class="py-2 rounded text-deep-blue-200 xl:text-neutral-700 text-sm whitespace-nowrap w-full xl:px-4 hover:font-semibold" onclick="trackNavbarGA4('AI Writer', 'https://wepik.com/ai-writer');"> AI Writer </a> </li> <li class="flex"> <a href="https://wepik.com/qr-code-generator#search=id-cards&page=8&rs=menu" class="py-2 rounded text-deep-blue-200 xl:text-neutral-700 text-sm whitespace-nowrap w-full xl:px-4 hover:font-semibold" onclick="trackNavbarGA4('QR Code Generator', 'https://wepik.com/qr-code-generator');"> QR Code Generator </a> </li> <li class="flex"> <a href="https://www.freepik.com/ai/background-remover" class="py-2 rounded text-deep-blue-200 xl:text-neutral-700 text-sm whitespace-nowrap w-full xl:px-4 hover:font-semibold" onclick="trackNavbarGA4('Background Remover', 'https://wepik.com/background-remover');"> Background Remover </a> </li> <li class="flex"> <a href="https://wepik.com/social-media-scheduler#search=id-cards&page=8&rs=menu" class="py-2 rounded text-deep-blue-200 xl:text-neutral-700 text-sm whitespace-nowrap w-full xl:px-4 hover:font-semibold" onclick="trackNavbarGA4('Social Media Scheduler', 'https://wepik.com/social-media-scheduler');"> Social Media Scheduler </a> </li> <li class="flex"> <a href="https://www.freepik.com/ai/photo-editor" class="py-2 rounded text-deep-blue-200 xl:text-neutral-700 text-sm whitespace-nowrap w-full xl:px-4 hover:font-semibold" onclick="trackNavbarGA4('Photo Editor', 'https://wepik.com/photo-editor');"> Photo Editor </a> </li> <li class="flex"> <a href="https://wepik.com/mobile-app#search=id-cards&page=8&rs=menu" class="py-2 rounded text-deep-blue-200 xl:text-neutral-700 text-sm whitespace-nowrap w-full xl:px-4 hover:font-semibold" onclick="trackNavbarGA4('Mobile App', 'https://wepik.com/mobile-app');"> Mobile App </a> </li> </ul> </div> </li> <li class="relative group hover:text-neutral-600"> <a href="https://wepik.com/brand-kit" class="font-semibold trext-lg xl:text-base h-10 xl:h-20 w-full flex items-center xl:px-3 2xl:px-2 whitespace-nowrap relative xl:font-semibold" onclick="trackAnalytic('Brandkit', 'click', 'menu-header'); trackNavbarGA4('Brand kit', 'https://wepik.com/brand-kit');"> Brand kit </a> </li> <li class="relative group hover:text-neutral-600"> <a href="/blog/" target="_blank" class="font-semibold trext-lg xl:text-base h-10 xl:h-20 w-full flex items-center xl:px-3 2xl:px-2 whitespace-nowrap relative xl:font-semibold" onclick="trackNavbarGA4('Blog', 'https://www.wepik.com/blog/');">Blog </a> </li> <li class="relative group hover:text-neutral-600"> <a href="https://support.wepik.com/s/?language=en" target="_blank" class="font-semibold trext-lg xl:text-base h-10 xl:h-20 w-full flex items-center xl:px-3 2xl:px-2 whitespace-nowrap relative xl:font-semibold" onclick="trackNavbarGA4('Support Center', 'https://support.wepik.com/s/?language=en');"> Support Center </a> </li> </div> </nav> </div> <div class="flex items-center justify-end gap-2 sm:gap-3 xl:gap-4 w-1/2 "> <div x-data="{ openLang: false }" class="relative"> <button @click="openLang = true" class="text-sm uppercase font-semibold flex items-center focus:outline-none text-neutral-700 hover:text-neutral-900" > <svg class="fill-current h-3 w-3 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><use href="#icon-096362fd499aba1efa691d2077e0a30f"></use></svg> en <svg class="fill-current h-4 w-4 ml-1" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><use href="#icon-cdf82d1329929447f3ea64ae84ae9e40"></use></svg> </button> <div x-cloak x-show="openLang" @click.outside="openLang = false" class="absolute left-0 top-full bg-white w-28 lg:w-40 rounded-sm mt-2 py-2 shadow-xl z-40"> <a href="https://wepik.com/es/plantillas/gafetes?page=8" class="block font-semibold text-neutral-700 py-2 px-4 text-left hover:text-neutral-900">Español</a> <a href="https://wepik.com/templates/id-cards?page=8" class="block font-semibold text-neutral-700 py-2 px-4 text-left hover:text-neutral-900">Español (España)</a> <a href="https://wepik.com/templates/id-cards?page=8" class="block font-semibold text-neutral-700 py-2 px-4 text-left hover:text-neutral-900">Português (Brasil)</a> <a href="https://wepik.com/templates/id-cards?page=8" class="block font-semibold text-neutral-700 py-2 px-4 text-left hover:text-neutral-900">Français</a> <a href="https://wepik.com/templates/id-cards?page=8" class="block font-semibold text-neutral-700 py-2 px-4 text-left hover:text-neutral-900">Deutsch</a> <a href="https://wepik.com/templates/id-cards?page=8" class="block font-semibold text-neutral-700 py-2 px-4 text-left hover:text-neutral-900">한국어</a> <a href="https://wepik.com/templates/id-cards?page=8" class="block font-semibold text-neutral-700 py-2 px-4 text-left hover:text-neutral-900">Nederlands</a> <a href="https://wepik.com/templates/id-cards?page=8" class="block font-semibold text-neutral-700 py-2 px-4 text-left hover:text-neutral-900">日本語</a> <a href="https://wepik.com/templates/id-cards?page=8" class="block font-semibold text-neutral-700 py-2 px-4 text-left hover:text-neutral-900">Polski</a> <a href="https://wepik.com/templates/id-cards?page=8" class="block font-semibold text-neutral-700 py-2 px-4 text-left hover:text-neutral-900">Русский</a> <a href="https://wepik.com/templates/id-cards?page=8" class="block font-semibold text-neutral-700 py-2 px-4 text-left hover:text-neutral-900">Italiano</a> </div> </div> <div wire:id="kvHQZsGoZCiR2hDR3lDa" wire:initial-data="{"fingerprint":{"id":"kvHQZsGoZCiR2hDR3lDa","name":"start-blank-canvas-button","locale":"en","path":"templates\/id-cards","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"24bd1501","data":{"visible":false,"customSize":false,"artboards":null,"suggestedArtboards":null,"artboardSearch":"","category":null,"width":"640","height":"480","unit":"px","action":"","isPortrait":true,"inverse":false},"dataMeta":[],"checksum":"99d495a979b301cbb1447130180f6023f77087db697fae2a282db78c1394c6bd"}}" x-data="{ marginLeft: $refs.blankModalButton.getBoundingClientRect().left }" class="relative" :style="`--left: ${marginLeft}px`" > <button @click="trackAnalytic(window.location.pathname.includes('my-creations') ? 'Creations' : 'Home', 'click_detail', 'create-new-project');document.dispatchEvent(new CustomEvent('create-new-project'));" x-ref="blankModalButton" x-on:resize.window="marginLeft = $refs.blankModalButton.getBoundingClientRect().left" wire:click="showModal" class="flex font-semibold bg-neutral-900 text-white whitespace-nowrap hover:border-malaga-red-800 items-center justify-center h-9 sm:h-10 xl:h-12 px-3 sm:px-4 xl:px-6 rounded hover:bg-neutral-800" aria-label="Create a new project" > <svg class="fill-current h-4 w-4 lg:mr-2" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><use href="#icon-c298ed1ae0c2d602987f6cde91bbc700"></use></svg> <span class="hidden lg:block" > New project </span> </button> </div> <script> // Cerrar al ahcer click fuera document.addEventListener('click', () => { const isClickInside = document.querySelector('#tooltip')?.contains(event.target); if (!isClickInside && window.livewire.find('kvHQZsGoZCiR2hDR3lDa').visible) { window.livewire.find('kvHQZsGoZCiR2hDR3lDa').set('visible', false); } }); // Para abrirlo si se usa desde una landing document.addEventListener('create-new-project', () => { if (window.livewire.find('kvHQZsGoZCiR2hDR3lDa').inverse) return; window.livewire.find('kvHQZsGoZCiR2hDR3lDa').showModal(); }); </script>  <button onclick="trackAnalytic('login', 'click', window.location.pathname ? window.location.pathname : 'home'); window.location.href = 'https://wepik.com/login' + (window.APPEND_LOGIN || '');" class="shrink-0 border border-neutral-300 bg-white text-neutral-900 font-semibold hover:border-neutral-900 flex items-center justify-center h-9 sm:h-10 w-10 xl:w-auto xl:h-12 xl:px-6 rounded" aria-label="Log in"> <svg class="fill-current h-4 w-4" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><use href="#icon-615abb85fd8e7ac39d85672074cc3ed4"></use></svg> <span class="hidden xl:block xl:ml-2 whitespace-nowrap">Log in</span> </button> <span class="sr-only">Open menu</span> <button @click="menuOpen = !menuOpen" class="shrink-0 flex items-center justify-center h-10 w-10 rounded nav-button xl:hidden" :class="{ 'text-neutral-900 bg-offwhite-300': menuOpen, 'bg-white text-neutral-600 hover:text-neutral-900 hover:border-offwhite-300': !menuOpen }" aria-label="open menu"> <svg class="fill-current h-5 w-5 fill-current" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-f579370980e4df4fab313d4c51c06e58"></use></svg> </button> </div> </header> <div class="relative flex px-2 justify-center items-center py-3.5 sm:py-0 sm:px-6 sm:h-14 bg-neutral-900"> <div class="leading-snug flex flex-col sm:flex-row items-center gap-2 sm:gap-4"> <p class="hidden sm:flex text-malaga-red-700 font-semibold items-center gap-2"> <svg class="fill-current h-5 w-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 18"><use href="#icon-0145787dbf43750d9370b991f36d530c"></use></svg> New! </p> <p class="text-neutral-100 text-sm sm:text-base sm:flex items-center gap-2"> Unleash your writing's full potential - <strong>say hello to the AI Writer</strong> </p> <button onclick="window.location.href=`https://wepik.com/ai-writer`;void(0)" class="cursor-pointer bg-white text-neutral-900 py-1.5 px-6 rounded font-semibold text-sm hover:bg-neutral-50" > Start writing </button> </div> </div> <main class="flex-1 flex flex-col"> <div class="mb-4 p-4"> <div class="bg-offwhite-300 rounded-lg pl-6 flex items-center justify-between"> <div class="lg:w-2/3 xl:w-4/6 2xl:w-3/6 py-6 sm:pr-12 lg:pr-0"> <div class="text-neutral-600 mb-4 text-sm"> <a href="https://wepik.com/" class="hover:text-neutral-900 font-semibold">Home</a> / <a href="https://wepik.com/id-cards" class="hover:text-neutral-900 font-semibold">ID Cards</a> / <span> ID Cards Templates </span> <script type="application/ld+json"> {"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wepik.com\/"},{"@type":"ListItem","position":2,"name":"ID Cards","item":"https:\/\/wepik.com\/id-cards"},{"@type":"ListItem","position":3,"name":"ID Cards Templates"}]} </script> </div> <h1 class="font-semibold text-neutral-900 font-display text-2xl lg:text-3xl mb-2"> Free online editable ID Card templates - Page 8 </h1> <p class="text-neutral-700 sm:text-lg">Get a professional ID Card with our collection of ready-made templates. Select the perfect design and customize it with our online editor to suit your business or project. Join us now!</p> </div> <div class="hidden sm:block w-64 h-64 relative mockups shrink-0"> <img loading="lazy" src="https://content.wepik.com/statics/13819116/preview-page0.jpg" class="absolute id-cards z-10" alt="ID Cards templates to desing online" /> <img alt="mask image" src="/images/mockups/id-cards.svg" loading="lazy" class="absolute bottom-0 left-0 w-full"/> </div> </div> </div> <div class="flex w-full" x-data="{ menuOpen: false }"> <div class="w-auto fixed z-50 lg:z-0 lg:relative lg:w-[17rem] lg:border-r border-neutral-100 shrink-0"> <div class="transition-opacity duration-300 fixed top-0 left-0 right-0 bottom-0 bg-neutral-900/50 z-50 overflow-auto lg:pointer-events-auto lg:opacity-100 lg:max-h-[calc(100vh-80px)] lg:sticky lg:top-24 lg:bg-transparent" :class="{'opacity-0 pointer-events-none' : !menuOpen, 'opacity-100 pointer-events-all' : menuOpen}" x-cloak > <div class="w-5/6 bg-white overflow-auto lg:overflow-visible h-screen mr-auto lg:bg-transparent lg:h-auto lg:w-full" > <nav class="flex flex-col gap-2 lg:!flex px-4 py-6 lg:pt-0" x-show="menuOpen" @click.outside="menuOpen = false" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="-translate-x-16" x-transition:enter-end="translate-x-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="translate-x-0" x-transition:leave-end="-translate-x-16" > <div open x-cloak x-data="accordion(1,1 )"> <button @click="handleClick()" class="py-2 text-neutral-900 flex items-center pl-4 pr-2 h-10 font-semibold rounded cursor-pointer w-full bg-neutral-50" > <svg class="fill-current h-4 w-4 mr-2" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.95219 12.1955H1.81275C0.813199 12.1955 0 11.3823 0 10.3827V3.9126C0 2.91305 0.813199 2.09985 1.81275 2.09985H8.95219C9.13712 2.09985 9.31443 2.17331 9.4452 2.30405L13.7958 6.65465C14.0681 6.92692 14.0681 7.36837 13.7958 7.64065L9.4452 11.9912C9.31443 12.122 9.13712 12.1955 8.95219 12.1955ZM1.81268 3.49422C1.58201 3.49422 1.39435 3.68188 1.39435 3.91255V10.3827C1.39435 10.6133 1.58201 10.801 1.81268 10.801H8.66334L12.3167 7.14761L8.66334 3.49422H1.81268ZM8.61754 7.14777C8.61754 7.6091 8.99286 7.98443 9.4542 7.98443C9.91553 7.98443 10.2908 7.6091 10.2908 7.14777C10.2908 6.68644 9.91553 6.31112 9.4542 6.31112C8.99286 6.31112 8.61754 6.68644 8.61754 7.14777Z"/></svg> <span class="flex-1 leading-5 pr-2 text-left">Branding</span> <div :class="handleRotate()" class="transition-all duration-300"> <svg class="fill-current caret h-4 w-4" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><use href="#icon-cdf82d1329929447f3ea64ae84ae9e40"></use></svg> </div> </button> <ul x-ref="tab" :style="handleToggle()" class="duration-300 transition-all overflow-hidden max-h-0"> <li> <a href="https://wepik.com/templates/stickers" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Stickers</a> </li> <li> <a href="https://wepik.com/templates/business-cards" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Business Cards</a> </li> <li> <a href="https://wepik.com/templates/logos" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Logos</a> </li> <li> <a href="https://wepik.com/templates/letterheads" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Letterheads</a> </li> <li> <a href="https://wepik.com/templates/id-cards" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4 text-neutral-900 font-semibold" >ID Cards</a> </li> <li> <a href="https://wepik.com/templates/coasters" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Coasters</a> </li> <li> <a href="https://wepik.com/templates/t-shirts" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >T-shirts</a> </li> <li> <a href="https://wepik.com/templates/table-of-contents" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Table of Contents</a> </li> <li> <a href="https://wepik.com/templates/press-releases" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Press Releases</a> </li> </ul> </div> <div x-cloak x-data="accordion(2, )"> <button @click="handleClick()" class="py-2 text-neutral-900 flex items-center pl-4 pr-2 h-10 font-semibold rounded cursor-pointer w-full hover:bg-neutral-50" > <svg class="fill-current h-4 w-4 mr-2" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="M13.4367 0.412921C13.2562 0.284405 13.0238 0.251593 12.8133 0.328155L4.47617 3.29495H2.05078C1.07188 3.29495 0.273438 4.09339 0.273438 5.0723V7.2598C0.273438 8.09925 0.858594 8.80198 1.64062 8.98792V11.6621C1.64062 12.7942 2.55937 13.7129 3.69141 13.7129C4.82344 13.7129 5.74219 12.7942 5.74219 11.6621V9.48831L12.8133 12.0067C12.8871 12.034 12.9664 12.045 13.043 12.045C13.1824 12.045 13.3191 12.0012 13.4367 11.9192C13.6172 11.7907 13.7266 11.5828 13.7266 11.3614V0.970733C13.7266 0.749249 13.6199 0.541436 13.4367 0.412921ZM1.64062 5.0723C1.64062 4.84534 1.82383 4.66214 2.05078 4.66214H4.375V7.66995H2.05078C1.82383 7.66995 1.64062 7.48675 1.64062 7.2598V5.0723ZM3.69141 12.3457C3.31406 12.3457 3.00781 12.0395 3.00781 11.6621V9.03714H4.375V11.6621C4.375 12.0395 4.06875 12.3457 3.69141 12.3457ZM12.3594 10.3934L5.74219 8.03909V4.29573L12.3594 1.94144V10.3934Z" /></svg> <span class="flex-1 leading-5 pr-2 text-left">Marketing & events</span> <div :class="handleRotate()" class="transition-all duration-300"> <svg class="fill-current caret h-4 w-4" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><use href="#icon-cdf82d1329929447f3ea64ae84ae9e40"></use></svg> </div> </button> <ul x-ref="tab" :style="handleToggle()" class="duration-300 transition-all overflow-hidden max-h-0"> <li> <a href="https://wepik.com/templates/brochures" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Brochures</a> </li> <li> <a href="https://wepik.com/templates/presentations" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Presentations</a> </li> <li> <a href="https://wepik.com/templates/posters" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Posters</a> </li> <li> <a href="https://wepik.com/templates/flyers" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Flyers</a> </li> <li> <a href="https://wepik.com/templates/menus" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Menus</a> </li> <li> <a href="https://wepik.com/templates/price-list" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Price Lists</a> </li> <li> <a href="https://wepik.com/templates/labels" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Labels</a> </li> <li> <a href="https://wepik.com/templates/gift-certificates" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Gift Certificates</a> </li> <li> <a href="https://wepik.com/templates/loyalty-cards" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Loyalty Cards</a> </li> <li> <a href="https://wepik.com/templates/gift-tags" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Gift Tags</a> </li> <li> <a href="https://wepik.com/templates/rack-cards" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Rack Cards</a> </li> <li> <a href="https://wepik.com/templates/newsletters" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Newsletters</a> </li> <li> <a href="https://wepik.com/templates/customer-review" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Customer Reviews</a> </li> </ul> </div> <div x-cloak x-data="accordion(3, )"> <button @click="handleClick()" class="py-2 text-neutral-900 flex items-center pl-4 pr-2 h-10 font-semibold rounded cursor-pointer w-full hover:bg-neutral-50" > <svg class="fill-current h-4 w-4 mr-2" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"> <path d="M11.9498 2.05023C10.6276 0.728137 8.86977 0 7 0C5.13023 0 3.37239 0.728137 2.05023 2.05023C0.728137 3.37236 0 5.13023 0 7C0 8.86977 0.728137 10.6276 2.05023 11.9498C3.37239 13.2719 5.13023 14 7 14C8.86977 14 10.6276 13.2719 11.9498 11.9498C13.2719 10.6276 14 8.86977 14 7C14 5.13023 13.2719 3.37236 11.9498 2.05023ZM7 12.4019C6.22735 11.6834 5.62707 10.8211 5.22651 9.87109H8.77355C8.37296 10.8211 7.77268 11.6835 7 12.4019ZM4.80192 8.50391C4.70094 8.01459 4.64844 7.5113 4.64844 7C4.64844 6.4887 4.70096 5.98541 4.80192 5.49609H9.19808C9.29906 5.98541 9.35156 6.4887 9.35156 7C9.35156 7.5113 9.29904 8.01459 9.19808 8.50391H4.80192ZM1.36719 7C1.36719 6.47932 1.43853 5.97505 1.57136 5.49609H3.40985C3.32492 5.98787 3.28125 6.49061 3.28125 7C3.28125 7.50939 3.32492 8.01213 3.40985 8.50391H1.57136C1.43853 8.02495 1.36719 7.52068 1.36719 7ZM7.00001 1.59798C7.77267 2.31647 8.37297 3.17881 8.7735 4.12884H5.22652C5.62706 3.17883 6.22736 2.31647 7.00001 1.59798ZM10.5901 5.49609H12.4286C12.5614 5.97505 12.6328 6.47932 12.6328 7C12.6328 7.52068 12.5614 8.02495 12.4286 8.50391H10.5901C10.6751 8.01213 10.7187 7.50939 10.7187 7C10.7187 6.49061 10.675 5.98787 10.5901 5.49609ZM11.8442 4.12901H10.238C9.93778 3.26172 9.50159 2.44693 8.94318 1.71286C10.1641 2.16304 11.1874 3.02487 11.8442 4.12901ZM5.05678 1.71286C4.49834 2.44693 4.06215 3.26172 3.76192 4.12901H2.15569C2.81257 3.02487 3.8358 2.16304 5.05678 1.71286ZM2.15569 9.87109H3.76192C4.06218 10.7384 4.49834 11.5532 5.05678 12.2872C3.8358 11.8371 2.81257 10.9752 2.15569 9.87109ZM8.94318 12.2872C9.50162 11.5532 9.93781 10.7384 10.238 9.87109H11.8442C11.1874 10.9752 10.1642 11.8371 8.94318 12.2872Z"/> </svg> <span class="flex-1 leading-5 pr-2 text-left">Social media</span> <div :class="handleRotate()" class="transition-all duration-300"> <svg class="fill-current caret h-4 w-4" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><use href="#icon-cdf82d1329929447f3ea64ae84ae9e40"></use></svg> </div> </button> <ul x-ref="tab" :style="handleToggle()" class="duration-300 transition-all overflow-hidden max-h-0"> <li> <a href="https://wepik.com/templates/facebook-posts" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Facebook Posts</a> </li> <li> <a href="https://wepik.com/templates/blog-graphics" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Blog Graphics</a> </li> <li> <a href="https://wepik.com/templates/instagram-posts" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Instagram Posts</a> </li> <li> <a href="https://wepik.com/templates/instagram-stories" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Instagram Stories</a> </li> <li> <a href="https://wepik.com/templates/twitter-posts" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Twitter Posts</a> </li> <li> <a href="https://wepik.com/templates/youtube-thumbnails" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >YouTube Thumbnails</a> </li> <li> <a href="https://wepik.com/templates/linkedin-posts" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >LinkedIn Posts</a> </li> <li> <a href="https://wepik.com/templates/facebook-stories" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Facebook Stories</a> </li> <li> <a href="https://wepik.com/templates/instagram-reel-covers" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Instagram Reel Covers</a> </li> <li> <a href="https://wepik.com/templates/podcast-covers" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Podcast Covers</a> </li> <li> <a href="https://wepik.com/templates/notion-cover" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Notion Covers</a> </li> <li> <a href="https://wepik.com/templates/profile-picture" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Profile Pictures</a> </li> <li> <a href="https://wepik.com/templates/twitch-backgrounds" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Twitch Background</a> </li> <li> <a href="https://wepik.com/templates/facebook-ads" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Facebook Ads</a> </li> </ul> </div> <div x-cloak x-data="accordion(4, )"> <button @click="handleClick()" class="py-2 text-neutral-900 flex items-center pl-4 pr-2 h-10 font-semibold rounded cursor-pointer w-full hover:bg-neutral-50" > <svg class="fill-current h-4 w-4 mr-2" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="M12.2166 10.7436H1.78223C0.80332 10.7436 0.00488281 9.94512 0.00488281 8.96621V5.03418C0.00488281 4.05527 0.80332 3.25684 1.78223 3.25684H12.2166C13.1955 3.25684 13.9939 4.05527 13.9939 5.03418V8.96621C13.9939 9.94512 13.1955 10.7436 12.2166 10.7436ZM1.78223 4.62402C1.55527 4.62402 1.37207 4.80723 1.37207 5.03418V8.96621C1.37207 9.19316 1.55527 9.37637 1.78223 9.37637H12.2166C12.4436 9.37637 12.6268 9.19316 12.6268 8.96621V5.03418C12.6268 4.80723 12.4436 4.62402 12.2166 4.62402H1.78223Z"/></svg> <span class="flex-1 leading-5 pr-2 text-left">Banners & headers</span> <div :class="handleRotate()" class="transition-all duration-300"> <svg class="fill-current caret h-4 w-4" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><use href="#icon-cdf82d1329929447f3ea64ae84ae9e40"></use></svg> </div> </button> <ul x-ref="tab" :style="handleToggle()" class="duration-300 transition-all overflow-hidden max-h-0"> <li> <a href="https://wepik.com/templates/banners" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Banners</a> </li> <li> <a href="https://wepik.com/templates/blog-banners" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Blog Banners</a> </li> <li> <a href="https://wepik.com/templates/youtube-banners" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >YouTube Banners</a> </li> <li> <a href="https://wepik.com/templates/twitter-headers" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Twitter Headers</a> </li> <li> <a href="https://wepik.com/templates/facebook-headers" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Facebook Headers & Covers</a> </li> <li> <a href="https://wepik.com/templates/linkedin-banners" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >LinkedIn Banners</a> </li> <li> <a href="https://wepik.com/templates/email-banners" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Email Banners</a> </li> <li> <a href="https://wepik.com/templates/twitch-banner" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Twitch Banners</a> </li> <li> <a href="https://wepik.com/templates/discord-banners" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Discord Banners</a> </li> </ul> </div> <div x-cloak x-data="accordion(5, )"> <button @click="handleClick()" class="py-2 text-neutral-900 flex items-center pl-4 pr-2 h-10 font-semibold rounded cursor-pointer w-full hover:bg-neutral-50" > <svg class="fill-current h-4 w-4 mr-2" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"> <path d="M12.1504 2.6748H9.73171V1.84959C9.73171 0.830894 8.90081 0 7.88211 0H6.11789C5.09919 0 4.26829 0.830894 4.26829 1.84959V2.6748H1.84959C0.830894 2.6748 0 3.50569 0 4.52439V12.1504C0 13.1691 0.830894 14 1.84959 14H12.1504C13.1691 14 14 13.1691 14 12.1504V4.52439C14 3.50569 13.1691 2.6748 12.1504 2.6748ZM5.69112 1.84958C5.69112 1.6134 5.88177 1.42275 6.11795 1.42275H7.88218C8.11836 1.42275 8.30901 1.6134 8.30901 1.84958V2.67478H5.69112V1.84958ZM1.42276 4.52452C1.42276 4.28834 1.61341 4.09769 1.84959 4.09769H12.1504C12.3866 4.09769 12.5772 4.28834 12.5772 4.52452V6.00419C12.5772 6.86639 11.8744 7.56923 11.0122 7.56923H2.9878C2.12561 7.56923 1.42276 6.86639 1.42276 6.00419V4.52452ZM12.1504 12.5772H1.84959C1.61341 12.5772 1.42276 12.3866 1.42276 12.1504V8.54797C1.87805 8.82968 2.41301 8.99187 2.9878 8.99187H6.28862V9.4187C6.28862 9.81138 6.60732 10.1301 7 10.1301C7.39268 10.1301 7.71138 9.81138 7.71138 9.4187V8.99187H11.0122C11.587 8.99187 12.122 8.82968 12.5772 8.54797V12.1504C12.5772 12.3866 12.3866 12.5772 12.1504 12.5772Z" /> </svg> <span class="flex-1 leading-5 pr-2 text-left">Business organization</span> <div :class="handleRotate()" class="transition-all duration-300"> <svg class="fill-current caret h-4 w-4" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><use href="#icon-cdf82d1329929447f3ea64ae84ae9e40"></use></svg> </div> </button> <ul x-ref="tab" :style="handleToggle()" class="duration-300 transition-all overflow-hidden max-h-0"> <li> <a href="https://wepik.com/templates/calendars" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Calendars</a> </li> <li> <a href="https://wepik.com/templates/invoices" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Invoices</a> </li> <li> <a href="https://wepik.com/templates/diagrams" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Diagrams</a> </li> <li> <a href="https://wepik.com/templates/infographics" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Infographics</a> </li> <li> <a href="https://wepik.com/templates/timelines" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Timelines</a> </li> <li> <a href="https://wepik.com/templates/schedules" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Schedules</a> </li> <li> <a href="https://wepik.com/templates/checklists" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Checklists</a> </li> <li> <a href="https://wepik.com/templates/signs" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Signs</a> </li> <li> <a href="https://wepik.com/templates/proposals" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Proposals</a> </li> <li> <a href="https://wepik.com/templates/reports" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Reports</a> </li> </ul> </div> <div x-cloak x-data="accordion(6, )"> <button @click="handleClick()" class="py-2 text-neutral-900 flex items-center pl-4 pr-2 h-10 font-semibold rounded cursor-pointer w-full hover:bg-neutral-50" > <svg class="fill-current h-4 w-4 mr-2" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1701 16H0.829876C0.371552 16 0 15.6284 0 15.1701C0 13.3962 0.568664 11.7159 1.64455 10.3108C2.38148 9.34832 3.3362 8.56285 4.41222 8.02012C3.63585 7.14944 3.18672 6.01062 3.18672 4.81328C3.18672 2.15924 5.34596 0 8 0C10.654 0 12.8133 2.15924 12.8133 4.81328C12.8133 6.01062 12.3641 7.14944 11.5878 8.02012C12.6638 8.56282 13.6186 9.34832 14.3555 10.3107C15.4313 11.7159 16 13.3962 16 15.1701C16 15.6284 15.6284 16 15.1701 16ZM1.71476 14.3402H14.2853C13.9564 11.8711 12.1814 9.7685 9.74447 9.0728C9.4234 8.98114 9.18852 8.70596 9.14842 8.37444C9.10832 8.04292 9.27084 7.7197 9.5608 7.55412C10.5432 6.99316 11.1535 5.9429 11.1535 4.81328C11.1535 3.07442 9.73886 1.65975 8 1.65975C6.26115 1.65975 4.84647 3.07442 4.84647 4.81328C4.84647 5.9429 5.4568 6.99313 6.4392 7.55412C6.72916 7.7197 6.89165 8.04295 6.85159 8.37444C6.81149 8.70592 6.5766 8.98111 6.25554 9.0728C3.81866 9.7685 2.04362 11.8711 1.71476 14.3402Z" /> </svg> <span class="flex-1 leading-5 pr-2 text-left">Personal</span> <div :class="handleRotate()" class="transition-all duration-300"> <svg class="fill-current caret h-4 w-4" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><use href="#icon-cdf82d1329929447f3ea64ae84ae9e40"></use></svg> </div> </button> <ul x-ref="tab" :style="handleToggle()" class="duration-300 transition-all overflow-hidden max-h-0"> <li> <a href="https://wepik.com/templates/vision-boards" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Vision Board</a> </li> <li> <a href="https://wepik.com/templates/book-covers" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Book Covers</a> </li> <li> <a href="https://wepik.com/templates/cd-covers" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >CD Covers</a> </li> <li> <a href="https://wepik.com/templates/invitations" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Invitations</a> </li> <li> <a href="https://wepik.com/templates/postcards-and-cards" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Postcards & Cards</a> </li> <li> <a href="https://wepik.com/templates/desktop-wallpapers" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Desktop Wallpapers</a> </li> <li> <a href="https://wepik.com/templates/mobile-wallpapers" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Mobile Wallpapers</a> </li> <li> <a href="https://wepik.com/templates/photo-collages" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Photo Collages</a> </li> <li> <a href="https://wepik.com/templates/meme" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Memes</a> </li> <li> <a href="https://wepik.com/templates/cover-letters" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Cover Letters</a> </li> <li> <a href="https://wepik.com/templates/zoom-background" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Zoom Background</a> </li> <li> <a href="https://wepik.com/templates/name-tag" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Name Tags</a> </li> <li> <a href="https://wepik.com/templates/resumes" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Resumes</a> </li> <li> <a href="https://wepik.com/templates/raffle-ticket" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Raffle Tickets</a> </li> <li> <a href="https://wepik.com/templates/recipes" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Recipes</a> </li> <li> <a href="https://wepik.com/templates/magazine-covers" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Magazine Covers</a> </li> <li> <a href="https://wepik.com/templates/lists" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Lists</a> </li> </ul> </div> <div x-cloak x-data="accordion(7, )"> <button @click="handleClick()" class="py-2 text-neutral-900 flex items-center pl-4 pr-2 h-10 font-semibold rounded cursor-pointer w-full hover:bg-neutral-50" > <svg class="fill-current h-4 w-4 mr-2" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="M14.0109 5.24448C14.0109 5.24175 14.0109 5.23628 14.0109 5.23354C14.0109 5.22261 14.0082 5.20893 14.0082 5.198C14.0082 5.19526 14.0082 5.19253 14.0082 5.18979C14.0027 5.15972 13.9973 5.13237 13.9891 5.10229V5.09956C13.9781 5.05581 13.959 5.01479 13.9398 4.97378C13.9398 4.97378 13.9398 4.97104 13.9371 4.97104C13.9234 4.94643 13.9098 4.91909 13.8934 4.89722C13.8906 4.89448 13.8906 4.89175 13.8879 4.89175C13.8824 4.88354 13.8742 4.87261 13.866 4.8644C13.8633 4.86167 13.8633 4.85893 13.8605 4.8562C13.8523 4.84526 13.8441 4.83433 13.8332 4.82612C13.8305 4.82339 13.8277 4.82065 13.8277 4.82065C13.8195 4.81245 13.8141 4.80425 13.8059 4.79878C13.8031 4.79604 13.8004 4.79331 13.7977 4.79058C13.7895 4.78237 13.7813 4.77417 13.7703 4.76597L13.7676 4.76323C13.7566 4.75503 13.7457 4.74683 13.7348 4.73862C13.732 4.73589 13.7293 4.73589 13.7266 4.73315C13.7156 4.72495 13.7047 4.71948 13.6937 4.71128L13.691 4.70854C13.6773 4.70034 13.6637 4.69214 13.65 4.68667L7.33359 1.35073C7.13398 1.24409 6.89609 1.24409 6.69375 1.35073L0.377344 4.68667C0.153125 4.80425 0.0136719 5.03667 0.0136719 5.29097C0.0136719 5.54526 0.153125 5.77768 0.377344 5.89526L2.47461 6.99995V10.2648C2.47461 10.3851 2.50469 10.5027 2.56484 10.6066C2.61406 10.6941 3.83633 12.7531 6.95898 12.7531C10.4809 12.7531 11.4543 10.6312 11.4953 10.541C11.5336 10.4535 11.5527 10.3605 11.5527 10.2648V6.99995L12.6465 6.423V10.2101C12.6465 10.5874 12.9527 10.8937 13.3301 10.8937C13.7074 10.8937 14.0137 10.5874 14.0137 10.2101V5.28823C14.0137 5.27183 14.0137 5.25815 14.0109 5.24448ZM10.1855 10.0871C9.975 10.4042 9.14922 11.3859 6.95898 11.3859C5.05039 11.3859 4.12344 10.4179 3.8418 10.0515V7.72182L6.69375 9.22847C6.79492 9.28042 6.9043 9.30776 7.01367 9.30776C7.12305 9.30776 7.23242 9.28042 7.33359 9.22847L10.1855 7.72182V10.0871ZM7.01367 7.85034L2.16016 5.28823L7.01367 2.72612L11.8672 5.28823L7.01367 7.85034Z"/></svg> <span class="flex-1 leading-5 pr-2 text-left">Education</span> <div :class="handleRotate()" class="transition-all duration-300"> <svg class="fill-current caret h-4 w-4" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><use href="#icon-cdf82d1329929447f3ea64ae84ae9e40"></use></svg> </div> </button> <ul x-ref="tab" :style="handleToggle()" class="duration-300 transition-all overflow-hidden max-h-0"> <li> <a href="https://wepik.com/templates/worksheets" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Worksheets</a> </li> <li> <a href="https://wepik.com/templates/certificates" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Certificates</a> </li> <li> <a href="https://wepik.com/templates/lesson-plans" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Lesson Plans</a> </li> <li> <a href="https://wepik.com/templates/planners" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Planners</a> </li> <li> <a href="https://wepik.com/templates/school-schedule" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >School Schedules</a> </li> <li> <a href="https://wepik.com/templates/storyboard" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Storyboards</a> </li> <li> <a href="https://wepik.com/templates/bookmarks" class="block font-sm text-neutral-800 hover:text-neutral-900 py-2 px-4" >Bookmarks</a> </li> </ul> </div> </nav> </div> </div> <script> document.addEventListener('alpine:init', () => { Alpine.store('accordion', { tab: 0 }); Alpine.data('accordion', (idx, shouldOpen) => ({ init() { this.idx = idx; this.$nextTick(() => { if(shouldOpen) this.handleClick() }); }, idx: -1, handleClick() { this.$store.accordion.tab = this.$store.accordion.tab === this.idx ? 0 : this.idx; }, handleRotate() { return this.$store.accordion.tab === this.idx ? 'rotate-180' : ''; }, handleToggle() { return this.$store.accordion.tab === this.idx ? `max-height: ${this.$refs.tab.scrollHeight}px` : ''; }, })); }) </script> </div> <div class="px-6 pb-6 flex-1 min-w-0"> <div class="sticky top-16 bg-white/95 backdrop-blur -mx-6 py-2 px-6 z-40 mb-6 flex items-center lg:relative lg:p-0 lg:mx-0 lg:top-0"> <button @click="menuOpen = !menuOpen" class="h-12 w-12 border-2 border-r-0 bg-white border-neutral-200 flex items-center justify-center rounded-tl rounded-bl text-neutral-700 shrink-0 lg:hidden" aria-label="open menu"> <svg class="fill-current h-4 w-4" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-f579370980e4df4fab313d4c51c06e58"></use></svg> </button> <form action="https://wepik.com/search#page=8&rs=category" class="border-2 border-neutral-100 bg-white p-1 flex items-center rounded-tr roundede-br lg:rounded hover:border-neutral-300 relative text-base w-full" x-data="{showSuggestions: false, tag: true, search: '' }" x-on:click.away="showSuggestions = false" > <template x-if="tag"> <div class="hidden sm:block"> <input type="hidden" name="tag" value="id-cards" > <span class="bg-neutral-50 hover:bg-neutral-100 rounded py-1 px-2 text-sm text-neutral-900 font-semibold ml-2 flex items-center justify-center gap-2 cursor-pointer" x-on:click="tag = false"> ID Cards <svg class="fill-current h-2 w-2" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.8607 9.00003V9.00003L17.5969 2.26387C18.1107 1.75003 18.1107 0.916924 17.5969 0.403082C17.083 -0.11076 16.2499 -0.11076 15.7361 0.403082L8.99991 7.13919L2.26375 0.403082C1.74985 -0.11076 0.916802 -0.11076 0.40296 0.403082C-0.110882 0.916924 -0.110882 1.75003 0.40296 2.26387L7.13906 8.99998V8.99998L0.40296 15.7361C-0.110882 16.25 -0.110882 17.0831 0.40296 17.5969C0.916854 18.1108 1.74991 18.1108 2.26375 17.5969L8.99985 10.8608L15.736 17.597C16.2499 18.1108 17.083 18.1108 17.5968 17.597C18.1106 17.0831 18.1106 16.25 17.5968 15.7362L10.8607 9.00003Z" /> </svg> </span> </div> </template> <input x-data="{ search: '' }" x-on:focus="showSuggestions = true" x-on:keydown.delete="search === '' ? tag = false : null;" x-on:keydown.backspace="search === '' ? tag = false : null;" class="h-9 lg:h-12 text-neutral-900 placeholder-neutral-600 flex-1 px-3 focus:outline-none border-0 focus:ring-0 text-sm lg:text-base" name="q" x-model="search" type="search" autocomplete="off" placeholder="Search for free templates here" :x-value="search" data-testid="search-bar" /> <button class="w-9 h-9 lg:h-12 lg:w-12 flex items-center justify-center bg-neutral-900 hover:bg-neutral-800 text-white font-semibold rounded" aria-label="To search"> <svg class="fill-current h-4 w-4 lg:h-[18px] lg:w-[18px] fill-current" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-ba47d81d620bb3fcf1e5383bb3b75a01"></use></svg> </button> <div x-show="showSuggestions" > <div x-cloak x-data="autocomplete" class="absolute top-full left-0 w-full bg-white rounded shadow-xl z-30 overflow-hidden border border-neutral-200 mt-1 py-2" x-show="suggestions.length > 0" > <div class="flex flex-col" x-ref="list" x-on:keydown.prevent.arrow-up="move(-1)" x-on:keydown.prevent.arrow-down="move(1)"> <template x-for="(tag, index) in suggestions" :key="tag.name"> <a x-bind:tabindex="index" class="py-2 px-4 hover:bg-neutral-100 hover:text-malaga-red-700 focus:bg-neutral-100 focus:text-malaga-red-700 text-left text-neutral-700 focus:outline-none" :href="tag.url" x-text="tag.name" ></a> </template> </div> </div> </div> <script> const allTags = [{"name":"Baby Shower Invitation","url":"https:\/\/wepik.com\/templates\/baby-shower-invitation","featured":false},{"name":"Profile Pictures","url":"https:\/\/wepik.com\/templates\/profile-picture","featured":false},{"name":"Bakery Brochure","url":"https:\/\/wepik.com\/templates\/bakery-brochure","featured":false},{"name":"DJ Flyer","url":"https:\/\/wepik.com\/templates\/dj-flyer","featured":false},{"name":"Personal Trainer Instagram Post","url":"https:\/\/wepik.com\/templates\/personal-trainer-instagram-post","featured":false},{"name":"Vintage Logo","url":"https:\/\/wepik.com\/templates\/vintage-logo","featured":false},{"name":"Invoices","url":"https:\/\/wepik.com\/templates\/invoices","featured":false},{"name":"Wedding Planner Timeline","url":"https:\/\/wepik.com\/templates\/wedding-planner-timeline","featured":false},{"name":"Psychology Instagram Post","url":"https:\/\/wepik.com\/templates\/psychology-instagram-post","featured":false},{"name":"Christmas YouTube Banners","url":"https:\/\/wepik.com\/templates\/christmas-youtube-banners","featured":false},{"name":"Hairdresser Flyer","url":"https:\/\/wepik.com\/templates\/hairdresser-flyer","featured":false},{"name":"Gym Poster","url":"https:\/\/wepik.com\/templates\/gym-poster","featured":false},{"name":"Dental Banner","url":"https:\/\/wepik.com\/templates\/dental-banner","featured":false},{"name":"Fashion Posters","url":"https:\/\/wepik.com\/templates\/fashion-posters","featured":false},{"name":"Personal Trainer Logo","url":"https:\/\/wepik.com\/templates\/personal-trainer-logo","featured":false},{"name":"School ID Cards","url":"https:\/\/wepik.com\/templates\/school-id-cards","featured":false},{"name":"Psychology Poster","url":"https:\/\/wepik.com\/templates\/psychology-poster","featured":false},{"name":"T-shirts","url":"https:\/\/wepik.com\/templates\/t-shirts","featured":false},{"name":"Coffee Shop Business Card","url":"https:\/\/wepik.com\/templates\/coffee-shop-business-card","featured":false},{"name":"Kids Certificate","url":"https:\/\/wepik.com\/templates\/kids-certificate","featured":false},{"name":"Christmas T-shirt","url":"https:\/\/wepik.com\/templates\/christmas-t-shirts","featured":false},{"name":"Creative Business Card","url":"https:\/\/wepik.com\/templates\/creative-business-card","featured":false},{"name":"Thanksgiving Sign","url":"https:\/\/wepik.com\/templates\/thanksgiving-signs","featured":false},{"name":"Photo Collages","url":"https:\/\/wepik.com\/templates\/photo-collages","featured":false},{"name":"Coffee Shop Schedule","url":"https:\/\/wepik.com\/templates\/coffee-shop-schedule","featured":false},{"name":"Real Estate Invoice","url":"https:\/\/wepik.com\/templates\/real-estate-invoice","featured":false},{"name":"Diaper Raffle Ticket","url":"https:\/\/wepik.com\/templates\/diaper-raffle-ticket","featured":false},{"name":"Anti Bullying Posters","url":"https:\/\/wepik.com\/templates\/anti-bullying-posters","featured":false},{"name":"Plumber Flyers","url":"https:\/\/wepik.com\/templates\/plumber-flyers","featured":false},{"name":"Valentine's Day Gift Tag","url":"https:\/\/wepik.com\/templates\/valentines-day-gift-tag","featured":false},{"name":"Blind Resume","url":"https:\/\/wepik.com\/templates\/blind-resume","featured":false},{"name":"Table of Contents","url":"https:\/\/wepik.com\/templates\/table-of-contents","featured":false},{"name":"Worksheets","url":"https:\/\/wepik.com\/templates\/worksheets","featured":false},{"name":"Loyalty Cards","url":"https:\/\/wepik.com\/templates\/loyalty-cards","featured":false},{"name":"Halloween T-shirts","url":"https:\/\/wepik.com\/templates\/halloween-t-shirts","featured":false},{"name":"Oktoberfest Logo","url":"https:\/\/wepik.com\/templates\/oktoberfest-logos","featured":false},{"name":"Chef Poster","url":"https:\/\/wepik.com\/templates\/chef-poster","featured":false},{"name":"Handyman Invoice","url":"https:\/\/wepik.com\/templates\/handyman-invoice","featured":false},{"name":"Restaurant Business Card","url":"https:\/\/wepik.com\/templates\/restaurant-business-card","featured":false},{"name":"Holiday Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/holiday-desktop-wallpaper","featured":false},{"name":"Mechanic Logo","url":"https:\/\/wepik.com\/templates\/mechanic-logo","featured":false},{"name":"Fashion Banner","url":"https:\/\/wepik.com\/templates\/fashion-banner","featured":false},{"name":"Mechanic Instagram Post","url":"https:\/\/wepik.com\/templates\/mechanic-instagram-post","featured":false},{"name":"Holiday Postcard","url":"https:\/\/wepik.com\/templates\/holiday-postcard","featured":false},{"name":"Gym Letterhead","url":"https:\/\/wepik.com\/templates\/gym-letterhead","featured":false},{"name":"Coffee Shop Instagram Post","url":"https:\/\/wepik.com\/templates\/coffee-shop-instagram-post","featured":false},{"name":"Cleaning Services Invoice","url":"https:\/\/wepik.com\/templates\/cleaning-services-invoice","featured":false},{"name":"Social Media Calendar","url":"https:\/\/wepik.com\/templates\/social-media-calendar","featured":false},{"name":"Thank You Postcard","url":"https:\/\/wepik.com\/templates\/thank-you-postcard","featured":false},{"name":"Travel Agency Poster","url":"https:\/\/wepik.com\/templates\/travel-agency-poster","featured":false},{"name":"Hairdresser Instagram Post","url":"https:\/\/wepik.com\/templates\/hairdresser-instagram-post","featured":false},{"name":"Hairdresser Twitter Post","url":"https:\/\/wepik.com\/templates\/hairdresser-twitter-post","featured":false},{"name":"Food Pyramid","url":"https:\/\/wepik.com\/templates\/food-pyramid","featured":false},{"name":"Music Festival Flyer","url":"https:\/\/wepik.com\/templates\/music-festival-flyer","featured":false},{"name":"Proposals","url":"https:\/\/wepik.com\/templates\/proposals","featured":false},{"name":"Giveaway Instagram Post","url":"https:\/\/wepik.com\/templates\/giveaway-instagram-post","featured":false},{"name":"Car Wash Flyer","url":"https:\/\/wepik.com\/templates\/car-wash-flyer","featured":false},{"name":"Music Festival Posters","url":"https:\/\/wepik.com\/templates\/music-festival-posters","featured":false},{"name":"Mechanic Flyer","url":"https:\/\/wepik.com\/templates\/mechanic-flyer","featured":false},{"name":"Monthly Calendar","url":"https:\/\/wepik.com\/templates\/monthly-calendar","featured":false},{"name":"Black Business Card","url":"https:\/\/wepik.com\/templates\/black-business-card","featured":false},{"name":"Black Friday Signs","url":"https:\/\/wepik.com\/templates\/black-friday-signs","featured":false},{"name":"Business Letter","url":"https:\/\/wepik.com\/templates\/business-letter","featured":false},{"name":"Valentine's Day T-shirt","url":"https:\/\/wepik.com\/templates\/valentines-day-t-shirt","featured":false},{"name":"Real Estate Business Card","url":"https:\/\/wepik.com\/templates\/real-estate-business-card","featured":false},{"name":"Fast Food Menu","url":"https:\/\/wepik.com\/templates\/fast-food-menu","featured":false},{"name":"Marketing Brochure","url":"https:\/\/wepik.com\/templates\/marketing-brochures","featured":false},{"name":"Storyboards","url":"https:\/\/wepik.com\/templates\/storyboard","featured":false},{"name":"Webinar Flyer","url":"https:\/\/wepik.com\/templates\/webinar-flyers","featured":false},{"name":"Rectangle Sticker","url":"https:\/\/wepik.com\/templates\/rectangle-sticker","featured":false},{"name":"Blue Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/blue-desktop-wallpaper","featured":false},{"name":"Trucking Invoice","url":"https:\/\/wepik.com\/templates\/trucking-invoice","featured":false},{"name":"Hairdresser Facebook Post","url":"https:\/\/wepik.com\/templates\/hairdresser-facebook-post","featured":false},{"name":"Modern Instagram Story","url":"https:\/\/wepik.com\/templates\/modern-instagram-story","featured":false},{"name":"Personal Trainer Brochure","url":"https:\/\/wepik.com\/templates\/personal-trainer-brochure","featured":false},{"name":"Spa Instagram Story","url":"https:\/\/wepik.com\/templates\/spa-instagram-story","featured":false},{"name":"Simple Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/simple-desktop-wallpaper","featured":false},{"name":"Landscaping Invoice","url":"https:\/\/wepik.com\/templates\/landscaping-invoice","featured":false},{"name":"Tumblr Banner","url":"https:\/\/wepik.com\/templates\/tumblr-banner","featured":false},{"name":"Bartender Logo","url":"https:\/\/wepik.com\/templates\/bartender-logo","featured":false},{"name":"Night Club Flyer","url":"https:\/\/wepik.com\/templates\/club-flyers","featured":false},{"name":"Autism Poster","url":"https:\/\/wepik.com\/templates\/autism-poster","featured":false},{"name":"Fillable Calendar Template","url":"https:\/\/wepik.com\/templates\/fillable-calendar-template","featured":false},{"name":"Appointment Business Card","url":"https:\/\/wepik.com\/templates\/appointment-business-card","featured":false},{"name":"Beauty Salon Gift Certificate","url":"https:\/\/wepik.com\/templates\/beauty-salon-gift-certificate","featured":false},{"name":"Initial Logo","url":"https:\/\/wepik.com\/templates\/initial-logo","featured":false},{"name":"Birthday Banner","url":"https:\/\/wepik.com\/templates\/birthday-banner","featured":false},{"name":"Bifold Brochures","url":"https:\/\/wepik.com\/templates\/bifold-brochures","featured":false},{"name":"Aesthetic Youtube Banner","url":"https:\/\/wepik.com\/templates\/aesthetic-youtube-banner","featured":false},{"name":"Wedding Place Card","url":"https:\/\/wepik.com\/templates\/wedding-place-card","featured":false},{"name":"Lawyer Logo","url":"https:\/\/wepik.com\/templates\/lawyer-logo","featured":false},{"name":"Research Poster","url":"https:\/\/wepik.com\/templates\/research-posters","featured":false},{"name":"Tutoring Posters","url":"https:\/\/wepik.com\/templates\/tutoring-posters","featured":false},{"name":"Animal Logo","url":"https:\/\/wepik.com\/templates\/animal-logo","featured":false},{"name":"Catering Logo","url":"https:\/\/wepik.com\/templates\/catering-logo","featured":false},{"name":"Floral Invitation","url":"https:\/\/wepik.com\/templates\/floral-invitation","featured":false},{"name":"Easter Invitation","url":"https:\/\/wepik.com\/templates\/easter-invitation","featured":false},{"name":"Creative Resume","url":"https:\/\/wepik.com\/templates\/creative-resume","featured":false},{"name":"Veterinary Flyer","url":"https:\/\/wepik.com\/templates\/veterinary-flyer","featured":false},{"name":"Wedding Planner Facebook Post","url":"https:\/\/wepik.com\/templates\/wedding-planner-facebook-post","featured":false},{"name":"Artist Business Card","url":"https:\/\/wepik.com\/templates\/artist-business-card","featured":false},{"name":"Simple Resume","url":"https:\/\/wepik.com\/templates\/simple-resume","featured":false},{"name":"Instagram Posts","url":"https:\/\/wepik.com\/templates\/instagram-posts","featured":false},{"name":"Gym Sign","url":"https:\/\/wepik.com\/templates\/gym-sign","featured":false},{"name":"Dental Instagram Post","url":"https:\/\/wepik.com\/templates\/dental-instagram-post","featured":false},{"name":"Bakery Flyer","url":"https:\/\/wepik.com\/templates\/bakery-flyer","featured":false},{"name":"Popcorn Labels","url":"https:\/\/wepik.com\/templates\/popcorn-labels","featured":false},{"name":"Diagrams","url":"https:\/\/wepik.com\/templates\/diagrams","featured":false},{"name":"Bakery Cleaning Schedule","url":"https:\/\/wepik.com\/templates\/bakery-cleaning-schedule","featured":false},{"name":"Church Instagram Post","url":"https:\/\/wepik.com\/templates\/church-instagram-post","featured":false},{"name":"YouTube Profile Picture","url":"https:\/\/wepik.com\/templates\/youtube-profile-picture","featured":false},{"name":"Cleaning Services Instagram Post","url":"https:\/\/wepik.com\/templates\/cleaning-services-instagram-post","featured":false},{"name":"Logos","url":"https:\/\/wepik.com\/templates\/logos","featured":false},{"name":"Christmas Invitation","url":"https:\/\/wepik.com\/templates\/christmas-invitations","featured":false},{"name":"Psychology Flyer","url":"https:\/\/wepik.com\/templates\/psychology-flyer","featured":false},{"name":"Cleaning Services Gift Certificate","url":"https:\/\/wepik.com\/templates\/cleaning-services-gift-certificate","featured":false},{"name":"Hairdresser Business Card","url":"https:\/\/wepik.com\/templates\/hairdresser-business-card","featured":false},{"name":"Missing Poster","url":"https:\/\/wepik.com\/templates\/missing-poster","featured":false},{"name":"Business Poster","url":"https:\/\/wepik.com\/templates\/business-poster","featured":false},{"name":"Winter Signs","url":"https:\/\/wepik.com\/templates\/winter-signs","featured":false},{"name":"Name Tags","url":"https:\/\/wepik.com\/templates\/name-tag","featured":false},{"name":"New Year Poster","url":"https:\/\/wepik.com\/templates\/new-year-poster","featured":false},{"name":"Green Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/green-desktop-wallpaper","featured":false},{"name":"Blue Twitter Header","url":"https:\/\/wepik.com\/templates\/blue-twitter-header","featured":false},{"name":"Real Estate LinkedIn Banner","url":"https:\/\/wepik.com\/templates\/real-estate-linkedin-banner","featured":false},{"name":"Animal Meme","url":"https:\/\/wepik.com\/templates\/animal-meme","featured":false},{"name":"Lawyer ID Cards","url":"https:\/\/wepik.com\/templates\/lawyer-id-cards","featured":false},{"name":"Brewery Business Card","url":"https:\/\/wepik.com\/templates\/brewery-business-card","featured":false},{"name":"Interior Design Instagram Story","url":"https:\/\/wepik.com\/templates\/interior-design-instagram-story","featured":false},{"name":"St. Patrick's Day Bookmark","url":"https:\/\/wepik.com\/templates\/st-patricks-day-bookmarks","featured":false},{"name":"Teacher Lesson Plan","url":"https:\/\/wepik.com\/templates\/teacher-lesson-plan","featured":false},{"name":"Camping Logo","url":"https:\/\/wepik.com\/templates\/camping-logo","featured":false},{"name":"Beer Coaster","url":"https:\/\/wepik.com\/templates\/beer-coasters","featured":false},{"name":"Black Friday Banner","url":"https:\/\/wepik.com\/templates\/black-friday-banner","featured":false},{"name":"Pride Zoom Background","url":"https:\/\/wepik.com\/templates\/pride-zoom-background","featured":false},{"name":"Simple Business Card","url":"https:\/\/wepik.com\/templates\/simple-business-card","featured":false},{"name":"Construction Invoice","url":"https:\/\/wepik.com\/templates\/construction-invoice","featured":false},{"name":"Real Estate Banner","url":"https:\/\/wepik.com\/templates\/real-estate-banner","featured":false},{"name":"Dance Studio YouTube Banner","url":"https:\/\/wepik.com\/templates\/dance-youtube-banners","featured":false},{"name":"Bakery Banner","url":"https:\/\/wepik.com\/templates\/bakery-banners","featured":false},{"name":"Recipes","url":"https:\/\/wepik.com\/templates\/recipes","featured":false},{"name":"Personal Trainer Business Card","url":"https:\/\/wepik.com\/templates\/personal-trainer-business-card","featured":false},{"name":"DJ Twitter Post","url":"https:\/\/wepik.com\/templates\/dj-twitter-post","featured":false},{"name":"Spring Zoom Backgrounds","url":"https:\/\/wepik.com\/templates\/spring-zoom-backgrounds","featured":false},{"name":"Easter Zoom Background","url":"https:\/\/wepik.com\/templates\/easter-zoom-background","featured":false},{"name":"Photographer Instagram Post","url":"https:\/\/wepik.com\/templates\/photographer-instagram-post","featured":false},{"name":"Lost Dog Poster","url":"https:\/\/wepik.com\/templates\/lost-dog-poster","featured":false},{"name":"Instagram Stories","url":"https:\/\/wepik.com\/templates\/instagram-stories","featured":true},{"name":"Restaurant Checklist","url":"https:\/\/wepik.com\/templates\/restaurant-checklist","featured":false},{"name":"Ugly Sweater Invitation","url":"https:\/\/wepik.com\/templates\/ugly-sweater-invitations","featured":false},{"name":"Restaurant Banner","url":"https:\/\/wepik.com\/templates\/restaurant-banners","featured":false},{"name":"Wedding Flyer","url":"https:\/\/wepik.com\/templates\/wedding-flyer","featured":false},{"name":"Checklist Instagram Story","url":"https:\/\/wepik.com\/templates\/checklist-instagram-story","featured":false},{"name":"Water Label","url":"https:\/\/wepik.com\/templates\/water-label","featured":false},{"name":"Soap Label","url":"https:\/\/wepik.com\/templates\/soap-label","featured":false},{"name":"Environment Logos","url":"https:\/\/wepik.com\/templates\/environment-logos","featured":false},{"name":"Graphic Designer Logos","url":"https:\/\/wepik.com\/templates\/graphic-designer-logos","featured":false},{"name":"Christmas Poster","url":"https:\/\/wepik.com\/templates\/christmas-poster","featured":false},{"name":"Halloween Desktop Wallpapers","url":"https:\/\/wepik.com\/templates\/halloween-desktop-wallpapers","featured":false},{"name":"Instagram Post Carousel","url":"https:\/\/wepik.com\/templates\/instagram-post-carousel","featured":false},{"name":"Real Estate Schedule","url":"https:\/\/wepik.com\/templates\/real-estate-schedule","featured":false},{"name":"Travel Agency Instagram Post","url":"https:\/\/wepik.com\/templates\/travel-agency-instagram-post","featured":false},{"name":"Travel Agency Facebook Post","url":"https:\/\/wepik.com\/templates\/travel-agency-facebook-post","featured":false},{"name":"Restaurant Flyer","url":"https:\/\/wepik.com\/templates\/restaurant-flyer","featured":false},{"name":"Funeral Invitation","url":"https:\/\/wepik.com\/templates\/funeral-invitation","featured":false},{"name":"Square Banner","url":"https:\/\/wepik.com\/templates\/square-banner","featured":false},{"name":"Dental Letterhead","url":"https:\/\/wepik.com\/templates\/dental-letterhead","featured":false},{"name":"ID Cards","url":"https:\/\/wepik.com\/templates\/id-cards","featured":false},{"name":"Aesthetic Twitter Headers","url":"https:\/\/wepik.com\/templates\/aesthetic-twitter-headers","featured":false},{"name":"Ocean Logos","url":"https:\/\/wepik.com\/templates\/ocean-logos","featured":false},{"name":"Coffee Shop Poster","url":"https:\/\/wepik.com\/templates\/coffee-shop-poster","featured":false},{"name":"Personal Trainer Gift Certificate","url":"https:\/\/wepik.com\/templates\/personal-trainer-gift-certificate","featured":false},{"name":"Wattpad Book Cover","url":"https:\/\/wepik.com\/templates\/wattpad-book-cover","featured":false},{"name":"Valentine's Day Poster","url":"https:\/\/wepik.com\/templates\/valentines-day-poster","featured":false},{"name":"Nutrition Poster","url":"https:\/\/wepik.com\/templates\/nutrition-posters","featured":false},{"name":"Weekly Calendars","url":"https:\/\/wepik.com\/templates\/weekly-calendar","featured":false},{"name":"Birthday Invitation","url":"https:\/\/wepik.com\/templates\/birthday-invitation","featured":false},{"name":"Save the Date Cards","url":"https:\/\/wepik.com\/templates\/save-the-date-cards","featured":false},{"name":"Typography Logo","url":"https:\/\/wepik.com\/templates\/typography-logo","featured":false},{"name":"QR Code Business Card","url":"https:\/\/wepik.com\/templates\/qr-code-business-card","featured":false},{"name":"Stickers","url":"https:\/\/wepik.com\/templates\/stickers","featured":false},{"name":"Back To School Flyers","url":"https:\/\/wepik.com\/templates\/back-to-school-flyers","featured":false},{"name":"Checklists","url":"https:\/\/wepik.com\/templates\/checklists","featured":false},{"name":"Pride Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/pride-desktop-wallpaper","featured":false},{"name":"Beauty Salon Invoice","url":"https:\/\/wepik.com\/templates\/beauty-salon-invoice","featured":false},{"name":"Lawyer Invoices","url":"https:\/\/wepik.com\/templates\/lawyer-invoices","featured":false},{"name":"Instagram Story Photo","url":"https:\/\/wepik.com\/templates\/instagram-story-photo","featured":false},{"name":"Coffee Shop Logo","url":"https:\/\/wepik.com\/templates\/coffee-shop-logo","featured":false},{"name":"YouTube Thumbnails","url":"https:\/\/wepik.com\/templates\/youtube-thumbnails","featured":false},{"name":"Thanksgiving Desktop Wallpapers","url":"https:\/\/wepik.com\/templates\/thanksgiving-desktop-wallpapers","featured":false},{"name":"Travel Agency Business Card","url":"https:\/\/wepik.com\/templates\/travel-agency-business-card","featured":false},{"name":"Spring Flyers","url":"https:\/\/wepik.com\/templates\/spring-flyers","featured":false},{"name":"Gym Brochure","url":"https:\/\/wepik.com\/templates\/gym-brochure","featured":false},{"name":"Instagram Reel Covers","url":"https:\/\/wepik.com\/templates\/instagram-reel-covers","featured":false},{"name":"Cleaning Services Logo","url":"https:\/\/wepik.com\/templates\/cleaning-services-logo","featured":false},{"name":"Handyman Instagram Story","url":"https:\/\/wepik.com\/templates\/handyman-instagram-story","featured":false},{"name":"Winter Facebook Cover","url":"https:\/\/wepik.com\/templates\/winter-facebook-cover","featured":false},{"name":"Plumber Business Cards","url":"https:\/\/wepik.com\/templates\/plumber-business-cards","featured":false},{"name":"Beauty Salon Brochure","url":"https:\/\/wepik.com\/templates\/beauty-salon-brochure","featured":false},{"name":"Circle Logo","url":"https:\/\/wepik.com\/templates\/circle-logo","featured":false},{"name":"Easter Flyer","url":"https:\/\/wepik.com\/templates\/easter-flyer","featured":false},{"name":"Personal Trainer Price List","url":"https:\/\/wepik.com\/templates\/personal-trainer-price-list","featured":false},{"name":"Kindergarten Worksheets","url":"https:\/\/wepik.com\/templates\/kindergarten-worksheets","featured":false},{"name":"Workout Calendar","url":"https:\/\/wepik.com\/templates\/workout-calendar","featured":false},{"name":"Spring Facebook Cover","url":"https:\/\/wepik.com\/templates\/spring-facebook-cover","featured":false},{"name":"Coffee Shop Gift Certificate","url":"https:\/\/wepik.com\/templates\/coffee-shop-gift-certificate","featured":false},{"name":"Carnival Invitations","url":"https:\/\/wepik.com\/templates\/carnival-invitations","featured":false},{"name":"International Women's Day Instagram Story","url":"https:\/\/wepik.com\/templates\/international-womens-day-instagram-story","featured":false},{"name":"Bartender Certificate","url":"https:\/\/wepik.com\/templates\/bartender-certificate","featured":false},{"name":"Pattern Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/pattern-desktop-wallpaper","featured":false},{"name":"First Communion Invitations","url":"https:\/\/wepik.com\/templates\/first-communion-invitations","featured":false},{"name":"Gift Tags","url":"https:\/\/wepik.com\/templates\/gift-tags","featured":false},{"name":"Elegant Invitation","url":"https:\/\/wepik.com\/templates\/elegant-invitation","featured":false},{"name":"Family Tree Worksheet","url":"https:\/\/wepik.com\/templates\/family-tree-worksheet","featured":false},{"name":"Travel Agency Flyer","url":"https:\/\/wepik.com\/templates\/travel-agency-flyer","featured":false},{"name":"Spa Brochure","url":"https:\/\/wepik.com\/templates\/spa-brochure","featured":false},{"name":"Auto Repair Invoices","url":"https:\/\/wepik.com\/templates\/auto-repair-invoices","featured":false},{"name":"Memes","url":"https:\/\/wepik.com\/templates\/meme","featured":false},{"name":"Pride Poster","url":"https:\/\/wepik.com\/templates\/pride-poster","featured":false},{"name":"Gaming Banner","url":"https:\/\/wepik.com\/templates\/gaming-banner","featured":false},{"name":"Weekly Schedule","url":"https:\/\/wepik.com\/templates\/weekly-schedule","featured":false},{"name":"Graduation Invitation","url":"https:\/\/wepik.com\/templates\/graduation-invitation","featured":false},{"name":"Cute Postcard","url":"https:\/\/wepik.com\/templates\/cute-postcard","featured":false},{"name":"No Smoking Signs","url":"https:\/\/wepik.com\/templates\/no-smoking-signs","featured":false},{"name":"Personal Trainer Invoice","url":"https:\/\/wepik.com\/templates\/personal-trainer-invoice","featured":false},{"name":"Travel Agency Brochure","url":"https:\/\/wepik.com\/templates\/travel-agency-brochure","featured":false},{"name":"DJ Logo","url":"https:\/\/wepik.com\/templates\/dj-logo","featured":false},{"name":"Dinosaur Invitation","url":"https:\/\/wepik.com\/templates\/dinosaur-invitation","featured":false},{"name":"Church Instagram Stories","url":"https:\/\/wepik.com\/templates\/church-instagram-stories","featured":false},{"name":"Art Posters","url":"https:\/\/wepik.com\/templates\/art-posters","featured":false},{"name":"Hotel Brochure","url":"https:\/\/wepik.com\/templates\/hotel-brochure","featured":false},{"name":"Easter Desktop Wallpapers","url":"https:\/\/wepik.com\/templates\/easter-desktop-wallpapers","featured":false},{"name":"Valentine's Day Instagram Post","url":"https:\/\/wepik.com\/templates\/valentines-day-instagram-post","featured":false},{"name":"Wine Menu","url":"https:\/\/wepik.com\/templates\/wine-menu","featured":false},{"name":"Real Estate Poster","url":"https:\/\/wepik.com\/templates\/real-estate-poster","featured":false},{"name":"Marketing Proposal","url":"https:\/\/wepik.com\/templates\/marketing-proposals","featured":false},{"name":"Wide Skyscraper Banner","url":"https:\/\/wepik.com\/templates\/wide-skyscraper-banner","featured":false},{"name":"Real Estate Logo","url":"https:\/\/wepik.com\/templates\/real-estate-logo","featured":false},{"name":"Dog Meme","url":"https:\/\/wepik.com\/templates\/dog-meme","featured":false},{"name":"Resumes","url":"https:\/\/wepik.com\/templates\/resumes","featured":false},{"name":"Beer Label","url":"https:\/\/wepik.com\/templates\/beer-label","featured":false},{"name":"Cocktail Recipe","url":"https:\/\/wepik.com\/templates\/cocktail-recipe","featured":false},{"name":"Contractor Invoice","url":"https:\/\/wepik.com\/templates\/contractor-invoice","featured":false},{"name":"Gym Schedule","url":"https:\/\/wepik.com\/templates\/gym-schedule","featured":false},{"name":"Summer Invitation","url":"https:\/\/wepik.com\/templates\/summer-invitation","featured":false},{"name":"Valentine\u2019s Day Card","url":"https:\/\/wepik.com\/templates\/valentines-day-card","featured":false},{"name":"Bakery Business Card","url":"https:\/\/wepik.com\/templates\/bakery-business-card","featured":false},{"name":"Oktoberfest Banner","url":"https:\/\/wepik.com\/templates\/oktoberfest-banners","featured":false},{"name":"Winter Banner","url":"https:\/\/wepik.com\/templates\/winter-banner","featured":false},{"name":"Twitch Profile Pictures","url":"https:\/\/wepik.com\/templates\/twitch-profile-pictures","featured":false},{"name":"Furniture Logo","url":"https:\/\/wepik.com\/templates\/furniture-logo","featured":false},{"name":"Wedding Menu","url":"https:\/\/wepik.com\/templates\/wedding-menu","featured":false},{"name":"Designer Resumes","url":"https:\/\/wepik.com\/templates\/designer-resumes","featured":false},{"name":"Gift Certificates","url":"https:\/\/wepik.com\/templates\/gift-certificates","featured":false},{"name":"Spa Schedule","url":"https:\/\/wepik.com\/templates\/spa-schedule","featured":false},{"name":"Fundraising Calendar","url":"https:\/\/wepik.com\/templates\/fundraising-calendar","featured":false},{"name":"Church Brochure","url":"https:\/\/wepik.com\/templates\/church-brochure","featured":false},{"name":"Summer Banners","url":"https:\/\/wepik.com\/templates\/summer-banners","featured":false},{"name":"Architect Business Cards","url":"https:\/\/wepik.com\/templates\/architect-business-cards","featured":false},{"name":"Clothing Logo","url":"https:\/\/wepik.com\/templates\/clothing-logo","featured":false},{"name":"Tennis Poster","url":"https:\/\/wepik.com\/templates\/tennis-poster","featured":false},{"name":"Plumber Invoice","url":"https:\/\/wepik.com\/templates\/plumber-invoice","featured":false},{"name":"Restaurant Letterhead","url":"https:\/\/wepik.com\/templates\/restaurant-letterhead","featured":false},{"name":"Chinese New Year Card","url":"https:\/\/wepik.com\/templates\/chinese-new-year-card","featured":false},{"name":"Photographer Flyer","url":"https:\/\/wepik.com\/templates\/photographer-flyer","featured":false},{"name":"Beer Gift Certificate","url":"https:\/\/wepik.com\/templates\/beer-gift-certificate","featured":false},{"name":"Instagram Story Bingo","url":"https:\/\/wepik.com\/templates\/instagram-story-bingo","featured":false},{"name":"Professional Business Card","url":"https:\/\/wepik.com\/templates\/professional-business-card","featured":false},{"name":"Basketball Logos","url":"https:\/\/wepik.com\/templates\/basketball-logos","featured":false},{"name":"Winter Sticker","url":"https:\/\/wepik.com\/templates\/winter-sticker","featured":false},{"name":"Beer Poster","url":"https:\/\/wepik.com\/templates\/beer-poster","featured":false},{"name":"Anime Banner","url":"https:\/\/wepik.com\/templates\/anime-banners","featured":false},{"name":"Postcards & Cards","url":"https:\/\/wepik.com\/templates\/postcards-and-cards","featured":false},{"name":"Birthday Postcard","url":"https:\/\/wepik.com\/templates\/birthday-postcard","featured":false},{"name":"Attendance Certificates","url":"https:\/\/wepik.com\/templates\/attendance-certificates","featured":false},{"name":"Easter Sign","url":"https:\/\/wepik.com\/templates\/easter-sign","featured":false},{"name":"Spa Invitation","url":"https:\/\/wepik.com\/templates\/spa-invitation","featured":false},{"name":"Twitch Banners","url":"https:\/\/wepik.com\/templates\/twitch-banner","featured":false},{"name":"Vision Board","url":"https:\/\/wepik.com\/templates\/vision-boards","featured":false},{"name":"Closed For Vacation Sign","url":"https:\/\/wepik.com\/templates\/closed-for-vacation-sign","featured":false},{"name":"Cleaning Services Price List","url":"https:\/\/wepik.com\/templates\/cleaning-services-price-list","featured":false},{"name":"Bookmarks","url":"https:\/\/wepik.com\/templates\/bookmarks","featured":false},{"name":"Trifold Brochures","url":"https:\/\/wepik.com\/templates\/trifold-brochures","featured":false},{"name":"Handyman Logo","url":"https:\/\/wepik.com\/templates\/handyman-logo","featured":false},{"name":"Halloween Invitations","url":"https:\/\/wepik.com\/templates\/halloween-invitations","featured":false},{"name":"Photographer Facebook Post","url":"https:\/\/wepik.com\/templates\/photographer-facebook-post","featured":false},{"name":"Valentine's Day Menu","url":"https:\/\/wepik.com\/templates\/valentines-day-menu","featured":false},{"name":"LinkedIn Banners","url":"https:\/\/wepik.com\/templates\/linkedin-banners","featured":false},{"name":"LinkedIn Posts","url":"https:\/\/wepik.com\/templates\/linkedin-posts","featured":false},{"name":"Completion Certificate","url":"https:\/\/wepik.com\/templates\/completion-certificate","featured":false},{"name":"Catering Brochure","url":"https:\/\/wepik.com\/templates\/catering-brochure","featured":false},{"name":"Non-profit Flyer","url":"https:\/\/wepik.com\/templates\/non-profit-flyers","featured":false},{"name":"Inventory Checklist","url":"https:\/\/wepik.com\/templates\/inventory-checklist","featured":false},{"name":"Customer Reviews","url":"https:\/\/wepik.com\/templates\/customer-review","featured":false},{"name":"Creative Zoom Background","url":"https:\/\/wepik.com\/templates\/creative-zoom-background","featured":false},{"name":"Pizza Menu","url":"https:\/\/wepik.com\/templates\/pizza-menu","featured":false},{"name":"Blog Graphics","url":"https:\/\/wepik.com\/templates\/blog-graphics","featured":false},{"name":"Vintage Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/vintage-desktop-wallpaper","featured":false},{"name":"Restaurant Menu","url":"https:\/\/wepik.com\/templates\/restaurant-menu","featured":false},{"name":"Christmas Postcard","url":"https:\/\/wepik.com\/templates\/christmas-postcard","featured":false},{"name":"Bakery Logo","url":"https:\/\/wepik.com\/templates\/bakery-logo","featured":false},{"name":"Dental Instagram Story","url":"https:\/\/wepik.com\/templates\/dental-instagram-story","featured":false},{"name":"Doctor ID Card","url":"https:\/\/wepik.com\/templates\/doctor-id-cards","featured":false},{"name":"Picnic Invitations","url":"https:\/\/wepik.com\/templates\/picnic-invitations","featured":false},{"name":"Food Logo","url":"https:\/\/wepik.com\/templates\/food-logo","featured":false},{"name":"St Patrick\u2019s Day Zoom Background","url":"https:\/\/wepik.com\/templates\/st-patricks-day-zoom-background","featured":false},{"name":"Unicorn Invitation","url":"https:\/\/wepik.com\/templates\/unicorn-invitation","featured":false},{"name":"Cleaning Services Checklists","url":"https:\/\/wepik.com\/templates\/cleaning-services-checklist","featured":false},{"name":"Photographer Instagram Story","url":"https:\/\/wepik.com\/templates\/photographer-instagram-story","featured":false},{"name":"Beauty Salon Business Card","url":"https:\/\/wepik.com\/templates\/beauty-salon-business-card","featured":false},{"name":"Beauty Salon Instagram Story","url":"https:\/\/wepik.com\/templates\/beauty-salon-instagram-story","featured":false},{"name":"Bartender Business Card","url":"https:\/\/wepik.com\/templates\/bartender-business-card","featured":false},{"name":"Lists","url":"https:\/\/wepik.com\/templates\/lists","featured":false},{"name":"Food Truck Flyer","url":"https:\/\/wepik.com\/templates\/food-truck-flyer","featured":false},{"name":"School Schedules","url":"https:\/\/wepik.com\/templates\/school-schedule","featured":false},{"name":"Instagram Sale Post","url":"https:\/\/wepik.com\/templates\/instagram-sale-post","featured":false},{"name":"Event Poster","url":"https:\/\/wepik.com\/templates\/event-poster","featured":false},{"name":"Timelines","url":"https:\/\/wepik.com\/templates\/timelines","featured":false},{"name":"American Football Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/american-football-desktop-wallpaper","featured":false},{"name":"Handyman Price List","url":"https:\/\/wepik.com\/templates\/handyman-price-list","featured":false},{"name":"Technology Logo","url":"https:\/\/wepik.com\/templates\/technology-logo","featured":false},{"name":"Wedding Planner Instagram Post","url":"https:\/\/wepik.com\/templates\/wedding-planner-instagram-post","featured":false},{"name":"Santa Letter","url":"https:\/\/wepik.com\/templates\/santa-letter","featured":false},{"name":"Coding Logo","url":"https:\/\/wepik.com\/templates\/coding-logo","featured":false},{"name":"Summer Poster","url":"https:\/\/wepik.com\/templates\/summer-posters","featured":false},{"name":"Gaming Twitter Header","url":"https:\/\/wepik.com\/templates\/gaming-twitter-header","featured":false},{"name":"Rent a Car Poster","url":"https:\/\/wepik.com\/templates\/rent-a-car-poster","featured":false},{"name":"Dance Invitations","url":"https:\/\/wepik.com\/templates\/dance-invitations","featured":false},{"name":"Facebook Business Cover","url":"https:\/\/wepik.com\/templates\/facebook-business-cover","featured":false},{"name":"Baby Shower Zoom Backgrounds","url":"https:\/\/wepik.com\/templates\/baby-shower-zoom-backgrounds","featured":false},{"name":"Teacher ID Cards","url":"https:\/\/wepik.com\/templates\/teacher-id-cards","featured":false},{"name":"Handyman Business Card","url":"https:\/\/wepik.com\/templates\/handyman-business-card","featured":false},{"name":"Vintage Postcard","url":"https:\/\/wepik.com\/templates\/vintage-postcard","featured":false},{"name":"Wedding Invitation","url":"https:\/\/wepik.com\/templates\/wedding-invitation","featured":false},{"name":"Podcast Covers","url":"https:\/\/wepik.com\/templates\/podcast-covers","featured":false},{"name":"Spa Instagram Post","url":"https:\/\/wepik.com\/templates\/spa-instagram-post","featured":false},{"name":"Bridal Shower Invitation","url":"https:\/\/wepik.com\/templates\/bridal-shower-invitation","featured":false},{"name":"Real Estate Instagram Post","url":"https:\/\/wepik.com\/templates\/real-estate-instagram-post","featured":false},{"name":"International Women's Day Posters","url":"https:\/\/wepik.com\/templates\/international-womens-day-posters","featured":false},{"name":"Church Invitation","url":"https:\/\/wepik.com\/templates\/church-invitation","featured":false},{"name":"Interior Design Flyer","url":"https:\/\/wepik.com\/templates\/interior-design-flyer","featured":false},{"name":"Square Sticker","url":"https:\/\/wepik.com\/templates\/square-sticker","featured":false},{"name":"Coffee Shop Brochure","url":"https:\/\/wepik.com\/templates\/coffee-shop-brochure","featured":false},{"name":"Rack Cards","url":"https:\/\/wepik.com\/templates\/rack-cards","featured":false},{"name":"Interior Design Logo","url":"https:\/\/wepik.com\/templates\/interior-design-logo","featured":false},{"name":"Christmas Gift Tag","url":"https:\/\/wepik.com\/templates\/christmas-gift-tag","featured":false},{"name":"Food Instagram Post","url":"https:\/\/wepik.com\/templates\/food-instagram-post","featured":false},{"name":"Wedding Vision Board","url":"https:\/\/wepik.com\/templates\/wedding-vision-boards","featured":false},{"name":"Candle Label","url":"https:\/\/wepik.com\/templates\/candle-label","featured":false},{"name":"Black History Month Banners","url":"https:\/\/wepik.com\/templates\/black-history-month-banners","featured":false},{"name":"Pride Logo","url":"https:\/\/wepik.com\/templates\/pride-logo","featured":false},{"name":"Coffee Shop Checklist","url":"https:\/\/wepik.com\/templates\/coffee-shop-checklist","featured":false},{"name":"Pride Flyer","url":"https:\/\/wepik.com\/templates\/pride-flyer","featured":false},{"name":"Bakery Gift Certificate","url":"https:\/\/wepik.com\/templates\/bakery-gift-certificate","featured":false},{"name":"Employee of the Month Certificates","url":"https:\/\/wepik.com\/templates\/employee-of-the-month-certificates","featured":false},{"name":"Spa Price List","url":"https:\/\/wepik.com\/templates\/spa-price-list","featured":false},{"name":"Professional Resume","url":"https:\/\/wepik.com\/templates\/professional-resume","featured":false},{"name":"Electrician Price List","url":"https:\/\/wepik.com\/templates\/electrician-price-lists","featured":false},{"name":"Spa Flyer","url":"https:\/\/wepik.com\/templates\/spa-flyer","featured":false},{"name":"Cat Banner","url":"https:\/\/wepik.com\/templates\/cat-banners","featured":false},{"name":"LinkedIn Profile Picture","url":"https:\/\/wepik.com\/templates\/linkedin-profile-picture","featured":false},{"name":"Tear Off Flyer","url":"https:\/\/wepik.com\/templates\/tear-off-flyer","featured":false},{"name":"Housewarming Invitations","url":"https:\/\/wepik.com\/templates\/housewarming-invitations","featured":false},{"name":"Facebook Headers & Covers","url":"https:\/\/wepik.com\/templates\/facebook-headers","featured":false},{"name":"Coffee Shop Menu","url":"https:\/\/wepik.com\/templates\/coffee-shop-menu","featured":false},{"name":"Father's Day Card","url":"https:\/\/wepik.com\/templates\/fathers-day-cards","featured":false},{"name":"Party Flyer","url":"https:\/\/wepik.com\/templates\/party-flyer","featured":false},{"name":"Easter Facebook Cover","url":"https:\/\/wepik.com\/templates\/easter-facebook-cover","featured":false},{"name":"Cute Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/cute-desktop-wallpaper","featured":false},{"name":"Hair Salon Gift Certificate","url":"https:\/\/wepik.com\/templates\/hair-salon-gift-certificate","featured":false},{"name":"Church Letterhead","url":"https:\/\/wepik.com\/templates\/church-letterhead","featured":false},{"name":"Sale Poster","url":"https:\/\/wepik.com\/templates\/sale-poster","featured":false},{"name":"Facebook Posts","url":"https:\/\/wepik.com\/templates\/facebook-posts","featured":true},{"name":"Boss Day Card","url":"https:\/\/wepik.com\/templates\/boss-day-card","featured":false},{"name":"Real Estate Checklist","url":"https:\/\/wepik.com\/templates\/real-estate-checklist","featured":false},{"name":"Hotel Flyer","url":"https:\/\/wepik.com\/templates\/hotel-flyer","featured":false},{"name":"New Year Invitation","url":"https:\/\/wepik.com\/templates\/new-year-invitation","featured":false},{"name":"Brochures","url":"https:\/\/wepik.com\/templates\/brochures","featured":false},{"name":"Personal Trainer Instagram Story","url":"https:\/\/wepik.com\/templates\/personal-trainer-instagram-story","featured":false},{"name":"Wedding Logo","url":"https:\/\/wepik.com\/templates\/wedding-logo","featured":false},{"name":"Habit Tracker","url":"https:\/\/wepik.com\/templates\/habit-tracker","featured":false},{"name":"Cotton Candy Sign","url":"https:\/\/wepik.com\/templates\/cotton-candy-sign-template","featured":false},{"name":"Event Flyer","url":"https:\/\/wepik.com\/templates\/event-flyer","featured":false},{"name":"Hotel Gift Certificates","url":"https:\/\/wepik.com\/templates\/hotel-gift-certificate","featured":false},{"name":"Letterheads","url":"https:\/\/wepik.com\/templates\/letterheads","featured":false},{"name":"Notion Covers","url":"https:\/\/wepik.com\/templates\/notion-cover","featured":false},{"name":"Fashion Business Cards","url":"https:\/\/wepik.com\/templates\/fashion-business-cards","featured":false},{"name":"Cute Instagram Story","url":"https:\/\/wepik.com\/templates\/cute-instagram-story","featured":false},{"name":"Kids Schedule","url":"https:\/\/wepik.com\/templates\/kids-schedule","featured":false},{"name":"Coffee Shop Loyalty Card","url":"https:\/\/wepik.com\/templates\/coffee-shop-loyalty-card","featured":false},{"name":"Fall Desktop Wallpapers","url":"https:\/\/wepik.com\/templates\/fall-desktop-wallpapers","featured":false},{"name":"Carnival Posters","url":"https:\/\/wepik.com\/templates\/carnival-posters","featured":false},{"name":"Vaporwave Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/vaporwave-desktop-wallpaper","featured":false},{"name":"Pastel Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/pastel-desktop-wallpaper","featured":false},{"name":"Participation Certificate","url":"https:\/\/wepik.com\/templates\/participation-certificates","featured":false},{"name":"School Brochure","url":"https:\/\/wepik.com\/templates\/school-brochure","featured":false},{"name":"Modern Resume","url":"https:\/\/wepik.com\/templates\/modern-resume","featured":false},{"name":"Bakery Invoice","url":"https:\/\/wepik.com\/templates\/bakery-invoice","featured":false},{"name":"Thanksgiving Banner","url":"https:\/\/wepik.com\/templates\/thanksgiving-banners","featured":false},{"name":"Fourth of July Menu","url":"https:\/\/wepik.com\/templates\/fourth-of-july-menu","featured":false},{"name":"Nature Instagram Post","url":"https:\/\/wepik.com\/templates\/nature-instagram-post","featured":false},{"name":"Blog Banners","url":"https:\/\/wepik.com\/templates\/blog-banners","featured":false},{"name":"Valentine's Day Desktop Wallpapers","url":"https:\/\/wepik.com\/templates\/valentines-day-desktop-wallpapers","featured":false},{"name":"New Year Flyer","url":"https:\/\/wepik.com\/templates\/new-year-flyer","featured":false},{"name":"Cover Letters","url":"https:\/\/wepik.com\/templates\/cover-letters","featured":false},{"name":"Abstract Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/abstract-desktop-wallpaper","featured":false},{"name":"Desktop Wallpaper Pictures","url":"https:\/\/wepik.com\/templates\/desktop-wallpaper-pictures","featured":false},{"name":"Bakery Facebook Post","url":"https:\/\/wepik.com\/templates\/bakery-facebook-post","featured":false},{"name":"Fall Banners","url":"https:\/\/wepik.com\/templates\/fall-banners","featured":false},{"name":"YouTube Outro","url":"https:\/\/wepik.com\/templates\/youtube-outro","featured":false},{"name":"Gaming Invitation","url":"https:\/\/wepik.com\/templates\/gaming-invitation","featured":false},{"name":"Bartender Resume","url":"https:\/\/wepik.com\/templates\/bartender-resumes","featured":false},{"name":"Garage Sale Poster","url":"https:\/\/wepik.com\/templates\/garage-sale-poster","featured":false},{"name":"Photographer Business Card","url":"https:\/\/wepik.com\/templates\/photographer-business-card","featured":false},{"name":"Discord Banners","url":"https:\/\/wepik.com\/templates\/discord-banners","featured":false},{"name":"Drink Menu","url":"https:\/\/wepik.com\/templates\/drink-menu","featured":false},{"name":"Do Not Touch Sign","url":"https:\/\/wepik.com\/templates\/do-not-touch-sign","featured":false},{"name":"Real Estate Facebook Post","url":"https:\/\/wepik.com\/templates\/real-estate-facebook-post","featured":false},{"name":"Venn Diagrams","url":"https:\/\/wepik.com\/templates\/venn-diagrams","featured":false},{"name":"Gym Checklists","url":"https:\/\/wepik.com\/templates\/gym-checklists","featured":false},{"name":"Nail Salon Price List","url":"https:\/\/wepik.com\/templates\/nail-salon-price-list","featured":false},{"name":"Dental Logo","url":"https:\/\/wepik.com\/templates\/dental-logo","featured":false},{"name":"Depression Posters","url":"https:\/\/wepik.com\/templates\/depression-posters","featured":false},{"name":"Camping Poster","url":"https:\/\/wepik.com\/templates\/camping-posters","featured":false},{"name":"Mother's Day Card","url":"https:\/\/wepik.com\/templates\/mothers-day-card","featured":false},{"name":"Travel Postcard","url":"https:\/\/wepik.com\/templates\/travel-postcard","featured":false},{"name":"Nature Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/nature-desktop-wallpaper","featured":false},{"name":"Beauty Salon Instagram Post","url":"https:\/\/wepik.com\/templates\/beauty-salon-instagram-post","featured":false},{"name":"Birthday Instagram Story","url":"https:\/\/wepik.com\/templates\/birthday-instagram-story","featured":false},{"name":"Sport Logo","url":"https:\/\/wepik.com\/templates\/sport-logo","featured":false},{"name":"Vertical Business Card","url":"https:\/\/wepik.com\/templates\/vertical-business-card","featured":false},{"name":"DJ Instagram Story","url":"https:\/\/wepik.com\/templates\/dj-instagram-story","featured":false},{"name":"Meal Planner","url":"https:\/\/wepik.com\/templates\/meal-planner","featured":false},{"name":"Football Logos","url":"https:\/\/wepik.com\/templates\/football-logos","featured":false},{"name":"Thanksgiving Card","url":"https:\/\/wepik.com\/templates\/thanksgiving-cards","featured":false},{"name":"Trucking Logos","url":"https:\/\/wepik.com\/templates\/trucking-logos","featured":false},{"name":"Real Estate Postcard","url":"https:\/\/wepik.com\/templates\/real-estate-postcard","featured":false},{"name":"Personal Trainer Poster","url":"https:\/\/wepik.com\/templates\/personal-trainer-poster","featured":false},{"name":"Mardi Gras Zoom Backgrounds","url":"https:\/\/wepik.com\/templates\/mardi-gras-zoom-backgrounds","featured":false},{"name":"Bingo Card","url":"https:\/\/wepik.com\/templates\/bingo-card","featured":false},{"name":"Fashion Logo","url":"https:\/\/wepik.com\/templates\/fashion-logo","featured":false},{"name":"DJ Instagram Post","url":"https:\/\/wepik.com\/templates\/dj-instagram-post","featured":false},{"name":"Coffee Shop Invoice","url":"https:\/\/wepik.com\/templates\/coffee-shop-invoice","featured":false},{"name":"Certificates","url":"https:\/\/wepik.com\/templates\/certificates","featured":false},{"name":"Restaurant Facebook Post","url":"https:\/\/wepik.com\/templates\/restaurant-facebook-post","featured":false},{"name":"Wedding Planner Instagram Story","url":"https:\/\/wepik.com\/templates\/wedding-planner-instagram-story","featured":false},{"name":"Oval Sticker","url":"https:\/\/wepik.com\/templates\/oval-sticker","featured":false},{"name":"Cat Meme","url":"https:\/\/wepik.com\/templates\/cat-meme","featured":false},{"name":"Pride T-shirts","url":"https:\/\/wepik.com\/templates\/pride-t-shirts","featured":false},{"name":"Beauty Salon Price List","url":"https:\/\/wepik.com\/templates\/beauty-salon-price-list","featured":false},{"name":"Simple Menu","url":"https:\/\/wepik.com\/templates\/simple-menu","featured":false},{"name":"Volunteer Certificate","url":"https:\/\/wepik.com\/templates\/volunteer-certificate-templates","featured":false},{"name":"Real Estate Letterhead","url":"https:\/\/wepik.com\/templates\/real-estate-letterhead","featured":false},{"name":"Raffle Tickets","url":"https:\/\/wepik.com\/templates\/raffle-ticket","featured":false},{"name":"Restaurant Gift Certificate","url":"https:\/\/wepik.com\/templates\/restaurant-gift-certificate","featured":false},{"name":"Fall Instagram Story","url":"https:\/\/wepik.com\/templates\/fall-instagram-story","featured":false},{"name":"Cinco de Mayo Flyer","url":"https:\/\/wepik.com\/templates\/cinco-de-mayo-flyer","featured":false},{"name":"Fashion Flyers","url":"https:\/\/wepik.com\/templates\/fashion-flyers","featured":false},{"name":"Press Releases","url":"https:\/\/wepik.com\/templates\/press-releases","featured":false},{"name":"Sports Instagram Story","url":"https:\/\/wepik.com\/templates\/sports-instagram-story","featured":false},{"name":"Carnival Banner","url":"https:\/\/wepik.com\/templates\/carnival-banners","featured":false},{"name":"Food Poster","url":"https:\/\/wepik.com\/templates\/food-poster","featured":false},{"name":"Email Banners","url":"https:\/\/wepik.com\/templates\/email-banners","featured":false},{"name":"Taxi Business Cards","url":"https:\/\/wepik.com\/templates\/taxi-business-cards","featured":false},{"name":"Tattoo Gift Certificates","url":"https:\/\/wepik.com\/templates\/tattoo-gift-certificates","featured":false},{"name":"Summer Flyers","url":"https:\/\/wepik.com\/templates\/summer-flyers","featured":false},{"name":"Handyman Flyer","url":"https:\/\/wepik.com\/templates\/handyman-flyer","featured":false},{"name":"Bakery Menu","url":"https:\/\/wepik.com\/templates\/bakery-menu","featured":false},{"name":"Interior Design Facebook Post","url":"https:\/\/wepik.com\/templates\/interior-design-facebook-post","featured":false},{"name":"Spa Gift Certificate","url":"https:\/\/wepik.com\/templates\/spa-gift-certificate","featured":false},{"name":"Travel Agency Instagram Story","url":"https:\/\/wepik.com\/templates\/travel-agency-instagram-stories","featured":false},{"name":"Ramadan Desktop Wallpapers","url":"https:\/\/wepik.com\/templates\/ramadan-desktop-wallpapers","featured":false},{"name":"Easter Sticker","url":"https:\/\/wepik.com\/templates\/easter-stickers","featured":false},{"name":"Sales Flyer","url":"https:\/\/wepik.com\/templates\/sales-flyer","featured":false},{"name":"Photographer Price List","url":"https:\/\/wepik.com\/templates\/photographer-price-list","featured":false},{"name":"Yellow Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/yellow-desktop-wallpaper","featured":false},{"name":"Plumber Logo","url":"https:\/\/wepik.com\/templates\/plumber-logo","featured":false},{"name":"Floral Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/floral-desktop-wallpaper","featured":false},{"name":"Restaurant Postcard","url":"https:\/\/wepik.com\/templates\/restaurant-postcard","featured":false},{"name":"New Year Planners","url":"https:\/\/wepik.com\/templates\/new-year-planners","featured":false},{"name":"Psychology Instagram Story","url":"https:\/\/wepik.com\/templates\/psychology-instagram-story","featured":false},{"name":"Karaoke Flyer","url":"https:\/\/wepik.com\/templates\/karaoke-flyers","featured":false},{"name":"DJ Poster","url":"https:\/\/wepik.com\/templates\/dj-poster","featured":false},{"name":"Magazine Covers","url":"https:\/\/wepik.com\/templates\/magazine-covers","featured":false},{"name":"Food Menu","url":"https:\/\/wepik.com\/templates\/food-menu","featured":false},{"name":"New Year Banner","url":"https:\/\/wepik.com\/templates\/new-year-banners","featured":false},{"name":"Booklet","url":"https:\/\/wepik.com\/templates\/booklet","featured":false},{"name":"Gym Flyer","url":"https:\/\/wepik.com\/templates\/gym-flyer","featured":false},{"name":"Out Of Order Sign","url":"https:\/\/wepik.com\/templates\/out-of-order-sign","featured":false},{"name":"Book Covers","url":"https:\/\/wepik.com\/templates\/book-covers","featured":false},{"name":"Fashion YouTube Banner","url":"https:\/\/wepik.com\/templates\/fashion-youtube-banners","featured":false},{"name":"Publisher Logo","url":"https:\/\/wepik.com\/templates\/publisher-logo","featured":false},{"name":"Real Estate Brochure","url":"https:\/\/wepik.com\/templates\/real-estate-brochure","featured":false},{"name":"Menus","url":"https:\/\/wepik.com\/templates\/menus","featured":false},{"name":"Reports","url":"https:\/\/wepik.com\/templates\/reports","featured":false},{"name":"Daily Planner","url":"https:\/\/wepik.com\/templates\/daily-planner","featured":false},{"name":"Catering Menu","url":"https:\/\/wepik.com\/templates\/catering-menu","featured":false},{"name":"Instagram Quote Post","url":"https:\/\/wepik.com\/templates\/instagram-quote-post","featured":false},{"name":"Catering Flyer","url":"https:\/\/wepik.com\/templates\/catering-flyer","featured":false},{"name":"DJ Price List","url":"https:\/\/wepik.com\/templates\/dj-price-list","featured":false},{"name":"Christmas Coasters","url":"https:\/\/wepik.com\/templates\/christmas-coasters","featured":false},{"name":"Badge Logo","url":"https:\/\/wepik.com\/templates\/badge-logo","featured":false},{"name":"Twitter Headers","url":"https:\/\/wepik.com\/templates\/twitter-headers","featured":false},{"name":"Brunch Bar Flyers","url":"https:\/\/wepik.com\/templates\/brunch-flyers","featured":false},{"name":"High School Student Resume","url":"https:\/\/wepik.com\/templates\/high-school-student-resume","featured":false},{"name":"Medical Brochures","url":"https:\/\/wepik.com\/templates\/medical-brochures","featured":false},{"name":"Easter Card","url":"https:\/\/wepik.com\/templates\/easter-card","featured":false},{"name":"Wedding Gift Tag","url":"https:\/\/wepik.com\/templates\/wedding-gift-tag","featured":false},{"name":"Hair Salon Poster","url":"https:\/\/wepik.com\/templates\/hair-salon-poster","featured":false},{"name":"Hourly Schedule","url":"https:\/\/wepik.com\/templates\/hourly-schedules","featured":false},{"name":"Twitch Background","url":"https:\/\/wepik.com\/templates\/twitch-backgrounds","featured":false},{"name":"Lawyer Letterhead","url":"https:\/\/wepik.com\/templates\/lawyer-letterheads","featured":false},{"name":"Photographer Invoices","url":"https:\/\/wepik.com\/templates\/photographer-invoices","featured":false},{"name":"Tier List","url":"https:\/\/wepik.com\/templates\/tier-list","featured":false},{"name":"Pink Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/pink-desktop-wallpaper","featured":false},{"name":"DJ Invoice","url":"https:\/\/wepik.com\/templates\/dj-invoice","featured":false},{"name":"Mechanic Price List","url":"https:\/\/wepik.com\/templates\/mechanic-price-list","featured":false},{"name":"To Do List","url":"https:\/\/wepik.com\/templates\/to-do-list","featured":false},{"name":"Bakery Invitation","url":"https:\/\/wepik.com\/templates\/bakery-invitation","featured":false},{"name":"YouTube Banners","url":"https:\/\/wepik.com\/templates\/youtube-banners","featured":false},{"name":"Beer Banner","url":"https:\/\/wepik.com\/templates\/beer-banner","featured":false},{"name":"Personal Trainer Flyer","url":"https:\/\/wepik.com\/templates\/personal-trainer-flyer","featured":false},{"name":"Birthday Zoom Background","url":"https:\/\/wepik.com\/templates\/birthday-zoom-backgrounds","featured":false},{"name":"Professional Zoom Background","url":"https:\/\/wepik.com\/templates\/professional-zoom-background","featured":false},{"name":"Coloring Worksheet","url":"https:\/\/wepik.com\/templates\/coloring-worksheet","featured":false},{"name":"Mardi Gras Invitations","url":"https:\/\/wepik.com\/templates\/mardi-gras-invitations","featured":false},{"name":"New Year Vision Board","url":"https:\/\/wepik.com\/templates\/new-year-vision-boards","featured":false},{"name":"Coffee Shop Sticker","url":"https:\/\/wepik.com\/templates\/coffee-shop-sticker","featured":false},{"name":"Dental Flyer","url":"https:\/\/wepik.com\/templates\/dental-flyer","featured":false},{"name":"Boxing Poster","url":"https:\/\/wepik.com\/templates\/boxing-poster","featured":false},{"name":"Preschool Worksheet","url":"https:\/\/wepik.com\/templates\/preschool-worksheet","featured":false},{"name":"Graphic Organizer","url":"https:\/\/wepik.com\/templates\/graphic-organizers","featured":false},{"name":"Zoom Background","url":"https:\/\/wepik.com\/templates\/zoom-background","featured":false},{"name":"Invitations","url":"https:\/\/wepik.com\/templates\/invitations","featured":true},{"name":"Easter Poster","url":"https:\/\/wepik.com\/templates\/easter-posters","featured":false},{"name":"New Year Instagram Story","url":"https:\/\/wepik.com\/templates\/new-year-instagram-story","featured":false},{"name":"Floral Logo","url":"https:\/\/wepik.com\/templates\/floral-logo","featured":false},{"name":"Handyman Facebook Post","url":"https:\/\/wepik.com\/templates\/handyman-facebook-post","featured":false},{"name":"Restaurant Poster","url":"https:\/\/wepik.com\/templates\/restaurant-poster","featured":false},{"name":"CD Covers","url":"https:\/\/wepik.com\/templates\/cd-covers","featured":false},{"name":"Mechanic Business Cards","url":"https:\/\/wepik.com\/templates\/mechanic-business-cards","featured":false},{"name":"Gaming Logo","url":"https:\/\/wepik.com\/templates\/gaming-logo","featured":false},{"name":"Event Instagram Post","url":"https:\/\/wepik.com\/templates\/event-instagram-post","featured":false},{"name":"Leaderboard Banner","url":"https:\/\/wepik.com\/templates\/leaderboard-banner","featured":false},{"name":"Budget Planner","url":"https:\/\/wepik.com\/templates\/budget-planners","featured":false},{"name":"Brewery Logo","url":"https:\/\/wepik.com\/templates\/brewery-logo","featured":false},{"name":"Wedding Planner Checklist","url":"https:\/\/wepik.com\/templates\/wedding-planner-checklist","featured":false},{"name":"Science Poster","url":"https:\/\/wepik.com\/templates\/science-posters","featured":false},{"name":"Twitter Posts","url":"https:\/\/wepik.com\/templates\/twitter-posts","featured":false},{"name":"Halloween Gift Tag","url":"https:\/\/wepik.com\/templates\/halloween-gift-tags","featured":false},{"name":"Tattoo Logos","url":"https:\/\/wepik.com\/templates\/tattoo-logos","featured":false},{"name":"Holiday Instagram Story","url":"https:\/\/wepik.com\/templates\/holiday-instagram-story","featured":false},{"name":"Valentine's Day Facebook Post","url":"https:\/\/wepik.com\/templates\/valentines-day-facebook-post","featured":false},{"name":"New Year Postcard","url":"https:\/\/wepik.com\/templates\/new-year-postcard","featured":false},{"name":"Mexican Menu","url":"https:\/\/wepik.com\/templates\/mexican-menu","featured":false},{"name":"New Year Sign","url":"https:\/\/wepik.com\/templates\/new-year-sign","featured":false},{"name":"Twitter Header Pictures","url":"https:\/\/wepik.com\/templates\/twitter-header-pictures","featured":false},{"name":"Wedding Postcard","url":"https:\/\/wepik.com\/templates\/wedding-postcard","featured":false},{"name":"DJ Business Card","url":"https:\/\/wepik.com\/templates\/dj-business-card","featured":false},{"name":"Christmas Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/christmas-desktop-wallpaper","featured":false},{"name":"Wedding Program","url":"https:\/\/wepik.com\/templates\/wedding-program","featured":false},{"name":"Aesthetic Sticker","url":"https:\/\/wepik.com\/templates\/aesthetic-sticker","featured":false},{"name":"Bumper Sticker","url":"https:\/\/wepik.com\/templates\/bumper-sticker","featured":false},{"name":"Carnival Sign","url":"https:\/\/wepik.com\/templates\/carnival-sign","featured":false},{"name":"Non-profit Organization Letterhead","url":"https:\/\/wepik.com\/templates\/non-profit-organization-letterhead","featured":false},{"name":"Posters","url":"https:\/\/wepik.com\/templates\/posters","featured":false},{"name":"Gaming Youtube Banner","url":"https:\/\/wepik.com\/templates\/gaming-youtube-banner","featured":false},{"name":"Food Truck Menu","url":"https:\/\/wepik.com\/templates\/food-truck-menu","featured":false},{"name":"Lawyer Business Card","url":"https:\/\/wepik.com\/templates\/lawyer-business-cards","featured":false},{"name":"Dance Poster","url":"https:\/\/wepik.com\/templates\/dance-posters","featured":false},{"name":"Banking Resumes","url":"https:\/\/wepik.com\/templates\/banking-resumes","featured":false},{"name":"Wedding Planner Price List","url":"https:\/\/wepik.com\/templates\/wedding-planner-price-list","featured":false},{"name":"Geometric Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/geometric-desktop-wallpaper","featured":false},{"name":"Restaurant Invitation","url":"https:\/\/wepik.com\/templates\/restaurant-invitation","featured":false},{"name":"Hotel Poster","url":"https:\/\/wepik.com\/templates\/hotel-poster","featured":false},{"name":"Workout Planner","url":"https:\/\/wepik.com\/templates\/workout-planner","featured":false},{"name":"Infographics","url":"https:\/\/wepik.com\/templates\/infographics","featured":false},{"name":"Mobile Wallpaper Inspirational Quotes","url":"https:\/\/wepik.com\/templates\/mobile-wallpaper-inspirational-quotes","featured":false},{"name":"Plumber Letterhead","url":"https:\/\/wepik.com\/templates\/plumber-letterhead","featured":false},{"name":"Calendars","url":"https:\/\/wepik.com\/templates\/calendars","featured":false},{"name":"Spa Business Card","url":"https:\/\/wepik.com\/templates\/spa-business-card","featured":false},{"name":"Baptism Invitations","url":"https:\/\/wepik.com\/templates\/baptism-invitations","featured":false},{"name":"Winter Desktop Wallpapers","url":"https:\/\/wepik.com\/templates\/winter-desktop-wallpapers","featured":false},{"name":"Physiotherapy Logos","url":"https:\/\/wepik.com\/templates\/physiotherapy-logos","featured":false},{"name":"Mardi Gras Signs","url":"https:\/\/wepik.com\/templates\/mardi-gras-signs","featured":false},{"name":"Spa Poster","url":"https:\/\/wepik.com\/templates\/spa-poster","featured":false},{"name":"Landscaping Business Card","url":"https:\/\/wepik.com\/templates\/landscaping-business-card","featured":false},{"name":"Peace Worksheet","url":"https:\/\/wepik.com\/templates\/peace-sign","featured":false},{"name":"Coffee Shop Flyer","url":"https:\/\/wepik.com\/templates\/coffee-shop-flyer","featured":false},{"name":"Wanted Poster","url":"https:\/\/wepik.com\/templates\/wanted-poster","featured":false},{"name":"Planners","url":"https:\/\/wepik.com\/templates\/planners","featured":false},{"name":"Mobile Wallpapers","url":"https:\/\/wepik.com\/templates\/mobile-wallpapers","featured":false},{"name":"Meet the Teacher Worksheet","url":"https:\/\/wepik.com\/templates\/meet-the-teacher-worksheets","featured":false},{"name":"Christmas Name Tags","url":"https:\/\/wepik.com\/templates\/christmas-name-tags","featured":false},{"name":"School Poster","url":"https:\/\/wepik.com\/templates\/school-poster","featured":false},{"name":"Floor Stickers","url":"https:\/\/wepik.com\/templates\/floor-stickers","featured":false},{"name":"Simple Invoice","url":"https:\/\/wepik.com\/templates\/simple-invoice","featured":false},{"name":"Achievement Certificate","url":"https:\/\/wepik.com\/templates\/achievement-certificates","featured":false},{"name":"Movie Poster","url":"https:\/\/wepik.com\/templates\/movie-poster","featured":false},{"name":"SWOT Diagrams","url":"https:\/\/wepik.com\/templates\/swot-analysis-diagrams","featured":false},{"name":"Wedding Poster","url":"https:\/\/wepik.com\/templates\/wedding-poster","featured":false},{"name":"Church Posters","url":"https:\/\/wepik.com\/templates\/church-posters","featured":false},{"name":"Smart Goals Infographics","url":"https:\/\/wepik.com\/templates\/smart-goals-infographics","featured":false},{"name":"Catering Banner","url":"https:\/\/wepik.com\/templates\/catering-banner","featured":false},{"name":"Accounting Logo","url":"https:\/\/wepik.com\/templates\/accounting-logo","featured":false},{"name":"Restaurant Instagram Story","url":"https:\/\/wepik.com\/templates\/restaurant-instagram-story","featured":false},{"name":"Halloween Flyer","url":"https:\/\/wepik.com\/templates\/halloween-flyer","featured":false},{"name":"Holiday Newsletter","url":"https:\/\/wepik.com\/templates\/holiday-newsletter","featured":false},{"name":"Golf Logo","url":"https:\/\/wepik.com\/templates\/golf-logos","featured":false},{"name":"Popcorn Logo","url":"https:\/\/wepik.com\/templates\/popcorn-logos","featured":false},{"name":"Labels","url":"https:\/\/wepik.com\/templates\/labels","featured":false},{"name":"Beer Menu","url":"https:\/\/wepik.com\/templates\/beer-menu","featured":false},{"name":"Facebook Stories","url":"https:\/\/wepik.com\/templates\/facebook-stories","featured":false},{"name":"Easter Banner","url":"https:\/\/wepik.com\/templates\/easter-banner","featured":false},{"name":"Appreciation Certificates","url":"https:\/\/wepik.com\/templates\/appreciation-certificates","featured":false},{"name":"Yard Sign","url":"https:\/\/wepik.com\/templates\/yard-sign","featured":false},{"name":"St. Patrick's Day Sign","url":"https:\/\/wepik.com\/templates\/st-patricks-day-signs","featured":false},{"name":"Bakery Checklists","url":"https:\/\/wepik.com\/templates\/bakery-checklists","featured":false},{"name":"Interior Design Instagram Post","url":"https:\/\/wepik.com\/templates\/interior-design-instagram-post","featured":false},{"name":"Business Flyer","url":"https:\/\/wepik.com\/templates\/business-flyer","featured":false},{"name":"New Year Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/new-year-desktop-wallpaper","featured":false},{"name":"Price Lists","url":"https:\/\/wepik.com\/templates\/price-list","featured":false},{"name":"Instagram Grid","url":"https:\/\/wepik.com\/templates\/instagram-grid","featured":false},{"name":"Purple Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/purple-desktop-wallpaper","featured":false},{"name":"Cinco de Mayo Poster","url":"https:\/\/wepik.com\/templates\/cinco-de-mayo-poster","featured":false},{"name":"Graphic Designer Business Card","url":"https:\/\/wepik.com\/templates\/graphic-designer-business-card","featured":false},{"name":"Fishbone Diagram","url":"https:\/\/wepik.com\/templates\/fishbone-diagram","featured":false},{"name":"Mechanic Poster","url":"https:\/\/wepik.com\/templates\/mechanic-poster","featured":false},{"name":"Gym Banner","url":"https:\/\/wepik.com\/templates\/gym-banner","featured":false},{"name":"Ocean Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/ocean-desktop-wallpaper","featured":false},{"name":"Valentine\u2019s Day Zoom Background","url":"https:\/\/wepik.com\/templates\/valentines-day-zoom-background","featured":false},{"name":"Wine Label","url":"https:\/\/wepik.com\/templates\/wine-label","featured":false},{"name":"Restaurant Brochure","url":"https:\/\/wepik.com\/templates\/restaurant-brochure","featured":false},{"name":"Schedules","url":"https:\/\/wepik.com\/templates\/schedules","featured":false},{"name":"Bartender Flyer","url":"https:\/\/wepik.com\/templates\/bartender-flyer","featured":false},{"name":"Personal Trainer Schedule","url":"https:\/\/wepik.com\/templates\/personal-trainer-schedule","featured":false},{"name":"Discord Profile Picture","url":"https:\/\/wepik.com\/templates\/discord-profile-picture","featured":false},{"name":"Cleaning Services Flyer","url":"https:\/\/wepik.com\/templates\/cleaning-services-flyer","featured":false},{"name":"Vertical Instagram Posts","url":"https:\/\/wepik.com\/templates\/vertical-instagram-posts","featured":false},{"name":"Teacher Gift Tag","url":"https:\/\/wepik.com\/templates\/teacher-gift-tag","featured":false},{"name":"Bakery Poster","url":"https:\/\/wepik.com\/templates\/bakery-poster","featured":false},{"name":"Concert Poster","url":"https:\/\/wepik.com\/templates\/concert-poster","featured":false},{"name":"Campaign Poster","url":"https:\/\/wepik.com\/templates\/campaign-poster","featured":false},{"name":"Newsletters","url":"https:\/\/wepik.com\/templates\/newsletters","featured":false},{"name":"Sport Flyer","url":"https:\/\/wepik.com\/templates\/sport-flyer","featured":false},{"name":"Food Flyer","url":"https:\/\/wepik.com\/templates\/food-flyer","featured":false},{"name":"Ice Cream Menu","url":"https:\/\/wepik.com\/templates\/ice-cream-menus","featured":false},{"name":"Concert Flyers","url":"https:\/\/wepik.com\/templates\/concert-flyers","featured":false},{"name":"Retirement Party Invitation","url":"https:\/\/wepik.com\/templates\/retirement-party-invitation","featured":false},{"name":"Photographer Logo","url":"https:\/\/wepik.com\/templates\/photographer-logo","featured":false},{"name":"Christmas Newsletter","url":"https:\/\/wepik.com\/templates\/christmas-newsletter","featured":false},{"name":"Colorful Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/colorful-desktop-wallpaper","featured":false},{"name":"Spa Logo","url":"https:\/\/wepik.com\/templates\/spa-logo","featured":false},{"name":"Fourth of July Closed Sign","url":"https:\/\/wepik.com\/templates\/fourth-of-july-closed-sign","featured":false},{"name":"Hanukkah Zoom Background","url":"https:\/\/wepik.com\/templates\/hanukkah-zoom-background","featured":false},{"name":"Party Invitation","url":"https:\/\/wepik.com\/templates\/party-invitation","featured":false},{"name":"Real Estate Instagram Stories","url":"https:\/\/wepik.com\/templates\/real-estate-instagram-stories","featured":false},{"name":"Presentations","url":"https:\/\/wepik.com\/templates\/presentations","featured":false},{"name":"Thanksgiving Menu","url":"https:\/\/wepik.com\/templates\/thanksgiving-menu","featured":false},{"name":"Vertical Timeline","url":"https:\/\/wepik.com\/templates\/vertical-timeline","featured":false},{"name":"Barber Business Card","url":"https:\/\/wepik.com\/templates\/barber-business-card","featured":false},{"name":"Interior Design Business Card","url":"https:\/\/wepik.com\/templates\/interior-design-business-card","featured":false},{"name":"Podcast Logo","url":"https:\/\/wepik.com\/templates\/podcast-logos","featured":false},{"name":"Modern Business Card","url":"https:\/\/wepik.com\/templates\/modern-business-card","featured":false},{"name":"Restaurant Instagram Post","url":"https:\/\/wepik.com\/templates\/restaurant-instagram-post","featured":false},{"name":"Signs","url":"https:\/\/wepik.com\/templates\/signs","featured":false},{"name":"Travel Agency Logo","url":"https:\/\/wepik.com\/templates\/travel-agency-logo","featured":false},{"name":"School Logo","url":"https:\/\/wepik.com\/templates\/school-logo","featured":false},{"name":"Travel YouTube Banner","url":"https:\/\/wepik.com\/templates\/travel-youtube-banners","featured":false},{"name":"Jewelry Logos","url":"https:\/\/wepik.com\/templates\/jewelry-logos","featured":false},{"name":"Email Signature Banners","url":"https:\/\/wepik.com\/templates\/email-signature-banners","featured":false},{"name":"Restaurant Loyalty Card","url":"https:\/\/wepik.com\/templates\/restaurant-loyalty-card","featured":false},{"name":"Dental Facebook Post","url":"https:\/\/wepik.com\/templates\/dental-facebook-post","featured":false},{"name":"Interior Design Poster","url":"https:\/\/wepik.com\/templates\/interior-design-poster","featured":false},{"name":"I Voted Stickers","url":"https:\/\/wepik.com\/templates\/i-voted-stickers","featured":false},{"name":"Personal Trainer Certificate","url":"https:\/\/wepik.com\/templates\/personal-trainer-certificate","featured":false},{"name":"Spa Invoice","url":"https:\/\/wepik.com\/templates\/spa-invoice","featured":false},{"name":"Nature Logo","url":"https:\/\/wepik.com\/templates\/nature-logo","featured":false},{"name":"Aesthetic Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/aesthetic-desktop-wallpaper","featured":false},{"name":"Church Flyer","url":"https:\/\/wepik.com\/templates\/church-flyer","featured":false},{"name":"International Women's Day Logos","url":"https:\/\/wepik.com\/templates\/international-womens-day-logos","featured":false},{"name":"Business Card with Photo","url":"https:\/\/wepik.com\/templates\/business-card-with-photo","featured":false},{"name":"DJ Facebook Post","url":"https:\/\/wepik.com\/templates\/dj-facebook-post","featured":false},{"name":"Chef Logo","url":"https:\/\/wepik.com\/templates\/chef-logo","featured":false},{"name":"Black Invitation","url":"https:\/\/wepik.com\/templates\/black-invitation","featured":false},{"name":"Hanukkah Card","url":"https:\/\/wepik.com\/templates\/hanukkah-card-templates","featured":false},{"name":"Coworking Meme","url":"https:\/\/wepik.com\/templates\/coworking-memes","featured":false},{"name":"Personal Trainer Postcard","url":"https:\/\/wepik.com\/templates\/personal-trainer-postcard","featured":false},{"name":"Yearly Calendar","url":"https:\/\/wepik.com\/templates\/yearly-calendar","featured":false},{"name":"Restaurant Logo","url":"https:\/\/wepik.com\/templates\/restaurant-logo","featured":false},{"name":"Hotel Business Card","url":"https:\/\/wepik.com\/templates\/hotel-business-card","featured":false},{"name":"Freelance Invoice","url":"https:\/\/wepik.com\/templates\/freelance-invoice","featured":false},{"name":"Banners","url":"https:\/\/wepik.com\/templates\/banners","featured":false},{"name":"Real Estate Flyer","url":"https:\/\/wepik.com\/templates\/real-estate-flyer","featured":false},{"name":"TikTok Profile Picture","url":"https:\/\/wepik.com\/templates\/tiktok-profile-picture","featured":false},{"name":"Facebook Ads","url":"https:\/\/wepik.com\/templates\/facebook-ads","featured":false},{"name":"Sunset Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/sunset-desktop-wallpaper","featured":false},{"name":"Grocery Lists","url":"https:\/\/wepik.com\/templates\/grocery-lists","featured":false},{"name":"Diwali Card","url":"https:\/\/wepik.com\/templates\/diwali-cards","featured":false},{"name":"Minimalist Desktop Wallpaper","url":"https:\/\/wepik.com\/templates\/minimalist-desktop-wallpaper","featured":false},{"name":"Lesson Plans","url":"https:\/\/wepik.com\/templates\/lesson-plans","featured":false},{"name":"Spa Facebook Post","url":"https:\/\/wepik.com\/templates\/spa-facebook-post","featured":false},{"name":"Coffee Shop Facebook Post","url":"https:\/\/wepik.com\/templates\/coffee-shop-facebook-post","featured":false},{"name":"Motivational Desktop Wallpapers","url":"https:\/\/wepik.com\/templates\/motivational-desktop-wallpapers","featured":false},{"name":"Catering Business Cards","url":"https:\/\/wepik.com\/templates\/catering-business-cards","featured":false},{"name":"Coasters","url":"https:\/\/wepik.com\/templates\/coasters","featured":false},{"name":"Nature Zoom Background","url":"https:\/\/wepik.com\/templates\/nature-zoom-backgrounds","featured":false},{"name":"Business Cards","url":"https:\/\/wepik.com\/templates\/business-cards","featured":true},{"name":"Circle Sticker","url":"https:\/\/wepik.com\/templates\/circle-sticker","featured":false},{"name":"Barber Logo","url":"https:\/\/wepik.com\/templates\/barber-logos","featured":false},{"name":"Circle Diagram","url":"https:\/\/wepik.com\/templates\/circle-diagram","featured":false},{"name":"Real Estate YouTube Banner","url":"https:\/\/wepik.com\/templates\/real-estate-youtube-banners","featured":false},{"name":"Birthday Instagram Post","url":"https:\/\/wepik.com\/templates\/birthday-instagram-post","featured":false},{"name":"Kpop Photocard","url":"https:\/\/wepik.com\/templates\/kpop-photocard","featured":false},{"name":"Brunch Bar Menus","url":"https:\/\/wepik.com\/templates\/brunch-menus","featured":false},{"name":"Cyber Monday Banner","url":"https:\/\/wepik.com\/templates\/cyber-monday-banners","featured":false},{"name":"Birthday Menu","url":"https:\/\/wepik.com\/templates\/birthday-menus","featured":false},{"name":"Large Rectangle Banner","url":"https:\/\/wepik.com\/templates\/large-rectangle-banner","featured":false},{"name":"Halloween YouTube Banner","url":"https:\/\/wepik.com\/templates\/halloween-youtube-banner","featured":false},{"name":"Flower Shop Poster","url":"https:\/\/wepik.com\/templates\/flower-shop-posters","featured":false},{"name":"Graduation Certificate","url":"https:\/\/wepik.com\/templates\/graduation-certificate","featured":false},{"name":"Black History Month Zoom Backgrounds","url":"https:\/\/wepik.com\/templates\/black-history-month-zoom-backgrounds","featured":false},{"name":"Beauty Salon Flyer","url":"https:\/\/wepik.com\/templates\/beauty-salon-flyer","featured":false},{"name":"Labor Day Closed Sign","url":"https:\/\/wepik.com\/templates\/labor-day-closed-sign","featured":false},{"name":"Cleaning Services Business Card","url":"https:\/\/wepik.com\/templates\/cleaning-services-business-card","featured":false},{"name":"Charity Poster","url":"https:\/\/wepik.com\/templates\/charity-posters","featured":false},{"name":"Black History Month Desktop Wallpapers","url":"https:\/\/wepik.com\/templates\/black-history-month-desktop-wallpapers","featured":false},{"name":"Holi Card","url":"https:\/\/wepik.com\/templates\/holi-cards","featured":false},{"name":"Church Logo","url":"https:\/\/wepik.com\/templates\/church-logo","featured":false},{"name":"Medium Rectangle Banner","url":"https:\/\/wepik.com\/templates\/medium-rectangle-banner","featured":false},{"name":"Music YouTube Channel Art","url":"https:\/\/wepik.com\/templates\/youtube-channel-art-music","featured":false},{"name":"Mardi Gras Desktop Wallpapers","url":"https:\/\/wepik.com\/templates\/mardi-gras-desktop-wallpapers","featured":false},{"name":"Weekly Planner","url":"https:\/\/wepik.com\/templates\/weekly-planner","featured":false},{"name":"Travel Agency Letterhead","url":"https:\/\/wepik.com\/templates\/travel-agency-letterhead","featured":false},{"name":"Bakery Instagram Post","url":"https:\/\/wepik.com\/templates\/bakery-instagram-post","featured":false},{"name":"Bartender Signs","url":"https:\/\/wepik.com\/templates\/bartender-signs","featured":false},{"name":"Beauty Salon Facebook Post","url":"https:\/\/wepik.com\/templates\/beauty-salon-facebook-post","featured":false},{"name":"Coffee Shop Instagram Story","url":"https:\/\/wepik.com\/templates\/coffee-shop-instagram-story","featured":false},{"name":"Spa Rack Card","url":"https:\/\/wepik.com\/templates\/spa-rack-card","featured":false},{"name":"Flyers","url":"https:\/\/wepik.com\/templates\/flyers","featured":false},{"name":"Desktop Wallpapers","url":"https:\/\/wepik.com\/templates\/desktop-wallpapers","featured":false},{"name":"Personal Trainer Facebook Post","url":"https:\/\/wepik.com\/templates\/personal-trainer-facebook-post","featured":false},{"name":"Itinerary Planner","url":"https:\/\/wepik.com\/templates\/itinerary-planner","featured":false},{"name":"Valentine's Day Instagram Story","url":"https:\/\/wepik.com\/templates\/valentines-day-instagram-story","featured":false},{"name":"Real Estate Invitation","url":"https:\/\/wepik.com\/templates\/real-estate-invitation","featured":false}]; document.addEventListener('alpine:init', () => { Alpine.data('autocomplete', () => ({ filter: '', suggestions: allTags.filter((t) => t.featured), init() { const search = document.querySelector('input[name=q]'); search.addEventListener('input', (e) => { this.filter = e.target.value; this.updateSuggestions(); }) search.addEventListener('keyup', (e) => { if (e.key === 'ArrowDown') { this.$refs.list.querySelector('a')?.focus(); } }) }, move(direction) { const currentFocus = document.activeElement; if (direction > 0) { currentFocus.nextElementSibling?.focus() return; } currentFocus.previousElementSibling?.focus(); }, updateSuggestions() { if (this.filter.length === 0) { this.suggestions = allTags.filter((t) => t.featured); return; } const filteredItems = allTags.filter(({name}) => name.toLowerCase().includes(this.filter.toLowerCase())); filteredItems.sort(function(a, b){ return a.name.length - b.name.length; }); this.suggestions = filteredItems.slice(0, 4) } })) }) </script> </form> </div> <div> <div class="relative"> <nav class="swiper-tags overflow-hidden relative" data-testid="subcategories-tags"> <div class="swiper-wrapper flex relative h-full min-w-0"> <a href="https://wepik.com/templates/school-id-cards" class="swiper-slide mb-4 text-neutral-700 border-neutral-100 hover:text-neutral-900 hover:bg-offwhite-300 text-sm h-9 flex items-center px-4 rounded-full border-2 font-semibold whitespace-nowrap"> School ID Cards </a> <a href="https://wepik.com/templates/doctor-id-cards" class="swiper-slide mb-4 text-neutral-700 border-neutral-100 hover:text-neutral-900 hover:bg-offwhite-300 text-sm h-9 flex items-center px-4 rounded-full border-2 font-semibold whitespace-nowrap"> Doctor ID Card </a> <a href="https://wepik.com/templates/teacher-id-cards" class="swiper-slide mb-4 text-neutral-700 border-neutral-100 hover:text-neutral-900 hover:bg-offwhite-300 text-sm h-9 flex items-center px-4 rounded-full border-2 font-semibold whitespace-nowrap"> Teacher ID Cards </a> <a href="https://wepik.com/templates/lawyer-id-cards" class="swiper-slide mb-4 text-neutral-700 border-neutral-100 hover:text-neutral-900 hover:bg-offwhite-300 text-sm h-9 flex items-center px-4 rounded-full border-2 font-semibold whitespace-nowrap"> Lawyer ID Cards </a> </div> </nav> <div class="swiper-tags-nav hidden sm:block"> <div class="swiper-button-prev absolute -top-1 -bottom-1 left-0 w-16 flex items-center justify-end bg-gradient-to-r from-white via-white to-transparent"> <button class="h-full w-full mb-4 flex items-center focus:outline-none" aria-label="next presentation"> <svg class="fill-current w-5 h-5 text-neutral-900 hover:text-neutral-800 rotate-180" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-ba8827360a4552e24fbcd062a19d7800"></use></svg> </button> </div> <div class="swiper-button-next absolute -top-1 -bottom-1 right-0 w-16 flex items-center justify-end bg-gradient-to-r from-transparent via-white to-white"> <button class="h-full w-full mb-4 flex justify-end items-center focus:outline-none" aria-label="previous presentation"> <svg class="fill-current w-5 h-5 text-neutral-900 hover:text-neutral-800 fill-current" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-ba8827360a4552e24fbcd062a19d7800"></use></svg> </button> </div> </div> </div> <div class="mb-16"> <div class="masonry-grid mx-3 sm:-mx-4 -mb-6" data-testid="template-container-list"> <div class="masonry-sizer sm:w-1/2 lg:w-1/3 xl:w-1/4 w-1/2 2xl:w-[12.5%]" > </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"35305":"https:\/\/content.wepik.com\/statics\/194496893\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Yellow and White Business ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Yellow and White Business ID Card".toLowerCase(), file_id: "2077", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Yellow and White Business ID Card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-10587743", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Yellow and White Business ID Card".toLowerCase(), file_id: "2077", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("2077", "Yellow and White Business ID Card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-10587743#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="2077" data-slug="business-id-card-10587743" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/194496869/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/194496869/preview-page0.jpg" alt="Yellow and White Business ID Card Template" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-10587743" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Yellow and White Business ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Yellow and White Business ID Card", "contentURL": "https://content.wepik.com/statics/194496869/preview-page0.jpg", "datePublished": "2020-10-23T07:32:44+00:00", "description": "Big companies sometimes require their employees to have wear an ID card. Provide them with a nice design that they will gladly accept! Take a look at this template and modify to your liking the position, rotation, color, location or size of the elements. The photo can be replaced in no time, and the same can be said about the fonts. Wepik's online editor allows you to do that instantly and for free. This is a great way to show others how professional your business is!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-10587743", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"35304":"https:\/\/content.wepik.com\/statics\/194496650\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Fun Business ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Fun Business ID Card".toLowerCase(), file_id: "2076", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Fun Business ID Card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-10587748", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Fun Business ID Card".toLowerCase(), file_id: "2076", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("2076", "Fun Business ID Card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-10587748#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="2076" data-slug="business-id-card-10587748" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/194496651/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/194496651/preview-page0.jpg" alt="Fun Business ID Card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-10587748" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Fun Business ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Fun Business ID Card", "contentURL": "https://content.wepik.com/statics/194496651/preview-page0.jpg", "datePublished": "2020-10-23T07:24:59+00:00", "description": "My name is Sara and I work here. Design ID cards for companies and make employees feel proud to wear a fresh and modern corporate element. This template combines five colors. White, yellow, green, black and fuchsia make a play of shapes to decorate the worker's information, with name, position, identification and contact details. This card does not include a photo, but you can add it with Wepik's online editor, as well as customize the template with your company's colors, fonts and logo. Best of all, you can do it for free, so sign up now!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-10587748", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"35303":"https:\/\/content.wepik.com\/statics\/194496566\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Business ID Card With Minimalist Shapes"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Business ID Card With Minimalist Shapes".toLowerCase(), file_id: "2075", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Business ID Card With Minimalist Shapes", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-template-with-minimalist-shapes-10587747", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Business ID Card With Minimalist Shapes".toLowerCase(), file_id: "2075", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("2075", "Business ID Card With Minimalist Shapes", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-template-with-minimalist-shapes-10587747#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="2075" data-slug="business-id-card-template-with-minimalist-shapes-10587747" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/194496574/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/194496574/preview-page0.jpg" alt="Business ID Card With Minimalist Shapes Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-template-with-minimalist-shapes-10587747" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Business ID Card With Minimalist Shapes </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Business ID Card With Minimalist Shapes", "contentURL": "https://content.wepik.com/statics/194496574/preview-page0.jpg", "datePublished": "2020-10-23T07:08:21+00:00", "description": "This business name badge is totally minimalist and modern. It combines straight and circular lines, and uses a light background and a thick yellow stripe that occupies the entire left side of the image. The text and the rest of the graphic resources used in this editable Wepik template use black color. There is space for the employee's name, job title and contact information, like phone number and email address. Finally, at the bottom of the card is the company name. Can you imagine that? Make it possible with our free intuitive online editing tool, download it in PDF and send it to print.", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-template-with-minimalist-shapes-10587747", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"35249":"https:\/\/content.wepik.com\/statics\/194478516\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Business ID Card With Blue Waves"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Business ID Card With Blue Waves".toLowerCase(), file_id: "1974", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Carlota", author_id: "3", }); } editTemplateGtm("Business ID Card With Blue Waves", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-template-10423675", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Business ID Card With Blue Waves".toLowerCase(), file_id: "1974", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1974", "Business ID Card With Blue Waves", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-template-10423675#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1974" data-slug="business-id-card-template-10423675" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/194478513/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/194478513/preview-page0.jpg" alt="Business ID Card With Blue Waves Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-template-10423675" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Business ID Card With Blue Waves </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Business ID Card With Blue Waves", "contentURL": "https://content.wepik.com/statics/194478513/preview-page0.jpg", "datePublished": "2020-10-09T08:17:17+00:00", "description": "Bring a modern air to your company with this stylish business ID cards! Its design in blue and yellow over a white background leaves room for a photo and personal information as well as a bar code, and its signature wave drawing gives it a playful flair that makes them pop. You can edit the template online with our easy-to-use Wepik tool, adjusting the image to your needs. Add text, change colors or the font, etc. When you have a final version you’re happy with, download it for free!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-template-10423675", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"2018":"https:\/\/content.wepik.com\/statics\/13711364\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Modern Business ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Modern Business ID Card".toLowerCase(), file_id: "1922", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Carlota", author_id: "3", }); } editTemplateGtm("Modern Business ID Card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-template-10054219", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Modern Business ID Card".toLowerCase(), file_id: "1922", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1922", "Modern Business ID Card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-template-10054219#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1922" data-slug="business-id-card-template-10054219" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/13711365/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/13711365/preview-page0.jpg" alt="Modern Business ID Card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-template-10054219" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Modern Business ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Modern Business ID Card", "contentURL": "https://content.wepik.com/statics/13711365/preview-page0.jpg", "datePublished": "2020-09-28T07:26:24+00:00", "description": "Let people know who you are or help others identify themselves with this business ID card! This modern design with room for a picture and other additional information is a stylish way to display some basic information, and you can easily adapt the template to your liking online with our Wepik tool. Adjust the colors, replace the font, and make any other adjustments you want to. Once you have finished, download it for free and make as many copies as you need. It’s practical and great-looking at the same time!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-template-10054219", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"35175":"https:\/\/content.wepik.com\/statics\/194461634\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Golden Details Business ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Golden Details Business ID Card".toLowerCase(), file_id: "1786", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Laura", author_id: "2", }); } editTemplateGtm("Golden Details Business ID Card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9981152", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Golden Details Business ID Card".toLowerCase(), file_id: "1786", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1786", "Golden Details Business ID Card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9981152#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1786" data-slug="business-id-card-9981152" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/194461648/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/194461648/preview-page0.jpg" alt="Golden Details Business ID Card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9981152" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Golden Details Business ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Golden Details Business ID Card", "contentURL": "https://content.wepik.com/statics/194461648/preview-page0.jpg", "datePublished": "2020-09-15T09:09:21+00:00", "description": "Do you believe that first impressions are everything in the business world and want to make the best of them? If the answer is "yes", this template will help you achieve all your goals. Its design is practical and simple, making it highlight what's really important here: you. Thanks to the combination of vivid and soft colors, you will manage to convey how professional you are and also show your capabilities. This is something very personal, so we want it to be to your liking. To do this, you can use our online editor to customize this and many more templates to your liking - try it for free now!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9981152", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"2454":"https:\/\/content.wepik.com\/statics\/13835296\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Blue Thick Lines Business ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Blue Thick Lines Business ID Card".toLowerCase(), file_id: "1652", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Blue Thick Lines Business ID Card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9840098", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Blue Thick Lines Business ID Card".toLowerCase(), file_id: "1652", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1652", "Blue Thick Lines Business ID Card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9840098#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1652" data-slug="business-id-card-9840098" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/13835297/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/13835297/preview-page0.jpg" alt="Blue Thick Lines Business ID Card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9840098" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Blue Thick Lines Business ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Blue Thick Lines Business ID Card", "contentURL": "https://content.wepik.com/statics/13835297/preview-page0.jpg", "datePublished": "2020-08-26T15:56:34+00:00", "description": "Create professional and printable identification cards for your business or organization with this free and easy-to-use template! Its clean-cut design, its perfectly geometric shape created by the conjunction of interconnected blue thick lines, and its simple structure with just the necessary information, make this customizable id card the right fit for you and your company. You can customize it online with Wepik’s user-friendly intuitive editing tool. Create your own designs and download them, share them and print them! Free of charge!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9840098", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"35114":"https:\/\/content.wepik.com\/statics\/194424444\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Pink Triangles Business ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Pink Triangles Business ID Card".toLowerCase(), file_id: "1653", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Pink Triangles Business ID Card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9840097", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Pink Triangles Business ID Card".toLowerCase(), file_id: "1653", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1653", "Pink Triangles Business ID Card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9840097#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1653" data-slug="business-id-card-9840097" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/194424446/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/194424446/preview-page0.jpg" alt="Pink Triangles Business ID Card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9840097" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Pink Triangles Business ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Pink Triangles Business ID Card", "contentURL": "https://content.wepik.com/statics/194424446/preview-page0.jpg", "datePublished": "2020-08-26T16:00:21+00:00", "description": "Show your team a different side of your business or organization with this modern id card template! Its one-of-a-kind design breaks through the confines of the more traditional cards and adds layers of creativity, innovation, and subtext through the use of pink triangles that resemble the pieces of a puzzle that can only be solved if they’re aligned together. You have the creative freedom to adapt this customizable template to fit your business culture with the help of Wepik’s user-friendly online editing tool. It’s free to use, edit, download, and print! Try it now!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9840097", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"2456":"https:\/\/content.wepik.com\/statics\/13835430\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Green And Dark Gray Business ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Green And Dark Gray Business ID Card".toLowerCase(), file_id: "1651", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Green And Dark Gray Business ID Card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9839947", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Green And Dark Gray Business ID Card".toLowerCase(), file_id: "1651", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1651", "Green And Dark Gray Business ID Card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9839947#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1651" data-slug="business-id-card-9839947" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/13835431/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/13835431/preview-page0.jpg" alt="Green And Dark Gray Business ID Card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9839947" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Green And Dark Gray Business ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Green And Dark Gray Business ID Card", "contentURL": "https://content.wepik.com/statics/13835431/preview-page0.jpg", "datePublished": "2020-08-26T15:42:17+00:00", "description": "If you want to set the tone for a gratifying employee experience, start off with this cutting-edge business id card template! Its clever design gives you the illusion of a 3D card that comes alive with each glance making the photo id and all the contact information pop and stand out. The use of green and dark gray colors conveys sophistication, strength, and commitment, values that your company shares with its employees. This elegant template is free to edit, download and print! All you need is Wepik’s user-friendly online editing tool to customize it to your brand's look and feel. Start now!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9839947", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"35112":"https:\/\/content.wepik.com\/statics\/194424448\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Fun And Colorful Business ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Fun And Colorful Business ID Card".toLowerCase(), file_id: "1649", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Fun And Colorful Business ID Card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9839945", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Fun And Colorful Business ID Card".toLowerCase(), file_id: "1649", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1649", "Fun And Colorful Business ID Card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9839945#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1649" data-slug="business-id-card-9839945" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/194424125/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/194424125/preview-page0.jpg" alt="Fun And Colorful Business ID Card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9839945" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Fun And Colorful Business ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Fun And Colorful Business ID Card", "contentURL": "https://content.wepik.com/statics/194424125/preview-page0.jpg", "datePublished": "2020-08-26T15:21:30+00:00", "description": "Your company’s identification cards should be fun! After all, your employees are going to be using them multiple times every single workday. With this in mind, we have created a cheerful id card design of happy colors and joyful shapes that reflect your business commitment to promoting a healthy work environment that thrives on your staff’s wellbeing. This colorful template can be customized to match your business or brand. With Wepik’s intuitive online editor tool you can easily replace colors, change the font, add more illustrations, and much more! Once edited, you can download it and print it. Did we mention that it’s free? Well, there you go, it's completely free!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9839945", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"35113":"https:\/\/content.wepik.com\/statics\/194424226\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Blue Tones Business ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Blue Tones Business ID Card".toLowerCase(), file_id: "1650", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Blue Tones Business ID Card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9839946", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Blue Tones Business ID Card".toLowerCase(), file_id: "1650", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1650", "Blue Tones Business ID Card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9839946#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1650" data-slug="business-id-card-9839946" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/194424219/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/194424219/preview-page0.jpg" alt="Blue Tones Business ID Card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9839946" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Blue Tones Business ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Blue Tones Business ID Card", "contentURL": "https://content.wepik.com/statics/194424219/preview-page0.jpg", "datePublished": "2020-08-26T15:24:12+00:00", "description": "Add a new layer of professionalism to your company’s identification cards with this free-to-use business template. Its design breaths refinement, finesse, and self-assurance through a well-structured layout of vital elements such as the company’s logo and slogan to honor your mission and vision, a friendly id photo of your employee, simple yet effective fonts, and just the right shade and tones of blue that seamlessly blends in with pastel colors to provide a warm and welcoming feeling. You can customize it in its entirety through our online editing tool and, once you have done so, you can easily download it and print it for free!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9839946", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"2459":"https:\/\/content.wepik.com\/statics\/13835496\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Round Shapes Business ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Round Shapes Business ID Card".toLowerCase(), file_id: "1648", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Round Shapes Business ID Card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9839941", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Round Shapes Business ID Card".toLowerCase(), file_id: "1648", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1648", "Round Shapes Business ID Card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9839941#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1648" data-slug="business-id-card-9839941" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/13835497/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/13835497/preview-page0.jpg" alt="Round Shapes Business ID Card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9839941" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Round Shapes Business ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Round Shapes Business ID Card", "contentURL": "https://content.wepik.com/statics/13835497/preview-page0.jpg", "datePublished": "2020-08-26T15:06:20+00:00", "description": "The world goes round and round, and so does your industry, your business, your clients, and the biggest assets of them all: your employees. So it only makes sense to update their identification cards to a more modern and contemporary style. This customizable id card template features an artsy design of fun and cheerful round shapes, fonts, and colors that will illuminate your employees with positive energy and good vibes, day in and day out. Wepik’s intuitive online editing tool offers you the basic design features to create as many cards as you need, at no cost at all! That’s right, you can edit them, download them and print them for free!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9839941", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"35111":"https:\/\/content.wepik.com\/statics\/194423986\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Pastel Business ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Pastel Business ID Card".toLowerCase(), file_id: "1647", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Pastel Business ID Card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9839940", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Pastel Business ID Card".toLowerCase(), file_id: "1647", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1647", "Pastel Business ID Card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9839940#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1647" data-slug="business-id-card-9839940" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/194423984/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/194423984/preview-page0.jpg" alt="Pastel Business ID Card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9839940" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Pastel Business ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Pastel Business ID Card", "contentURL": "https://content.wepik.com/statics/194423984/preview-page0.jpg", "datePublished": "2020-08-26T14:06:39+00:00", "description": "We get it, you want to maintain your reputation as a serious and professional entity, but at the same time, you want to implement a more employee-friendly culture. And that’s why we have created this customizable template that helps you, without any design knowledge, create a new generation of business id cards. The layout is casual and carefree, the font is modern yet classy and the colors are pastel symbolizing an open-minded culture that embraces change. You can personalize it to match your business and brand’s voice and tone with our user-friendly online editing tool. It's free and you can print it! Get yours today!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9839940", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"2462":"https:\/\/content.wepik.com\/statics\/13835816\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Modern Business ID Card With Geometric Shapes"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Modern Business ID Card With Geometric Shapes".toLowerCase(), file_id: "1646", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Modern Business ID Card With Geometric Shapes", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9839938", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Modern Business ID Card With Geometric Shapes".toLowerCase(), file_id: "1646", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1646", "Modern Business ID Card With Geometric Shapes", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9839938#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1646" data-slug="business-id-card-9839938" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/13835818/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/13835818/preview-page0.jpg" alt="Modern Business ID Card With Geometric Shapes Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9839938" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Modern Business ID Card With Geometric Shapes </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Modern Business ID Card With Geometric Shapes", "contentURL": "https://content.wepik.com/statics/13835818/preview-page0.jpg", "datePublished": "2020-08-26T13:55:12+00:00", "description": "Create corporate id cards that show your respect for the most traditional aspects of your business while embracing change with an open mind. Its clever design blends the old with the new by combining a classic layout of familiar fonts and colors with modern-like geometric shapes and forms that call for a more casual and carefree photo id. Best of all, you don’t have to be a professional designer to create your own business id cards. You can customize the template with Wepik’s user-friendly online editing tool to meet your brand guidelines. Then, download it or print it, it’s up to you, we’re here just to make your life easier!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9839938", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"59911":"https:\/\/content.wepik.com\/statics\/733610836\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Creative Designer Business ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Creative Designer Business ID Card".toLowerCase(), file_id: "1645", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Creative Designer Business ID Card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9839937", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Creative Designer Business ID Card".toLowerCase(), file_id: "1645", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1645", "Creative Designer Business ID Card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9839937#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1645" data-slug="business-id-card-9839937" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/733610655/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/733610655/preview-page0.jpg" alt="Creative Designer Business ID Card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9839937" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Creative Designer Business ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Creative Designer Business ID Card", "contentURL": "https://content.wepik.com/statics/733610655/preview-page0.jpg", "datePublished": "2020-08-26T13:47:44+00:00", "description": "Let the unique personalities of your team of designers shine through this set of original business id cards! Its innovative design is eloquently structured through geometric shapes and forms that speak to the incalculable value that their limitless creativity brings to the table. The font is hip and trendy as it acts as a supporting character to a photo id that takes center stage to display the one-of-a-kind style of each designer. As with all of Wepik’s designs you can customize it completely to meet your brand guidelines through our user-friendly online tool. Once edited, the next step is to download or print it. Spoiler alert: it's completely free!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9839937", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"35110":"https:\/\/content.wepik.com\/statics\/194423814\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Geometric Shapes Business ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Geometric Shapes Business ID Card".toLowerCase(), file_id: "1644", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Geometric Shapes Business ID Card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9839933", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Geometric Shapes Business ID Card".toLowerCase(), file_id: "1644", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1644", "Geometric Shapes Business ID Card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9839933#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1644" data-slug="business-id-card-9839933" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/194423822/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/194423822/preview-page0.jpg" alt="Geometric Shapes Business ID Card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9839933" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Geometric Shapes Business ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Geometric Shapes Business ID Card", "contentURL": "https://content.wepik.com/statics/194423822/preview-page0.jpg", "datePublished": "2020-08-26T13:36:27+00:00", "description": "This trendy id card template could be the right upgrade that your business needs! Its innovative and edgy design, its creative arrangement of geometric shapes and colors, and the simplicity of its font make it a valuable option in your efforts to take your company’s culture in a new and exciting direction, one that your team can relate to. Discover how Wepik’s user-friendly online editing tool can help you create and customize your new line of business id cards. It’s free to use, download and print! Get your id on!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9839933", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"32545":"https:\/\/content.wepik.com\/statics\/134615606\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Wave Shapes Business ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Wave Shapes Business ID Card".toLowerCase(), file_id: "1542", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Wave Shapes Business ID Card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9543810", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Wave Shapes Business ID Card".toLowerCase(), file_id: "1542", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1542", "Wave Shapes Business ID Card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9543810#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1542" data-slug="business-id-card-9543810" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/134615625/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/134615625/preview-page0.jpg" alt="Wave Shapes Business ID Card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9543810" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Wave Shapes Business ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Wave Shapes Business ID Card", "contentURL": "https://content.wepik.com/statics/134615625/preview-page0.jpg", "datePublished": "2020-08-05T16:34:58+00:00", "description": "Renew or create your business ID cards for free and easily with Wepik's editor. This template is customizable, downloadable and printable. Just upload your photo and add your details. You can also change, add or remove any other element as you like. Sign up on Wepik and start using our user-friendly online tool. It's really easy and quick. You will have beautiful, refined and clearly readable new ID cards. And do you know what the best part is? It's totally free!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9543810", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"32549":"https:\/\/content.wepik.com\/statics\/134615791\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Yellow Shapes Business ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Yellow Shapes Business ID Card".toLowerCase(), file_id: "1559", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Yellow Shapes Business ID Card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-template-9590235", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Yellow Shapes Business ID Card".toLowerCase(), file_id: "1559", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1559", "Yellow Shapes Business ID Card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-template-9590235#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1559" data-slug="business-id-card-template-9590235" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/134615803/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/134615803/preview-page0.jpg" alt="Yellow Shapes Business ID Card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-template-9590235" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Yellow Shapes Business ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Yellow Shapes Business ID Card", "contentURL": "https://content.wepik.com/statics/134615803/preview-page0.jpg", "datePublished": "2020-08-10T10:20:29+00:00", "description": "Business ID cards allow employees to have their basic info displayed for others. This is especially useful if there are visitors or people from other companies around. You'll want to have your card look professional and up to the current times, right? This one has room for a photo, your name and the company's, your phone and your email, so you only need to replace that with your own. You can still modify the elements, especially if you prefer a different color palette. The size is perfect for printing—go ahead, download your design and call the printer right away!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-template-9590235", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"2606":"https:\/\/content.wepik.com\/statics\/13883202\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Blue and Green Lines Business ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Blue and Green Lines Business ID Card".toLowerCase(), file_id: "1558", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Blue and Green Lines Business ID Card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-template-9590242", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Blue and Green Lines Business ID Card".toLowerCase(), file_id: "1558", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1558", "Blue and Green Lines Business ID Card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-template-9590242#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1558" data-slug="business-id-card-template-9590242" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/13883213/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/13883213/preview-page0.jpg" alt="Blue and Green Lines Business ID Card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-template-9590242" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Blue and Green Lines Business ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Blue and Green Lines Business ID Card", "contentURL": "https://content.wepik.com/statics/13883213/preview-page0.jpg", "datePublished": "2020-08-10T10:15:48+00:00", "description": "Lines and geometric shapes are one of the favorite elements for decoration and design, as they add a touch of modernity. It could not be less in business ID cards. Customize this template to your liking and download it for free. In it, you can include your photo and your personal and contact information. Its original design is in green and dark blue tones, which always inspire professionalism and elegance. And the sans serif typography makes it easy to read the text.", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-template-9590242", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"3563":"https:\/\/content.wepik.com\/statics\/14558371\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Black and cream business id card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Black and cream business id card".toLowerCase(), file_id: "1508", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Black and cream business id card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-without-photo-9461384", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Black and cream business id card".toLowerCase(), file_id: "1508", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1508", "Black and cream business id card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-without-photo-9461384#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1508" data-slug="business-id-card-without-photo-9461384" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/14558372/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/14558372/preview-page0.jpg" alt="Black and cream business id card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-without-photo-9461384" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Black and cream business id card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Black and cream business id card", "contentURL": "https://content.wepik.com/statics/14558372/preview-page0.jpg", "datePublished": "2020-07-31T14:49:28+00:00", "description": "A business ID card must respect one thing above all others: the information must be easily readable. With this traditional template, this mission is perfectly accomplished. This design has a white background and dark colored lettering. It also has cream tone details that add elegance. You can include all the necessary data and a photo of the employee. You can also edit the colors, text and any other element of the template for free. Just use our easy-to-use online editor.", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-without-photo-9461384", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"32538":"https:\/\/content.wepik.com\/statics\/134615207\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Traditional business id card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Traditional business id card".toLowerCase(), file_id: "1511", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Traditional business id card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9461385", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Traditional business id card".toLowerCase(), file_id: "1511", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1511", "Traditional business id card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9461385#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1511" data-slug="business-id-card-9461385" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/134615219/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/134615219/preview-page0.jpg" alt="Traditional business id card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9461385" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Traditional business id card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Traditional business id card", "contentURL": "https://content.wepik.com/statics/134615219/preview-page0.jpg", "datePublished": "2020-07-31T15:17:24+00:00", "description": "Although new technologies seem to have taken all the attention, some traditional elements should not set aside. Like business ID cards. With this card, any worker can be quickly identified. Its is a simple and traditional card, easy to edit and suitable for any business.It has a white background and decorative elements in different shades of blue on the bottom and top.You can customize this template with your company and workers data. It's free and you can download it right now!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9461385", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"32536":"https:\/\/content.wepik.com\/statics\/134615124\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Creative Business ID card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Creative Business ID card".toLowerCase(), file_id: "1507", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Creative Business ID card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-without-photo-9461382", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Creative Business ID card".toLowerCase(), file_id: "1507", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1507", "Creative Business ID card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-without-photo-9461382#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1507" data-slug="business-id-card-without-photo-9461382" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/134615143/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/134615143/preview-page0.jpg" alt="Creative Business ID card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-without-photo-9461382" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Creative Business ID card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Creative Business ID card", "contentURL": "https://content.wepik.com/statics/134615143/preview-page0.jpg", "datePublished": "2020-07-31T14:43:07+00:00", "description": "Are you looking for business ID cards? Or do you want to replace your old ones? With a white background and the decorative elements giving a slight touch of color in the corners, this can be your perfect choice. It does not lose the traditional style but adds a contemporary look, thanks also to the sans serif typography. You can modify the tones, text and all the elements you want. Use Wepik's free editor and create your new business ID cards! Start now!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-without-photo-9461382", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"3559":"https:\/\/content.wepik.com\/statics\/14558177\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Creative style business id card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Creative style business id card".toLowerCase(), file_id: "1512", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Creative style business id card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9461379", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Creative style business id card".toLowerCase(), file_id: "1512", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1512", "Creative style business id card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9461379#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1512" data-slug="business-id-card-9461379" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/14558178/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/14558178/preview-page0.jpg" alt="Creative style business id card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9461379" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Creative style business id card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Creative style business id card", "contentURL": "https://content.wepik.com/statics/14558178/preview-page0.jpg", "datePublished": "2020-07-31T15:21:32+00:00", "description": "Needing a business ID card doesn't have to mean giving up on style! This original and creative card will leave no one indifferent. It fulfills its function perfectly, since it allows identification in a quick and agile way. The card is divided in two different colors: pink and white. It also has black details such as lines or the text itself. Is it too original or do you want to make some changes? Modify this free template to get your perfect card. It will be very easy thanks to our editing tool.", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9461379", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"3557":"https:\/\/content.wepik.com\/statics\/14558132\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Geometric business id card with balck and yellow colors"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Geometric business id card with balck and yellow colors".toLowerCase(), file_id: "1514", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Geometric business id card with balck and yellow colors", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9461371", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Geometric business id card with balck and yellow colors".toLowerCase(), file_id: "1514", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1514", "Geometric business id card with balck and yellow colors", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9461371#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1514" data-slug="business-id-card-9461371" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/14558134/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/14558134/preview-page0.jpg" alt="Geometric business id card with balck and yellow colors Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9461371" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Geometric business id card with balck and yellow colors </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Geometric business id card with balck and yellow colors", "contentURL": "https://content.wepik.com/statics/14558134/preview-page0.jpg", "datePublished": "2020-07-31T15:36:27+00:00", "description": "If you are a person with a strong personality you surely like to make a difference. That's why a business ID card like this one may be what you've been looking for. This is a free template with geometric shapes that combines black and yellow, which add dynamism and energy. All this on a white background that makes those colors stand out even more. In this ID card you can put all your contact information and also your photo. You can add even more elements if you want with Wepik's editing tool.", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9461371", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"32540":"https:\/\/content.wepik.com\/statics\/134615297\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Dark business id card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Dark business id card".toLowerCase(), file_id: "1515", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Dark business id card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9461373", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Dark business id card".toLowerCase(), file_id: "1515", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1515", "Dark business id card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9461373#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1515" data-slug="business-id-card-9461373" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/134615303/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/134615303/preview-page0.jpg" alt="Dark business id card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9461373" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Dark business id card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Dark business id card", "contentURL": "https://content.wepik.com/statics/134615303/preview-page0.jpg", "datePublished": "2020-07-31T15:40:21+00:00", "description": "Get your own business ID card with this stylish template from Wepik. The top and bottom are dark gray, while the middle part is white. This makes the photo, name and job title more visible. It also has blue details in the form of waves, which give it a sophisticated touch. Feel free to edit the template to your liking. Thanks to Wepik's online editing tool you can easily add or remove all the elements you want. Sign up now and start creating. It's totally free!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9461373", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"3552":"https:\/\/content.wepik.com\/statics\/14558005\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Professional business id card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Professional business id card".toLowerCase(), file_id: "1516", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Professional business id card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9461369", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Professional business id card".toLowerCase(), file_id: "1516", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1516", "Professional business id card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9461369#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1516" data-slug="business-id-card-9461369" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/14558006/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/14558006/preview-page0.jpg" alt="Professional business id card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9461369" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Professional business id card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Professional business id card", "contentURL": "https://content.wepik.com/statics/14558006/preview-page0.jpg", "datePublished": "2020-07-31T15:45:00+00:00", "description": "Edit and customize this template to get your business ID card. The original design uses gray, blue, black and white tones. The decorative elements are abstract drawings but make it more dynamic and modern, and the sans serif typography makes the text easy to read. Even so, it does not lose the formal essence of a business card. With Wepik's editor you can change all the elements, including the text and photo. Sign up now and discover how easy it is to customize it.", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9461369", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"3394":"https:\/\/content.wepik.com\/statics\/14502232\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Business ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Business ID Card".toLowerCase(), file_id: "1540", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Business ID Card", "Branding", "ID Cards"); const newUrl = new URL("/edit/httpswwwfreepikcomfree-vectortest-9543811htm-9543811", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Business ID Card".toLowerCase(), file_id: "1540", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1540", "Business ID Card", "Branding", "ID Cards") location.href = "https://wepik.com/template/httpswwwfreepikcomfree-vectortest-9543811htm-9543811#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1540" data-slug="httpswwwfreepikcomfree-vectortest-9543811htm-9543811" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/14502221/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/14502221/preview-page0.jpg" alt="Business ID Card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/httpswwwfreepikcomfree-vectortest-9543811htm-9543811" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Business ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Business ID Card", "contentURL": "https://content.wepik.com/statics/14502221/preview-page0.jpg", "datePublished": "2020-08-05T16:27:04+00:00", "description": "Customize your own business card. This Wepik design respects the white background of traditional business cards but adds a touch of color. Thus, it has different geometric shapes, at the top and bottom, in green, yellow and blue colors that add modernity. These same colors are combined to highlight some aspects of the text. You can edit the template with your data and your own photo. Sign up on Wepik and start using our editing tool. You can also print it once downloaded. And it's free!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/httpswwwfreepikcomfree-vectortest-9543811htm-9543811", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"32543":"https:\/\/content.wepik.com\/statics\/134615426\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Yellow And Dark Gray Business ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Yellow And Dark Gray Business ID Card".toLowerCase(), file_id: "1539", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Yellow And Dark Gray Business ID Card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9543816", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Yellow And Dark Gray Business ID Card".toLowerCase(), file_id: "1539", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1539", "Yellow And Dark Gray Business ID Card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9543816#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1539" data-slug="business-id-card-9543816" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/134615446/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/134615446/preview-page0.jpg" alt="Yellow And Dark Gray Business ID Card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9543816" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Yellow And Dark Gray Business ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Yellow And Dark Gray Business ID Card", "contentURL": "https://content.wepik.com/statics/134615446/preview-page0.jpg", "datePublished": "2020-08-05T16:21:13+00:00", "description": "Customizing this business ID card so that you get a corporate design that all your employees can use is not difficult at all. In fact, you don't need any graphics editing skills. Wepik's online editor provides you with all you need to adapt this template to your liking in a few minutes. The different geometric shapes included let you play with the colors so that your brand is easily recognizable within this design. Change the text and the photo accordingly. So, are you ready to begin? Then sign in and go for it!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9543816", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"32544":"https:\/\/content.wepik.com\/statics\/134615543\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Geometric Business ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Geometric Business ID Card".toLowerCase(), file_id: "1541", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Geometric Business ID Card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9543813", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Geometric Business ID Card".toLowerCase(), file_id: "1541", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1541", "Geometric Business ID Card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9543813#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1541" data-slug="business-id-card-9543813" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/134615528/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/134615528/preview-page0.jpg" alt="Geometric Business ID Card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9543813" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Geometric Business ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Geometric Business ID Card", "contentURL": "https://content.wepik.com/statics/134615528/preview-page0.jpg", "datePublished": "2020-08-05T16:33:26+00:00", "description": "Business ID cards can come in many different forms. From the most classic to the most modern. What is clear is that they can define very well the personality of the company or person who wears them. If you like color, but without excesses, this Wepik template can be your new business identity card. On the right side, you can put your photo and all your data. On the left side, you can see geometric shapes in various colors. The template is free and you can get it right now. Sign up on Wepik!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9543813", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"32539":"https:\/\/content.wepik.com\/statics\/134615236\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Light green business id card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Light green business id card".toLowerCase(), file_id: "1513", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Light green business id card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9461380", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Light green business id card".toLowerCase(), file_id: "1513", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1513", "Light green business id card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9461380#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1513" data-slug="business-id-card-9461380" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/134615238/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/134615238/preview-page0.jpg" alt="Light green business id card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9461380" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Light green business id card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Light green business id card", "contentURL": "https://content.wepik.com/statics/134615238/preview-page0.jpg", "datePublished": "2020-07-31T15:25:36+00:00", "description": "Add a touch of color to your business ID card! Nowadays there are many templates that, without departing from traditional designs, bring a more fun touch. Like this free template from Wepik. It has a design in which light blue predominates, with geometric details in black and white. The text combines this two colors for good readability, and there's enough space for your worker's picture. Customize it through our online editing tool and download the final result for free!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9461380", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"32537":"https:\/\/content.wepik.com\/statics\/134615169\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Blue and yellow business id card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Blue and yellow business id card".toLowerCase(), file_id: "1510", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Blue and yellow business id card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9461376", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Blue and yellow business id card".toLowerCase(), file_id: "1510", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1510", "Blue and yellow business id card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9461376#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1510" data-slug="business-id-card-9461376" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/134615175/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/134615175/preview-page0.jpg" alt="Blue and yellow business id card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9461376" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Blue and yellow business id card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Blue and yellow business id card", "contentURL": "https://content.wepik.com/statics/134615175/preview-page0.jpg", "datePublished": "2020-07-31T15:05:38+00:00", "description": "Many companies need business ID cards for their employees and staff. If you want to get one quickly and easily you can use this template from Wepik. The design is inspired by geometric shapes. The color palette is yellow and dark blue on a white background. The text also combines these colors for an easy reading. It also includes a space for the worker's photo. Customize the template for free with our online editing tool and download it. Start creating now!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9461376", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"3561":"https:\/\/content.wepik.com\/statics\/14558314\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Fun Design Business ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Fun Design Business ID Card".toLowerCase(), file_id: "1509", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Fun Design Business ID Card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-without-photo-9461377", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Fun Design Business ID Card".toLowerCase(), file_id: "1509", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1509", "Fun Design Business ID Card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-without-photo-9461377#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1509" data-slug="business-id-card-without-photo-9461377" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/14558316/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/14558316/preview-page0.jpg" alt="Fun Design Business ID Card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-without-photo-9461377" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Fun Design Business ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Fun Design Business ID Card", "contentURL": "https://content.wepik.com/statics/14558316/preview-page0.jpg", "datePublished": "2020-07-31T14:56:24+00:00", "description": "Just because business ID cards are something related to the professional area doesn't mean they can't be creative or fun. Give your new cards a splash of color with this template. On the white background we have superimposed different shapes and objects in purple, pink and red. The combination of colors also is also present in the text, with pink and dark gray. Add, remove or edit all the elements you want to adapt it to your liking, and download this card for free.", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-without-photo-9461377", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"32504":"https:\/\/content.wepik.com\/statics\/134600346\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Graphic designer business id card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Graphic designer business id card".toLowerCase(), file_id: "1450", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Laura", author_id: "2", }); } editTemplateGtm("Graphic designer business id card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-template-9366156", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Graphic designer business id card".toLowerCase(), file_id: "1450", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1450", "Graphic designer business id card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-template-9366156#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1450" data-slug="business-id-card-template-9366156" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/134600354/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/134600354/preview-page0.jpg" alt="Graphic designer business id card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-template-9366156" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Graphic designer business id card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Graphic designer business id card", "contentURL": "https://content.wepik.com/statics/134600354/preview-page0.jpg", "datePublished": "2020-07-28T11:16:07+00:00", "description": "If you want to give a modern touch to your business ID cards this template can help you. It has yellow, orange and blue tones and a tropical touch provided by the leaves. To be able to read the text clearly, we have chosen a clean and black sans serif typography, that stands out against the background. You can also add a photo of the employee. And with Wepik's online editor you can modify all the elements you want, customizing the card to your liking. You can change the decorative elements, the colors or the text. Use our free tool and download your perfect card!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-template-9366156", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"32503":"https:\/\/content.wepik.com\/statics\/134600270\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Blue and Black Business ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Blue and Black Business ID Card".toLowerCase(), file_id: "1449", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Laura", author_id: "2", }); } editTemplateGtm("Blue and Black Business ID Card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9366155", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Blue and Black Business ID Card".toLowerCase(), file_id: "1449", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1449", "Blue and Black Business ID Card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9366155#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1449" data-slug="business-id-card-9366155" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/134600314/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/134600314/preview-page0.jpg" alt="Blue and Black Business ID Card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9366155" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Blue and Black Business ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Blue and Black Business ID Card", "contentURL": "https://content.wepik.com/statics/134600314/preview-page0.jpg", "datePublished": "2020-07-28T11:10:53+00:00", "description": "Black, white and blue are always a success. The combination of these colors inspires elegance, seriousness and confidence. This makes this business ID card a good choice for your company. The typography is sans serif, to add modernity. All the elements of this template can be edited. You can even add new ones or remove the ones you don’t like. Just use our free Wepik online tool and start editing. Modify and download the design free for charge. Start now and get your printable ID card!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9366155", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"2279":"https:\/\/content.wepik.com\/statics\/13819195\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Modern and elegant business id card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Modern and elegant business id card".toLowerCase(), file_id: "1432", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Modern and elegant business id card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-9188706", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Modern and elegant business id card".toLowerCase(), file_id: "1432", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1432", "Modern and elegant business id card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-9188706#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1432" data-slug="business-id-card-9188706" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/13819198/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/13819198/preview-page0.jpg" alt="Modern and elegant business id card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-9188706" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Modern and elegant business id card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Modern and elegant business id card", "contentURL": "https://content.wepik.com/statics/13819198/preview-page0.jpg", "datePublished": "2020-07-24T11:47:56+00:00", "description": "In the past, ID business cards were always too formal. If you, your business and your employees have a different style, more lively, Wepik offers you a very modern, attractive and elegant card option. The design is dominated by pastel tones and decorative elements simulating abstract shapes, lines and dots. You can customize the template with the photo and data of each worker. You can also modify different elements of the design to adapt it to your needs. Just use our online editor and download the result for free.", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-9188706", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"2274":"https:\/\/content.wepik.com\/statics\/13819113\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Creative business id card with gold details"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Creative business id card with gold details".toLowerCase(), file_id: "1434", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Creative business id card with gold details", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-template-9189806", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Creative business id card with gold details".toLowerCase(), file_id: "1434", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1434", "Creative business id card with gold details", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-template-9189806#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1434" data-slug="business-id-card-template-9189806" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/13819116/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/13819116/preview-page0.jpg" alt="Creative business id card with gold details Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-template-9189806" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Creative business id card with gold details </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Creative business id card with gold details", "contentURL": "https://content.wepik.com/statics/13819116/preview-page0.jpg", "datePublished": "2020-07-24T12:07:21+00:00", "description": "Business ID cards are a good option to identify employees and staff. Although their design has always been very classic, more and more companies are opting for new and modern designs. Following this path, this Wepik template in green and gold tones is a perfect choice. It is a very simple and elegant card that can be adapted to any type of company. This template is fully customizable and printable, and you can download it for free. Sing up on Wepik and get your card now!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-template-9189806", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"32492":"https:\/\/content.wepik.com\/statics\/134597336\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Tropical design business id card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Tropical design business id card".toLowerCase(), file_id: "1435", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Tropical design business id card", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-template-9189807", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Tropical design business id card".toLowerCase(), file_id: "1435", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1435", "Tropical design business id card", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-template-9189807#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1435" data-slug="business-id-card-template-9189807" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/134597371/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/134597371/preview-page0.jpg" alt="Tropical design business id card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-template-9189807" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Tropical design business id card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Tropical design business id card", "contentURL": "https://content.wepik.com/statics/134597371/preview-page0.jpg", "datePublished": "2020-07-24T12:12:41+00:00", "description": "Do you want to give a tropical touch to your company? A good way to start are these fun and trendy business ID cards. In shades of green, pink and white, and with cute leaves illustrations, this template will transport you to a much warmer and relaxed atmosphere by conveying that holiday feeling we all love. You can put on it all your woker’s information, entry code and photo. Use the Wepik editor to customize your card. All modifications are free and then you can download your design.", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-template-9189807", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"32491":"https:\/\/content.wepik.com\/statics\/134597187\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Modern business id card with photo"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Modern business id card with photo".toLowerCase(), file_id: "1433", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Irene", author_id: "1", }); } editTemplateGtm("Modern business id card with photo", "Branding", "ID Cards"); const newUrl = new URL("/edit/business-id-card-template-9188708", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Modern business id card with photo".toLowerCase(), file_id: "1433", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("1433", "Modern business id card with photo", "Branding", "ID Cards") location.href = "https://wepik.com/template/business-id-card-template-9188708#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 157.42857142857%;" data-id="1433" data-slug="business-id-card-template-9188708" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/134597193/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/134597193/preview-page0.jpg" alt="Modern business id card with photo Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/business-id-card-template-9188708" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Modern business id card with photo </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Modern business id card with photo", "contentURL": "https://content.wepik.com/statics/134597193/preview-page0.jpg", "datePublished": "2020-07-24T11:59:53+00:00", "description": "The time to modernise you business ID cards has come. Nowadays there are a lot of designs that allow a good reading of the data and vision of the photo and code, but with touch of color. In this template we have included different tones, shapes and modern structure. It has geometric forms and black, blue and yellow tones, three colors that give a youthful look. With the easy-to-use Wepik editor you can change the elements you want or add new ones. You can also edit the text or the space for the picture. Download this ID card for free now!", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/business-id-card-template-9188708", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"27563":"https:\/\/content.wepik.com\/statics\/91580556\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Simple Green Planet Non-profit Organization ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Simple Green Planet Non-profit Organization ID Card".toLowerCase(), file_id: "24944", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Marta Lozano", author_id: "12", }); } editTemplateGtm("Simple Green Planet Non-profit Organization ID Card", "Branding", "ID Cards"); const newUrl = new URL("/edit/simple-green-planet-non-profit-organization-id-card", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Simple Green Planet Non-profit Organization ID Card".toLowerCase(), file_id: "24944", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("24944", "Simple Green Planet Non-profit Organization ID Card", "Branding", "ID Cards") location.href = "https://wepik.com/template/simple-green-planet-non-profit-organization-id-card#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 154.42857142857%;" data-id="24944" data-slug="simple-green-planet-non-profit-organization-id-card" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/91580631/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/91580631/preview-page0.jpg" alt="Simple Green Planet Non-profit Organization ID Card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/simple-green-planet-non-profit-organization-id-card" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Simple Green Planet Non-profit Organization ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Simple Green Planet Non-profit Organization ID Card", "contentURL": "https://content.wepik.com/statics/91580631/preview-page0.jpg", "datePublished": "2023-07-11T07:51:31+00:00", "description": "", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/simple-green-planet-non-profit-organization-id-card", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> <div class="masonry-grid-item sm:w-1/2 lg:w-1/3 xl:w-1/4 px-3 sm:px-4 mb-6 sm:mb-8 flex items-center justify-center w-1/2 2xl:w-[12.5%]" > <figure x-data='{ variant: 0, images: {"27594":"https:\/\/content.wepik.com\/statics\/90398490\/preview-page0.jpg"}, editTemplate(trackEditTemplate = true) { trackAnalytic("template-edit", "click", "Colorful Hand-drawn Jennifer Rocket ID Card"); if(trackEditTemplate) { trackGA4("edit_template",{ file_name: "Colorful Hand-drawn Jennifer Rocket ID Card".toLowerCase(), file_id: "24957", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), author_name: "Laura Pinto", author_id: "17", }); } editTemplateGtm("Colorful Hand-drawn Jennifer Rocket ID Card", "Branding", "Teacher ID Cards"); const newUrl = new URL("/edit/colorful-hand-drawn-jennifer-rocket-id-card", window.location.origin); if (this.variant) { newUrl.searchParams.set("variant", this.variant); } if("ID Cards"){ window.location.hash = "search=id-cards&page=8&rs=ID Cards".toLowerCase(); } else { window.location.hash = ""; } const finalURL = newUrl.href + (window.location.hash.startsWith("#") ? "" : "#") + window.location.hash + "&search=id-cards&page=8&rs=ID Cards"; window.open(finalURL, window.Cypress ? "_self" : "_blank") }, onClickVariant (variantId) { trackGA4("template_change_color", { file_name: "Colorful Hand-drawn Jennifer Rocket ID Card".toLowerCase(), file_id: "24957", category: "Branding", license: "free", location: "ID Cards".toLowerCase().replace(" ","-"), }); trackAnalytic("preview-variant-list", "click"); this.setVariant(variantId); }, goTemplate() { selectTemplateGtm("24957", "Colorful Hand-drawn Jennifer Rocket ID Card", "Branding", "Teacher ID Cards") location.href = "https://wepik.com/template/colorful-hand-drawn-jennifer-rocket-id-card#variant=" + this.variant+"&search=id-cards&page=8&rs=ID Cards" }, setVariant(variant) { this.variant = variant; const image = this.images[variant]; this.$refs.image.src = this.$refs.image.srcset = image; } }' class="relative rounded bg-offwhite-50 group template w-full" style="padding-bottom: 154.42857142857%;" data-id="24957" data-slug="colorful-hand-drawn-jennifer-rocket-id-card" data-testid="template" > <div class="h-full"> <img src="https://content.wepik.com/statics/90398503/conversions/preview-page0-thumb.jpg" srcset="https://content.wepik.com/statics/90398503/preview-page0.jpg" alt="Colorful Hand-drawn Jennifer Rocket ID Card Template" loading="lazy" class="rounded z-10 transition-opacity duration-300 object-cover absolute w-full inset-0 " x-ref="image" /> <div class="absolute top-2 right-2 flex items-center gap-1 z-10"> <span data-testid="multipage" class="text-white bg-neutral-900/75 rounded-full px-2 h-4 flex items-center justify-center text-xs font-semibold"> 2 </span> </div> <span x-on:click='goTemplate' formtarget="_blank" class="absolute left-0 bottom-0 w-full h-full opacity-0 lg:hover:opacity-100 transition-opacity duration-300 z-20 flex items-end cursor-pointer overflow-hidden rounded" aria-label="Edit template" > <div class="h-48 translate-y-2 bg-gradient-to-t from-deep-blue-900/90 via-deep-blue-900/75 flex justify-end rounded w-full flex-col items-center p-4" > <a href="https://wepik.com/template/colorful-hand-drawn-jennifer-rocket-id-card" class="text-white truncate font-bold w-full mb-2" data-testid="thumbnail-template-title" > Colorful Hand-drawn Jennifer Rocket ID Card </a> <div class="items-center gap-2 grid grid-cols-auto w-full" > <button x-on:click.stop='editTemplate()' class="w-full bg-blue-500 rounded text-sm h-8 text-white font-semibold hidden lg:flex items-center justify-center hover:bg-blue-600 px-3 2xl:px-4" data-testid="thumbnail-edit-btn" > <svg class="fill-current h-3 w-3" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-a13c4d648b29a25f75e20863221c6004"></use></svg> <span class="ml-2">Edit</span> </button> <button x-on:click.stop="goTemplate()" class="w-full font-semibold text-neutral-100 rounded px-2 hidden lg:flex items-center justify-center hover:border-neutral-400 leading-0 border border-neutral-100 h-8 hover:text-neutral-200 text-sm" data-testid="more-details-btn"> More info </button> </div> </div> </span> <span class="absolute inset-0 rounded border border-black opacity-10 pointer-events-none z-10"></span> </div> </figure> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "name": "Colorful Hand-drawn Jennifer Rocket ID Card", "contentURL": "https://content.wepik.com/statics/90398503/preview-page0.jpg", "datePublished": "2023-07-11T09:38:27+00:00", "description": "", "encodingFormat": "image/jpeg", "license":"https://wepik.com/legal", "acquireLicensePage": "https://wepik.com/template/colorful-hand-drawn-jennifer-rocket-id-card", "creditText": "Freepik Company", "creator": { "@type": "Organization", "name": "Wepik" }, "copyrightNotice": "Freepik Company" } </script> </div> </div> <div class="my-16"> <nav role="navigation" aria-label="Pagination Navigation" class="flex items-center justify-between"> <div class="flex justify-between flex-1 sm:hidden"> <a href="https://wepik.com/templates/id-cards?page=7" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300"> « Previous </a> <a href="https://wepik.com/templates/id-cards?page=9" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300"> Next » </a> </div> <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between"> <div> <p class="text-sm text-gray-700 leading-5 dark:text-gray-400"> Showing <span class="font-medium">281</span> to <span class="font-medium">320</span> of <span class="font-medium">378</span> results </p> </div> <div> <span class="relative z-0 inline-flex rtl:flex-row-reverse shadow-sm rounded-md"> <a href="https://wepik.com/templates/id-cards?page=7" rel="prev" class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-l-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="« Previous"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" /> </svg> </a> <a href="https://wepik.com/templates/id-cards?page=1" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 1"> 1 </a> <a href="https://wepik.com/templates/id-cards?page=2" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 2"> 2 </a> <a href="https://wepik.com/templates/id-cards?page=3" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 3"> 3 </a> <a href="https://wepik.com/templates/id-cards?page=4" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 4"> 4 </a> <a href="https://wepik.com/templates/id-cards?page=5" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 5"> 5 </a> <a href="https://wepik.com/templates/id-cards?page=6" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 6"> 6 </a> <a href="https://wepik.com/templates/id-cards?page=7" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 7"> 7 </a> <span aria-current="page"> <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600">8</span> </span> <a href="https://wepik.com/templates/id-cards?page=9" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 9"> 9 </a> <a href="https://wepik.com/templates/id-cards?page=10" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 10"> 10 </a> <a href="https://wepik.com/templates/id-cards?page=9" rel="next" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Next »"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" /> </svg> </a> </span> </div> </div> </nav> </div> </div> </div> <div class="text-seo text-neutral-700 rounded-lg bg-offwhite-300 p-4"> <h2><font size="+1"><span class="text-blue-500">Why use ID Cards?</h2></font></span> ID card templates offer several advantages for businesses. They provide a professional and consistent appearance, enhancing the organization's image. Uniformity in ID card design helps create a <strong>sense of unity among employees</strong> and fosters a cohesive work environment. Secondly, ID card templates simplify the process of creating and managing identification cards. They save time and effort by providing a structured framework that can be customized with essential information like employee names, photos, and access permissions.<br><br> Using templates ensures compliance with security and branding standards, reducing the risk of errors and enhancing overall security measures within the organization. In summary, ID card templates streamline the ID card creation process, promote professionalism, and reinforce security protocols in businesses.<br><br> Discover how to create professional, secure ID Cards with our insightful blog post about <a href="https://wepik.com/blog/print-design-tips-on-all-you-need-to-know/">printing design tips</a>.<br><br> <h2><font size="+1"><span class="text-blue-500">Types of ID Card templates</h2></span></font> There are numerous types of ID cards designed for various purposes, but three main categories include:<br><br> <strong>Employee ID cards</strong>: These are identification cards issued by employers to their employees. Employee ID cards typically include the employee's name, photo, job title, and sometimes access permissions for company premises or systems. They are used to enhance security within the workplace, control access, and provide a means of identification for staff members.<br> <strong>Student ID cards</strong>: Are issued by educational institutions, such as schools, colleges, and universities, to their students. These cards typically include the student's name, photograph, student identification number, and sometimes other details like the program of study or academic year.<br> <strong>Membership or access ID cards</strong>: These are often issued by organizations, clubs, or institutions to grant access or privileges to members or cardholders. Examples include gym membership cards, library cards, and access cards for secure buildings. These cards may contain the individual's name, membership number, and possibly a photo to confirm their eligibility for specific benefits or services.<br><br> </div> </div> </div> </main> <footer class="pt-8 sm:pt-16 bg-neutral-900 text-neutral-300 mt-auto"> <div class="container mx-auto px-6"> <div class="flex flex-wrap mb-4"> <div class="mb-8 sm:mb-0 w-full sm:w-2/6 flex flex-col items-center sm:items-start"> <img src="https://content.wepik.com/media/images/logo-w-byfreepik.svg" class="hidden sm:block sm:h-6" alt="Wepik icon"> <img src="https://content.wepik.com/media/images/logo-w-byfreepik-mob.svg" class="sm:hidden" alt="Wepik icon"> <a href="mailto:support@wepik.com" class="block text-neutral-500 hover:text-neutral-300 mt-3 text-lg">support@wepik.com</a> <div class="mt-8"> <p class="uppercase text-base mb-4 font-semibold">Social media</p> <a href="https://www.pinterest.es/wepik_freepik/_created/" target="_blank" rel="noreferrer" class="bg-pinterest text-white rounded inline-block items-center justify-center p-2 hover:bg-red-800 mr-2 w-9 h-9 focus:outline-none share"> <span class="sr-only">Pinterest button</span> <svg class="fill-current h-5 w-5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><use href="#icon-e0295fecdf223ca2f576dc86a80ec297"></use></svg> </a> <a href="https://www.youtube.com/channel/UCRYeeuSZdfeBIqDeenwH0Lg" target="_blank" rel="noreferrer" class="bg-pinterest text-white rounded inline-block items-center justify-center p-2 hover:bg-red-800 mr-2 w-9 h-9 focus:outline-none share"> <span class="sr-only">Youtube button</span> <svg class="fill-current h-5 w-5" alt="youtube icon" class="fill-current h-5 w-5 text-white" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon-cca6d027893da3920ea47d7d0c7d2add"></use></svg> </a> </div> </div> <div class="sm:w-4/6 flex flex-wrap"> <div class="w-full mb-4 lg:mb-0 lg:w-2/4"> <p class="uppercase text-base mb-4 font-semibold"> <a href="https://wepik.com/small-business"> Small Business Graphics </a> </p> <div class="flex"> <ul class="w-full lg:w-1/2"> <li class="flex"> <a href="https://wepik.com/restaurant#search=id-cards&page=8&rs=footer" class="text-neutral-500 mb-2 inline-block text-sm hover:text-neutral-300"> Restaurant </a> </li> <li class="flex"> <a href="https://wepik.com/coffee-shop#search=id-cards&page=8&rs=footer" class="text-neutral-500 mb-2 inline-block text-sm hover:text-neutral-300"> Coffee Shop </a> </li> <li class="flex"> <a href="https://wepik.com/real-estate#search=id-cards&page=8&rs=footer" class="text-neutral-500 mb-2 inline-block text-sm hover:text-neutral-300"> Real Estate </a> </li> <li class="flex"> <a href="https://wepik.com/photography#search=id-cards&page=8&rs=footer" class="text-neutral-500 mb-2 inline-block text-sm hover:text-neutral-300"> Photographer </a> </li> <li class="flex"> <a href="https://wepik.com/beauty-salon#search=id-cards&page=8&rs=footer" class="text-neutral-500 mb-2 inline-block text-sm hover:text-neutral-300"> Beauty Salon </a> </li> </ul> <ul class="w-1/2"> <li class="flex"> <a href="https://wepik.com/personal-trainer#search=id-cards&page=8&rs=footer" class="text-neutral-500 mb-2 inline-block text-sm hover:text-neutral-300"> Personal Trainer </a> </li> <li class="flex"> <a href="https://wepik.com/spa#search=id-cards&page=8&rs=footer" class="text-neutral-500 mb-2 inline-block text-sm hover:text-neutral-300"> Spa </a> </li> <li class="flex"> <a href="https://wepik.com/bakery#search=id-cards&page=8&rs=footer" class="text-neutral-500 mb-2 inline-block text-sm hover:text-neutral-300"> Bakery </a> </li> <li class="flex"> <a href="https://wepik.com/travel-agency#search=id-cards&page=8&rs=footer" class="text-neutral-500 mb-2 inline-block text-sm hover:text-neutral-300"> Travel Agency </a> </li> <li class="flex"> <a href="https://wepik.com/interior-design#search=id-cards&page=8&rs=footer" class="text-neutral-500 mb-2 inline-block text-sm hover:text-neutral-300"> Interior Design </a> </li> </ul> </div> </div> <div class="w-full mb-4 lg:mb-0 lg:w-1/4"> <p class="uppercase text-base mb-4 font-semibold"> Makers </p> <div class="flex"> <ul class="w-full"> <li class="flex w-full"> <a href="https://wepik.com/instagram-posts#search=id-cards&page=8&rs=footer" class="text-neutral-500 mb-2 inline-block text-sm hover:text-neutral-300"> Instagram Post Maker </a> </li> <li> <a href="https://wepik.com/flyers#search=id-cards&page=8&rs=footer" class="text-neutral-500 mb-2 inline-block text-sm hover:text-neutral-300"> Flyer Maker </a> </li> <li> <a href="https://wepik.com/brochures#search=id-cards&page=8&rs=footer" class="text-neutral-500 mb-2 inline-block text-sm hover:text-neutral-300"> Brochures maker </a> </li> <li> <a href="https://wepik.com/timelines#search=id-cards&page=8&rs=footer" class="text-neutral-500 mb-2 inline-block text-sm hover:text-neutral-300"> Timelines maker </a> </li> </ul> </div> </div> <div class="w-1/2 lg:w-1/4"> <p class="uppercase text-base mb-4 font-semibold">Help</p> <ul class="p-0 flex flex-wrap"> <li class="w-1/2"> <ul> <li class="pr-2"> <a class="text-neutral-500 mb-2 inline-block text-sm hover:text-neutral-300" href="https://support.wepik.com/s/?language=en" target="_blank">Support</a> </li> <li class="pr-2"> <a class="text-neutral-500 mb-2 inline-block text-sm hover:text-neutral-300" href="https://wepik.com/legal" rel="noreferrer">Terms & conditions</a> </li> <li> <a class="text-neutral-500 mb-2 inline-block text-sm hover:text-neutral-300" href="https://www.freepikcompany.com/privacy" target="_blank">Privacy policy</a> </li> </ul> </li> <li class="w-1/2"> <ul> <li> <a class="text-neutral-500 mb-2 inline-block text-sm hover:text-neutral-300" href="https://www.freepik.com/company/about-us" target="_blank" rel="noreferrer">About us</a> </li> <li> <a class="text-neutral-500 mb-2 inline-block text-sm hover:text-neutral-300" href="https://www.freepikcompany.com/cookie" target="_blank" rel="noreferrer">Cookie policy</a> </li> <li> <button id="ot-sdk-btn" class="ot-sdk-show-settings text-neutral-500 mb-2 inline-block text-sm hover:text-neutral-300">Cookie Settings</button> </li> </ul> </li> </ul> </div> </div> </div> <div class="flex items-center justify-center gap-4 mt-8 sm:justify-start lg:justify-end sm:mt-0"> <a href="https://apps.apple.com/app/wepik/id1571500915" target="_blank" class="w-40 border border-neutral-300 rounded-lg p-2 flex items-center hover:text-white">  <svg class="fill-current h-7 w-7 mr-2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve" width="512" height="512"> <g id="_Group_2"> <g id="_Group_3"> <path id="_Path_" d="M18.546,12.763c0.024-1.87,1.004-3.597,2.597-4.576c-1.009-1.442-2.64-2.323-4.399-2.378 c-1.851-0.194-3.645,1.107-4.588,1.107c-0.961,0-2.413-1.088-3.977-1.056C6.122,5.927,4.25,7.068,3.249,8.867 c-2.131,3.69-0.542,9.114,1.5,12.097c1.022,1.461,2.215,3.092,3.778,3.035c1.529-0.063,2.1-0.975,3.945-0.975 c1.828,0,2.364,0.975,3.958,0.938c1.64-0.027,2.674-1.467,3.66-2.942c0.734-1.041,1.299-2.191,1.673-3.408 C19.815,16.788,18.548,14.879,18.546,12.763z"/> <path id="_Path_2" d="M15.535,3.847C16.429,2.773,16.87,1.393,16.763,0c-1.366,0.144-2.629,0.797-3.535,1.829 c-0.895,1.019-1.349,2.351-1.261,3.705C13.352,5.548,14.667,4.926,15.535,3.847z"/> </g> </g> </svg> <span class="text-xs leading-none"> Download on the <strong class="text-lg block leading-tight">App Store</strong> </span> </a> <a href="https://play.google.com/store/apps/details?id=com.freepik.wepik&hl=en&gl=US" target="_blank" class="w-40 border border-neutral-300 rounded-lg p-2 flex items-center hover:text-white">  <svg class="fill-current h-7 w-7 mr-2" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <g> <path d="M99.617,8.057C87.953,0.52,73.943-1.758,60.802,1.344l230.932,230.933l74.846-74.846L99.617,8.057z"/> </g> </g> <g> <g> <path d="M32.139,20.116c-6.441,8.563-10.148,19.077-10.148,30.199v411.358c0,11.123,3.708,21.636,10.148,30.199l235.877-235.877 L32.139,20.116z"/> </g> </g> <g> <g> <path d="M464.261,212.087l-67.266-37.637l-81.544,81.544l81.548,81.548l67.273-37.64c16.117-9.03,25.738-25.442,25.738-43.908 S480.389,221.117,464.261,212.087z"/> </g> </g> <g> <g> <path d="M291.733,279.711L60.815,510.629c3.786,0.891,7.639,1.371,11.492,1.371c9.522,0,19.011-2.708,27.31-8.07l266.965-149.372 L291.733,279.711z"/> </g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg> <span class="text-xs leading-none"> Get in on <strong class="text-lg block leading-tight">Google Play</strong> </span> </a> </div> </div> <div class="mt-8"> <div class="container mx-auto px-4 text-center border-t border-neutral-800 py-6 flex flex-col sm:flex-row items-center justify-between"> <div class="flex flex-col sm:flex-row sm:items-end"> <img src="https://content.wepik.com/media/images/freepikcompany.svg" class="mb-2 sm:mb-0 h-4" alt="Freepik Company"> <p class="text-sm opacity-75 leading-normal text-neutral-200 ml-2">Copyright ©2024 Freepik Company S.L. All rights reserved.</p> </div> <div x-data="{ open: false }" class="relative mt-4 sm:mt-0"> <button @click="open = true" class="border-2 border-white rounded py-2 px-4 text-sm text-white flex items-center hover:bg-white hover:text-neutral-900 focus:outline-none"> English <svg alt="icon caret" x-bind:class="open ? 'rotate-180' : ''" class="fill-current fill-current h-4 w-4 ml-1 transform" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><use href="#icon-cdf82d1329929447f3ea64ae84ae9e40"></use></svg> </button> <div x-cloak x-show="open" @click.outside="open = false" class="absolute right-0 bottom-0 bg-white w-28 lg:w-40 rounded-sm mb-14 py-2 shadow-xl"> <svg alt="icon caret" class="fill-current h-3 w-3 absolute right-5 -bottom-2 text-white transform rotate-180" viewBox="0 0 20 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0L20 10H0L10 0Z"></path></svg> <a href="https://wepik.com/es/plantillas/gafetes?page=8" class="block text-neutral-600 py-2 px-4 text-left font-semibold hover:text-malaga-red-700">Español</a> <a href="https://wepik.com/templates/id-cards?page=8" class="block text-neutral-600 py-2 px-4 text-left font-semibold hover:text-malaga-red-700">Español (España)</a> <a href="https://wepik.com/templates/id-cards?page=8" class="block text-neutral-600 py-2 px-4 text-left font-semibold hover:text-malaga-red-700">Português (Brasil)</a> <a href="https://wepik.com/templates/id-cards?page=8" class="block text-neutral-600 py-2 px-4 text-left font-semibold hover:text-malaga-red-700">Français</a> <a href="https://wepik.com/templates/id-cards?page=8" class="block text-neutral-600 py-2 px-4 text-left font-semibold hover:text-malaga-red-700">Deutsch</a> <a href="https://wepik.com/templates/id-cards?page=8" class="block text-neutral-600 py-2 px-4 text-left font-semibold hover:text-malaga-red-700">한국어</a> <a href="https://wepik.com/templates/id-cards?page=8" class="block text-neutral-600 py-2 px-4 text-left font-semibold hover:text-malaga-red-700">Nederlands</a> <a href="https://wepik.com/templates/id-cards?page=8" class="block text-neutral-600 py-2 px-4 text-left font-semibold hover:text-malaga-red-700">日本語</a> <a href="https://wepik.com/templates/id-cards?page=8" class="block text-neutral-600 py-2 px-4 text-left font-semibold hover:text-malaga-red-700">Polski</a> <a href="https://wepik.com/templates/id-cards?page=8" class="block text-neutral-600 py-2 px-4 text-left font-semibold hover:text-malaga-red-700">Русский</a> <a href="https://wepik.com/templates/id-cards?page=8" class="block text-neutral-600 py-2 px-4 text-left font-semibold hover:text-malaga-red-700">Italiano</a> </div> </div> </div> </div> <div class="py-3 bg-neutral-800 bg-opacity-50"> <div class="container mx-auto px-4 flex flex-col sm:flex-row items-center sm:justify-between text-sm text-neutral-200"> <strong>Freepik Company Projects</strong> <ul class="flex-1 flex justify-end mt-2 sm:mt-0 w-full sm:w-auto ml-auto"> <li class="mb-0 flex-1 sm:flex-initial"> <a class="block sm:inline text-center px-2 mb-0 hover:text-neutral-300" href="https://www.freepik.com" target="_blank" rel="noreferrer">Freepik</a> </li> <li class="mb-0 flex-1 sm:flex-initial"> <a class="block sm:inline text-center px-2 mb-0 hover:text-neutral-300" href="https://www.flaticon.com" target="_blank" rel="noreferrer">Flaticon</a> </li> <li class="mb-0 flex-1 sm:flex-initial"> <a class="block sm:inline text-center px-2 mb-0 hover:text-neutral-300" href="https://slidesgo.com" target="_blank" rel="noreferrer">Slidesgo</a> </li> <li class="mb-0 flex-1 sm:flex-initial"> <a class="block sm:inline text-center px-2 mb-0 hover:text-neutral-300" href="https://videvo.net" target="_blank" rel="noreferrer">Videvo</a> </li> </ul> </div> </div> </footer> <div id="g_id_onload" data-client_id="705648808057-3chuddbr6oahbebib1uh693k02sgfl30.apps.googleusercontent.com" data-login_uri="https://id.freepik.com/api/v2/login/google-one-tap?client_id=wepik" ></div> <div wire:id="lWN96gEU8dkKwJdJy6KK" wire:initial-data="{"fingerprint":{"id":"lWN96gEU8dkKwJdJy6KK","name":"toasts","locale":"en","path":"templates\/id-cards","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"9d88fa2e","data":{"defaultDuration":2500,"loadDelay":400,"prod":true,"toasts":[]},"dataMeta":[],"checksum":"f6657707d9d28e049f725c71e190412bb0294e706030bbf5367293681483c752"}}" x-data='ToastComponent($wire)' @mouseleave="scheduleRemovalWithOlder()" class="fixed bottom-0 z-50 p-4 space-y-3 w-full max-w-sm pointer-events-none ltr:right-0 rtl:left-0 toasts-container sm:p-6" style="z-index:999;" > <template x-for="toast in toasts.filter((a)=>a)" :key="toast.index" > <div @mouseenter="cancelRemovalWithNewer(toast.index)" @mouseleave="scheduleRemovalWithOlder(toast.index)" @click="remove(toast.index)" x-show="toast.show===1" x-transition:enter="ease-out duration-500 transition" x-transition:enter-start="translate-y-2 opacity-0 sm:translate-y-0 ltr:sm:translate-x-10 rtl:sm:-translate-x-10" x-transition:enter-end="translate-y-0 opacity-100 ltr:sm:translate-x-0" x-transition:leave="transition ease-in duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-init="$nextTick(()=>{toast.show=1})" > <div class="overflow-hidden z-50 p-5 bg-white rounded-md shadow cursor-pointer pointer-events-auto select-none ltr:border-l-8 rtl:border-r-8 hover:bg-gray-50 dark:hover:bg-gray-900 dark:bg-black" x-bind:class="{ 'border-blue-700': toast.type === 'info', 'border-green-700': toast.type === 'success', 'border-yellow-700': toast.type === 'warning', 'border-red-700': toast.type === 'danger' }" > <div class="flex justify-between items-center space-x-5 rtl:space-x-reverse"> <div class="flex-1 ltr:mr-2 rtl:ml-2"> <div class="mb-1 text-lg font-black tracking-widest text-gray-900 uppercase font-large dark:text-gray-100" x-html="toast.title" x-show="toast.title !== undefined" ></div> <div class="text-gray-900 dark:text-gray-200" x-show="toast.message !== undefined" x-html="toast.message" ></div> </div> <template x-if="toast.type==='debug'"> <svg class="w-8 h-8 text-gray-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" > <path fill="currentColor" d="M511.988 288.9c-.478 17.43-15.217 31.1-32.653 31.1H424v16c0 21.864-4.882 42.584-13.6 61.145l60.228 60.228c12.496 12.497 12.496 32.758 0 45.255-12.498 12.497-32.759 12.496-45.256 0l-54.736-54.736C345.886 467.965 314.351 480 280 480V236c0-6.627-5.373-12-12-12h-24c-6.627 0-12 5.373-12 12v244c-34.351 0-65.886-12.035-90.636-32.108l-54.736 54.736c-12.498 12.497-32.759 12.496-45.256 0-12.496-12.497-12.496-32.758 0-45.255l60.228-60.228C92.882 378.584 88 357.864 88 336v-16H32.666C15.23 320 .491 306.33.013 288.9-.484 270.816 14.028 256 32 256h56v-58.745l-46.628-46.628c-12.496-12.497-12.496-32.758 0-45.255 12.498-12.497 32.758-12.497 45.256 0L141.255 160h229.489l54.627-54.627c12.498-12.497 32.758-12.497 45.256 0 12.496 12.497 12.496 32.758 0 45.255L424 197.255V256h56c17.972 0 32.484 14.816 31.988 32.9zM257 0c-61.856 0-112 50.144-112 112h224C369 50.144 318.856 0 257 0z" class="" ></path> </svg> </template> <template x-if="toast.type==='info'"> <svg class="w-8 h-8 text-blue-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" > <path fill="currentColor" fill-opacity="0.5" d="M20 448h152a20 20 0 0 1 20 20v24a20 20 0 0 1-20 20H20a20 20 0 0 1-20-20v-24a20 20 0 0 1 20-20z" /> <path fill="currentColor" d="M96 128a64 64 0 1 0-64-64 64 64 0 0 0 64 64zm28 64H20a20 20 0 0 0-20 20v24a20 20 0 0 0 20 20h28v192h96V212a20 20 0 0 0-20-20z" /> </svg> </template> <template x-if="toast.type==='success'"> <svg class="w-8 h-8 text-green-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" > <path fill="currentColor" d="M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z" ></path> </svg> </template> <template x-if="toast.type==='warning'"> <svg class="w-8 h-8 text-yellow-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" > <path fill="currentColor" fill-opacity="0.5" d="M49.22 0h93.56a24 24 0 0 1 24 25.2l-13.63 272a24 24 0 0 1-24 22.8H62.84a24 24 0 0 1-24-22.8l-13.59-272A24 24 0 0 1 49.22 0z" ></path> <path fill="currentColor" d="M96 512a80 80 0 1 1 80-80 80.09 80.09 0 0 1-80 80z" ></path> </svg> </template> <template x-if="toast.type==='danger'"> <svg class="w-8 h-8 text-red-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" > <path fill="currentColor" fill-opacity="0.5" d="M569.52 440L329.58 24c-18.44-32-64.69-32-83.16 0L6.48 440c-18.42 31.94 4.64 72 41.57 72h479.89c36.87 0 60.06-40 41.58-72zM288 448a32 32 0 1 1 32-32 32 32 0 0 1-32 32zm38.24-238.41l-12.8 128A16 16 0 0 1 297.52 352h-19a16 16 0 0 1-15.92-14.41l-12.8-128A16 16 0 0 1 265.68 192h44.64a16 16 0 0 1 15.92 17.59z" ></path> <path fill="currentColor" d="M310.32 192h-44.64a16 16 0 0 0-15.92 17.59l12.8 128A16 16 0 0 0 278.48 352h19a16 16 0 0 0 15.92-14.41l12.8-128A16 16 0 0 0 310.32 192zM288 384a32 32 0 1 0 32 32 32 32 0 0 0-32-32z" ></path> </svg> </template> </div> </div> </div> </template> </div>  <div x-data="barLang('es')"> <template x-if="browserLanguage"> <div x-show="showModal" class="bar-lang bar-lang-en bg-neutral-900 fixed text-white sm:text-neutral-200 h-10 flex flex-col justify-center sm:items-center bottom-0 left-1/2 -translate-x-1/2 bg-opacity-75 backdrop-blur mb-4 sm:mb-16 rounded pl-2 sm:pl-4 pr-8 sm:pr-10 z-40 font-medium text-sm whitespace-nowrap"> <p class="text-sm sm:text-base text-neutral-200 flex items-center pl-2 sm:pl-0"> <span class="font-semibold">Wepik ahora disponible en español</span> <button onclick="window.location.href='https://wepik.com/es/plantillas/gafetes?page=8'" class="font-semibold ml-1 sm:ml-2 underline text-white">Llévame</button> </p> <button aria-label="Close Button" @click="window.localStorage.setItem('ignoreLanguage', '1'); showModal = false;" class="absolute right-0 h-8 w-8 sm:w-10 flex items-center justify-center opacity-75 hover:opacity-100"> <svg alt="Close icon" loading="lazy" class="fill-current h-3 w-3 fill-current" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><use href="#icon-04f6215517b6a1a05eae72c6aa7b29f0"></use></svg> </button> </div> </template> </div> <script src="/vendor/livewire/livewire.js?id=90730a3b0e7144480175" data-turbo-eval="false" data-turbolinks-eval="false" ></script><script data-turbo-eval="false" data-turbolinks-eval="false" >window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = 'muieyxUMNXg5nzTG4KOJnRW7ie04DdBbsIG54MUp';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script> <link rel="preload" as="style" href="https://content.wepik.com/dist/0f20c3bf2ee308358dc9043bb81736c85108a6d4/build/assets/app-96e3adba.css" /><link rel="modulepreload" href="https://content.wepik.com/dist/0f20c3bf2ee308358dc9043bb81736c85108a6d4/build/assets/app-363a1e94.js" /><link rel="modulepreload" href="https://content.wepik.com/dist/0f20c3bf2ee308358dc9043bb81736c85108a6d4/build/assets/tall-toasts-9c15f440.js" /><link rel="modulepreload" href="https://content.wepik.com/dist/0f20c3bf2ee308358dc9043bb81736c85108a6d4/build/assets/tagmanager-3223045a.js" /><link rel="modulepreload" href="https://content.wepik.com/dist/0f20c3bf2ee308358dc9043bb81736c85108a6d4/build/assets/pagination-e371f7ca.js" /><link rel="modulepreload" href="https://content.wepik.com/dist/0f20c3bf2ee308358dc9043bb81736c85108a6d4/build/assets/_commonjsHelpers-de833af9.js" /><link rel="stylesheet" href="https://content.wepik.com/dist/0f20c3bf2ee308358dc9043bb81736c85108a6d4/build/assets/app-96e3adba.css" /><script type="module" src="https://content.wepik.com/dist/0f20c3bf2ee308358dc9043bb81736c85108a6d4/build/assets/app-363a1e94.js"></script> <script src="https://accounts.google.com/gsi/client" async defer></script> <script type="text/javascript"> window.addEventListener('load', function () { trackCustom('search', { origin: 'tag', search: 'ID Cards', }) ; if(!localStorage.getItem('visited_page')){ localStorage.setItem('visited_page', "https://wepik.com/templates/id-cards?page=8"); } setTimeout(() => { if(!window.dataLayer?.find(ev => ev.event === 'user_engagement')) { trackGA4('user_engagement'); }; },10000); if(localStorage.getItem('visited_page') && localStorage.getItem('visited_page') !== "https://wepik.com/templates/id-cards?page=8") { trackGA4('user_engagement'); }; }); </script> <script> window.wepik = window.wepik || {}; window.wepik.userId = ""; window.wepik.fpUserId = ""; window.wepik.userType = "anonymous"; window.wepik.isFreepikPremium = false; if("") { window.wepik.userType = "registered"; window.wepik.isFreepikPremium = Boolean("false"); } window.wepik.totalResults = 378; window.wepik.viewTag = "category"; window.wepik.contentTag = "id-cards"; window.wepik.countryCode = "SG" </script> <svg hidden class="hidden"> <g id="icon-0145787dbf43750d9370b991f36d530c"> <path d="M.871 3.29a3.06 3.06 0 0 1 1.91 1.91.528.528 0 0 0 1.01.002 3.06 3.06 0 0 1 1.908-1.91.528.528 0 0 0 .003-1.01A3.06 3.06 0 0 1 3.792.375.527.527 0 0 0 2.781.37a3.06 3.06 0 0 1-1.908 1.91.528.528 0 0 0-.003 1.01ZM18.128 14.71a3.06 3.06 0 0 1-1.91-1.91.527.527 0 0 0-1.008-.002 3.06 3.06 0 0 1-1.91 1.91.527.527 0 0 0-.002 1.01 3.06 3.06 0 0 1 1.91 1.908.528.528 0 0 0 1.01.002 3.06 3.06 0 0 1 1.908-1.91.528.528 0 0 0 .002-1.008ZM11.361 11.889l-.847-.283a5.751 5.751 0 0 1-3.62-3.62L6.61 7.14a.527.527 0 0 0-1 0l-.283.847a5.751 5.751 0 0 1-3.62 3.62l-.848.283a.527.527 0 0 0 0 1l.848.283a5.751 5.751 0 0 1 3.62 3.62l.283.848a.527.527 0 0 0 1 0l.283-.848a5.751 5.751 0 0 1 3.62-3.62l.847-.283a.527.527 0 0 0 0-1ZM14.019 8.962a.528.528 0 0 0 .504-.372 5.751 5.751 0 0 1 3.603-3.604.527.527 0 0 0 .002-1.009A5.752 5.752 0 0 1 14.524.374a.527.527 0 0 0-1.01-.002 5.751 5.751 0 0 1-3.602 3.604.528.528 0 0 0-.002 1.01 5.752 5.752 0 0 1 3.604 3.602.527.527 0 0 0 .505.374Z"></path> </g> <g id="icon-cdf82d1329929447f3ea64ae84ae9e40"> <path d="M6.0002 6.45939L3.83691 4.29611C3.60723 4.06642 3.23691 4.06642 3.00723 4.29611C2.77754 4.52579 2.77754 4.89611 3.00723 5.1258L5.58535 7.70393C5.7002 7.81877 5.8502 7.87502 6.0002 7.87502C6.1502 7.87502 6.3002 7.81877 6.41504 7.70393L8.99316 5.1258C9.22285 4.89611 9.22285 4.52579 8.99316 4.29611C8.76348 4.06642 8.39316 4.06642 8.16348 4.29611L6.0002 6.45939Z"/> </g> <g id="icon-ba47d81d620bb3fcf1e5383bb3b75a01"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7173 16.4393L12.9552 11.6773C13.9077 10.4527 14.4759 8.91502 14.4759 7.24698C14.4759 3.26096 11.233 0.0180664 7.24698 0.0180664C3.26096 0.0180664 0.0180664 3.26096 0.0180664 7.24698C0.0180664 11.233 3.26096 14.4759 7.24698 14.4759C8.91502 14.4759 10.4527 13.9077 11.6773 12.9552L16.4393 17.7172C16.6158 17.8937 16.8471 17.9819 17.0783 17.9819C17.3096 17.9819 17.5408 17.8937 17.7173 17.7173C18.0701 17.3644 18.0701 16.7922 17.7173 16.4393ZM1.8253 7.24698C1.8253 4.25746 4.25746 1.8253 7.24698 1.8253C10.2365 1.8253 12.6687 4.25746 12.6687 7.24698C12.6687 10.2365 10.2365 12.6687 7.24698 12.6687C4.25746 12.6687 1.8253 10.2365 1.8253 7.24698Z" /> </g> <g id="icon-f579370980e4df4fab313d4c51c06e58"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.974026 4.64806H17.026C17.5639 4.64806 18 4.21197 18 3.67404C18 3.1361 17.5639 2.70001 17.026 2.70001H0.974026C0.436091 2.70001 0 3.1361 0 3.67404C0 4.21197 0.436091 4.64806 0.974026 4.64806ZM17.026 10.1026H0.974026C0.436091 10.1026 0 9.66652 0 9.12858C0 8.59065 0.436091 8.15456 0.974026 8.15456H17.026C17.5639 8.15456 18 8.59065 18 9.12858C18 9.66652 17.5639 10.1026 17.026 10.1026ZM17.026 15.5572H0.974026C0.436091 15.5572 0 15.1211 0 14.5831C0 14.0452 0.436091 13.6091 0.974026 13.6091H17.026C17.5639 13.6091 18 14.0452 18 14.5831C18 15.1211 17.5639 15.5572 17.026 15.5572Z" /> </g> <g id="icon-ba8827360a4552e24fbcd062a19d7800"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0358 9.00001L4.90679 13.9239C4.3644 14.4445 4.3644 15.2888 4.90679 15.8095C5.44924 16.3301 6.32857 16.3301 6.87096 15.8095L12.9821 9.94279C13.2533 9.68252 13.3889 9.34124 13.3889 9.00001C13.3889 8.65879 13.2533 8.31756 12.9821 8.05719L6.87101 2.19052C6.32857 1.66983 5.44924 1.66983 4.90685 2.19052C4.36446 2.71121 4.36446 3.55543 4.90685 4.07612L10.0358 9.00001Z"/> </g> <g id="icon-a13c4d648b29a25f75e20863221c6004"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.1839 1.29147L16.6353 0.742862C15.7167 -0.17572 14.1291 -0.317005 13.0692 0.742862L11.4238 2.38835C11.4236 2.38846 11.4235 2.38858 11.4234 2.3887C11.4233 2.38881 11.4231 2.38897 11.423 2.38909L0.284043 13.5281C0.102181 13.71 0 13.9566 0 14.2138V16.9569C0 17.4925 0.434211 17.9267 0.969828 17.9267H3.71289C3.97009 17.9267 4.21677 17.8246 4.39867 17.6427L15.538 6.5034C15.538 6.5034 15.538 6.5034 15.538 6.50337C15.5381 6.50333 15.538 6.50337 15.538 6.50337L17.1839 4.85753C18.2583 3.78308 18.1025 2.21006 17.1839 1.29147ZM3.31119 15.9871H1.93966V14.6155L12.1092 4.44605L13.4807 5.81758L3.31119 15.9871ZM15.8123 3.48596L14.8522 4.44605L13.4807 3.07452L14.4408 2.11443C14.6472 1.90801 15.0143 1.86503 15.2637 2.11443L15.8123 2.66304C16.0205 2.87121 16.0454 3.25285 15.8123 3.48596Z"/> </g> <g id="icon-615abb85fd8e7ac39d85672074cc3ed4"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1701 16H0.829876C0.371552 16 0 15.6284 0 15.1701C0 13.3962 0.568664 11.7159 1.64455 10.3108C2.38148 9.34832 3.3362 8.56285 4.41222 8.02012C3.63585 7.14944 3.18672 6.01062 3.18672 4.81328C3.18672 2.15924 5.34596 0 8 0C10.654 0 12.8133 2.15924 12.8133 4.81328C12.8133 6.01062 12.3641 7.14944 11.5878 8.02012C12.6638 8.56282 13.6186 9.34832 14.3555 10.3107C15.4313 11.7159 16 13.3962 16 15.1701C16 15.6284 15.6284 16 15.1701 16ZM1.71476 14.3402H14.2853C13.9564 11.8711 12.1814 9.7685 9.74447 9.0728C9.4234 8.98114 9.18852 8.70596 9.14842 8.37444C9.10832 8.04292 9.27084 7.7197 9.5608 7.55412C10.5432 6.99316 11.1535 5.9429 11.1535 4.81328C11.1535 3.07442 9.73886 1.65975 8 1.65975C6.26115 1.65975 4.84647 3.07442 4.84647 4.81328C4.84647 5.9429 5.4568 6.99313 6.4392 7.55412C6.72916 7.7197 6.89165 8.04295 6.85159 8.37444C6.81149 8.70592 6.5766 8.98111 6.25554 9.0728C3.81866 9.7685 2.04362 11.8711 1.71476 14.3402Z" /> </g> <g id="icon-e0295fecdf223ca2f576dc86a80ec297"> <path d="M12.053 0.237061C5.513 0.237061 0.184998 5.53806 0.184998 12.1051C0.184998 17.1161 3.323 21.4151 7.727 23.1561C7.622 22.2061 7.543 20.7821 7.78 19.7541C7.991 18.8311 9.178 13.8461 9.178 13.8461C9.178 13.8461 8.835 13.1341 8.835 12.0791C8.835 10.4181 9.785 9.20406 10.971 9.20406C11.974 9.20406 12.475 9.96906 12.475 10.8661C12.475 11.8951 11.815 13.3981 11.499 14.8221C11.209 16.0091 12.079 16.9581 13.266 16.9581C15.376 16.9581 16.985 14.7431 16.985 11.5251C16.985 8.67706 14.954 6.69906 12.026 6.69906C8.651 6.69906 6.673 9.23106 6.673 11.8421C6.673 12.8701 7.068 13.9521 7.543 14.5581C7.648 14.6641 7.648 14.7691 7.622 14.9011C7.542 15.2711 7.332 16.0881 7.305 16.2461C7.253 16.4571 7.121 16.5101 6.91 16.4041C5.433 15.7191 4.51 13.5561 4.51 11.8151C4.51 8.07006 7.226 4.64206 12.343 4.64206C16.457 4.64206 19.648 7.56906 19.648 11.4991C19.648 15.5871 17.064 18.8841 13.503 18.8841C12.29 18.8841 11.183 18.2511 10.787 17.5121C10.787 17.5121 10.18 19.7801 10.048 20.3341C9.785 21.3631 9.046 22.6541 8.571 23.4461C9.679 23.7891 10.866 23.9741 12.079 23.9741C18.619 23.9741 23.947 18.6731 23.947 12.1051C23.895 5.53806 18.593 0.237061 12.053 0.237061Z" /> </g> <g id="icon-cca6d027893da3920ea47d7d0c7d2add"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.35814 7.75533V3.14959L10.54 5.45255L6.35814 7.75533ZM15.6601 1.7004C15.4761 1.02967 14.934 0.501492 14.2456 0.322236C12.9979 -0.00354004 7.99451 -0.00354004 7.99451 -0.00354004C7.99451 -0.00354004 2.99114 -0.00354004 1.74342 0.322236C1.05505 0.501492 0.51287 1.02967 0.32887 1.7004C-0.00549316 2.91604 -0.00549316 5.45246 -0.00549316 5.45246C-0.00549316 5.45246 -0.00549316 7.9888 0.32887 9.20452C0.51287 9.87525 1.05505 10.4034 1.74342 10.5828C2.99114 10.9085 7.99451 10.9085 7.99451 10.9085C7.99451 10.9085 12.9979 10.9085 14.2456 10.5828C14.934 10.4034 15.4761 9.87525 15.6601 9.20452C15.9945 7.9888 15.9945 5.45246 15.9945 5.45246C15.9945 5.45246 15.9945 2.91604 15.6601 1.7004V1.7004Z"></path> </g> <g id="icon-625a422d5a3de80ada473a0cbf93f734"> <g id="_Group_2"> <g id="_Group_3"> <path id="_Path_" d="M18.546,12.763c0.024-1.87,1.004-3.597,2.597-4.576c-1.009-1.442-2.64-2.323-4.399-2.378 c-1.851-0.194-3.645,1.107-4.588,1.107c-0.961,0-2.413-1.088-3.977-1.056C6.122,5.927,4.25,7.068,3.249,8.867 c-2.131,3.69-0.542,9.114,1.5,12.097c1.022,1.461,2.215,3.092,3.778,3.035c1.529-0.063,2.1-0.975,3.945-0.975 c1.828,0,2.364,0.975,3.958,0.938c1.64-0.027,2.674-1.467,3.66-2.942c0.734-1.041,1.299-2.191,1.673-3.408 C19.815,16.788,18.548,14.879,18.546,12.763z"/> <path id="_Path_2" d="M15.535,3.847C16.429,2.773,16.87,1.393,16.763,0c-1.366,0.144-2.629,0.797-3.535,1.829 c-0.895,1.019-1.349,2.351-1.261,3.705C13.352,5.548,14.667,4.926,15.535,3.847z"/> </g> </g> </g> <g id="icon-eca386d7bed6f3b260b964c9b3a83c85"> <g> <g> <path d="M99.617,8.057C87.953,0.52,73.943-1.758,60.802,1.344l230.932,230.933l74.846-74.846L99.617,8.057z"/> </g> </g> <g> <g> <path d="M32.139,20.116c-6.441,8.563-10.148,19.077-10.148,30.199v411.358c0,11.123,3.708,21.636,10.148,30.199l235.877-235.877 L32.139,20.116z"/> </g> </g> <g> <g> <path d="M464.261,212.087l-67.266-37.637l-81.544,81.544l81.548,81.548l67.273-37.64c16.117-9.03,25.738-25.442,25.738-43.908 S480.389,221.117,464.261,212.087z"/> </g> </g> <g> <g> <path d="M291.733,279.711L60.815,510.629c3.786,0.891,7.639,1.371,11.492,1.371c9.522,0,19.011-2.708,27.31-8.07l266.965-149.372 L291.733,279.711z"/> </g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </g> <g id="icon-04f6215517b6a1a05eae72c6aa7b29f0"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.8607 9.00003V9.00003L17.5969 2.26387C18.1107 1.75003 18.1107 0.916924 17.5969 0.403082C17.083 -0.11076 16.2499 -0.11076 15.7361 0.403082L8.99991 7.13919L2.26375 0.403082C1.74985 -0.11076 0.916802 -0.11076 0.40296 0.403082C-0.110882 0.916924 -0.110882 1.75003 0.40296 2.26387L7.13906 8.99998V8.99998L0.40296 15.7361C-0.110882 16.25 -0.110882 17.0831 0.40296 17.5969C0.916854 18.1108 1.74991 18.1108 2.26375 17.5969L8.99985 10.8608L15.736 17.597C16.2499 18.1108 17.083 18.1108 17.5968 17.597C18.1106 17.0831 18.1106 16.25 17.5968 15.7362L10.8607 9.00003Z" /> </g> <g id="icon-2505b668031c19f0e861055dc3cf1b30"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.63236 9.26803H10.8757L9.1343 11.0094C8.73118 11.4126 8.73118 12.0661 9.1343 12.4693C9.53742 12.8724 10.191 12.8723 10.5941 12.4693L14.0977 8.96566C14.2913 8.77213 14.4001 8.50953 14.4001 8.23577C14.4001 7.96202 14.2913 7.69945 14.0977 7.50584L10.5942 4.00227C10.191 3.5992 9.53746 3.59916 9.13434 4.00227C8.73123 4.40539 8.73123 5.05898 9.13434 5.46209L10.8758 7.20351H2.63236C2.06226 7.20351 1.6001 7.66568 1.6001 8.23577C1.60006 8.80587 2.06226 9.26803 2.63236 9.26803Z"/> </g> <g id="icon-096362fd499aba1efa691d2077e0a30f"> <path fill-rule="evenodd" d="M13.7 2.3a8 8 0 00-11.4 0 8 8 0 000 11.4 8 8 0 0011.4 0 8 8 0 000-11.4zm.7 5.7c0 1.4-.4 2.8-1.2 3.8l-.7-.4a.8.8 0 00-.4-.1h-1.8v-1c0-1.1-.9-2-2-2H5.7V6h.9c.4 0 .7-.4.7-.8V3.8h2A2 2 0 0011 2.4c2 1 3.3 3.2 3.3 5.6zM1.6 8l.1-1.4 3.8 3.9v1c0 .5.4.8.8.8H8v2.1c-3.5 0-6.3-2.9-6.3-6.4z" clip-rule="evenodd"></path> </g> <g id="icon-c298ed1ae0c2d602987f6cde91bbc700"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.7599 3.49015L11.5078 0.238114C11.3553 0.0856585 11.1486 0 10.9329 0H3.71343C2.54787 0 1.59961 0.94826 1.59961 2.11382V13.8862C1.59961 15.0517 2.54787 16 3.71343 16H12.8842C14.0497 16 14.998 15.0517 14.998 13.8862V4.06504C14.998 3.8494 14.9123 3.64263 14.7599 3.49015ZM12.8842 14.374H3.71343C3.44445 14.374 3.22563 14.1552 3.22563 13.8862V2.11382C3.22563 1.84485 3.44445 1.62602 3.71343 1.62602H10.1199V4.06504C10.1199 4.51408 10.4839 4.87805 10.9329 4.87805H13.372V13.8862C13.372 14.1552 13.1531 14.374 12.8842 14.374Z"/> </g> </svg> </body> </html> <script> window.content_group = 'detail'; window.content_type = "ID Cards"; </script>

CINXE.COM

Free ID Card Templates to customize online | Wepik - Page 8