CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="LODE is an international communications & design agency for global brands." /> <meta name=“keywords” content=“design, animation, ci, corporate identity, brand identity, webgl, agency, wordpress, website, technology, ai, start-up, berlin, sydney, interactive, web development, storytelling, b2b, business to business, jules webster, malte pott” /> <title>Capabilities – LODE Design Agency</title> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel='dns-prefetch' href='//unpkg.com' /> <style id='vp-dynamic-styles-BOAnu-inline-css' type='text/css'> .vp-id-BOAnu .vp-portfolio__items { --vp-items__gap: 15px; --vp-items__gap-vertical: 24px; } </style> <link rel='stylesheet' id='visual-portfolio-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/visual-portfolio__build__assets__css__main-css-v9759989ebc68a45da45a2a5d5dc03c8c31e6d1cd.css' type='text/css' media='all' /> <link rel='stylesheet' id='visual-portfolio-layout-grid-css' href='https://likelode.com/wp-content/plugins/visual-portfolio/build/assets/css/layout-grid.css?ver=1721206401' type='text/css' media='all' /> <link rel='stylesheet' id='simplebar-css' href='https://likelode.com/wp-content/plugins/visual-portfolio/assets/vendor/simplebar/dist/simplebar.min.css?ver=5.3.0' type='text/css' media='all' /> <link rel='stylesheet' id='visual-portfolio-custom-scrollbar-css' href='https://likelode.com/wp-content/plugins/visual-portfolio/build/assets/css/custom-scrollbar.css?ver=1721206401' type='text/css' media='all' /> <link rel='stylesheet' id='visual-portfolio-lazyload-css' href='https://likelode.com/wp-content/plugins/visual-portfolio/build/assets/css/lazyload.css?ver=1721206401' type='text/css' media='all' /> <link rel='stylesheet' id='visual-portfolio-filter-minimal-css' href='https://likelode.com/wp-content/plugins/visual-portfolio/templates/items-list/filter/minimal/style.css?ver=1721206401' type='text/css' media='all' /> <link rel='stylesheet' id='visual-portfolio-errors-default-css' href='https://likelode.com/wp-content/plugins/visual-portfolio/templates/errors/style.css?ver=1721206401' type='text/css' media='all' /> <link rel='stylesheet' id='visual-portfolio-items-style-default-css' href='https://likelode.com/wp-content/plugins/visual-portfolio/templates/items-list/items-style/style.css?ver=1721206401' type='text/css' media='all' /> <link rel='stylesheet' id='visual-portfolio-notices-default-css' href='https://likelode.com/wp-content/plugins/visual-portfolio/templates/notices/style.css?ver=1721206401' type='text/css' media='all' /> <link rel='stylesheet' id='wp-block-library-css' href='https://likelode.com/wp-includes/css/dist/block-library/style.min.css?ver=6.7.1' type='text/css' media='all' /> <style id='acf-ltp-style-inline-css' type='text/css'> .ltp-block lottie-player{ display: inline-flex; max-width: 100%; height: 100%; } </style> <style id='acf-project-list-style-inline-css' type='text/css'> #blog-effects.project-list-block article .post-title{ font-family: "Syne"; font-size: 46px; line-height: 58px; } #blog-effects.project-list-block article .entry-meta-wrap{ line-height: 24px; } #blog-effects.project-list-block article .hover-reveal{ width: 300px; height: 600px; } #blog-effects.project-list-block article .article-content{ display: flex; align-items: center; justify-content: space-between; } #blog-effects.project-list-block article .article-wrap{ padding: 0; } #blog-effects.project-list-block article{ padding-bottom: 40px; } #blog-effects.project-list-block article:last-child{ padding-bottom: 0; } @media only screen and (max-width: 1466px){ #blog-effects.project-list-block article .hover-reveal { width: 250px; height: 333px; } } @media only screen and (max-width: 1024px){ #blog-effects.project-list-block article .hover-reveal { width: 200px; height: 266px; } } @media only screen and (max-width: 600px){ #blog-effects.project-list-block article .article-content{ flex-direction: column; align-items: flex-start; } #blog-effects.project-list-block article .entry-categories{ float: none; text-align: left; width: 100%; } } </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='contact-form-7-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/contact-form-7__includes__css__styles-css-vf448db67b8c5d28d5281e3989a761c25b2cb091f.css' type='text/css' media='all' /> <link rel='stylesheet' id='cnb-style-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/cookie-notice-banner__css__cnb-style-css-v9152a7ee770da68425acd453b9b201fa053ef43f.css' type='text/css' media='all' /> <link rel='stylesheet' id='elymor-content-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/elymor__css__content-css-v417a64c93a42a0ad5ea3dc7ca0b7db42e736eeb5.css' type='text/css' media='all' /> <link rel='stylesheet' id='elymor-showcase-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/elymor__css__showcase-css-va224ab138a2d264a03abb769adae6c80445e815e.css' type='text/css' media='all' /> <link rel='stylesheet' id='elymor-portfolio-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/elymor__css__portfolio-css-v5977b3804c7da136ecb4562a420ff0b8979e6525.css' type='text/css' media='all' /> <link rel='stylesheet' id='elymor-blog-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/elymor__css__blog-css-vd0f80be62df7bc99afb41872e1aea4c4708b11ff.css' type='text/css' media='all' /> <link rel='stylesheet' id='elymor-shortcodes-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/elymor__css__shortcodes-css-vc46f1e3f5b07909f5abd4df4dfaf33323197933c.css' type='text/css' media='all' /> <link rel='stylesheet' id='elymor-assets-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/elymor__css__assets-css-v0ba84b9a24630cd4f2bd50c9a0a69f02c6a46d5c.css' type='text/css' media='all' /> <link rel='stylesheet' id='elymor-style-wp-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/elymor__css__style-wp-css-vee7009f79cde1bf5cddf6a057dd17a1c781153b7.css' type='text/css' media='all' /> <link rel='stylesheet' id='elymor-page-builders-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/elymor__css__page-builders-css-v122e82ff8c2a96fcf4a289cb923e956905bba450.css' type='text/css' media='all' /> <link rel='stylesheet' id='parent-style-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/elymor__style-css-vfdd5a20dc09382fa9371aa610c4b40760a3a3bbf.css' type='text/css' media='all' /> <link rel='stylesheet' id='child-style-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/elymor-child__style-css-v151d4f08a67616129a9694c9b9352dbd958f36ef.css' type='text/css' media='all' /> <link rel='stylesheet' id='elymor-theme-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/elymor-child__style-css-v151d4f08a67616129a9694c9b9352dbd958f36ef.css' type='text/css' media='all' /> <link rel='stylesheet' id='fontawesome-css' href='https://likelode.com/wp-content/themes/elymor/css/all.min.css?ver=6.7.1' type='text/css' media='all' /> <script type="text/javascript" src="https://likelode.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://likelode.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js?ver=6.7.1" id="ltp-js"></script> <link rel="canonical" href="https://likelode.com/services/capabilities/?vp_filter=event_assets" /> <script type='text/javascript'> /* <![CDATA[ */ var VPData = {"version":"3.3.9","pro":false,"__":{"couldnt_retrieve_vp":"Couldn't retrieve Visual Portfolio ID.","pswp_close":"Close (Esc)","pswp_share":"Share","pswp_fs":"Toggle fullscreen","pswp_zoom":"Zoom in\/out","pswp_prev":"Previous (arrow left)","pswp_next":"Next (arrow right)","pswp_share_fb":"Share on Facebook","pswp_share_tw":"Tweet","pswp_share_pin":"Pin it","pswp_download":"Download","fancybox_close":"Close","fancybox_next":"Next","fancybox_prev":"Previous","fancybox_error":"The requested content cannot be loaded. <br \/> Please try again later.","fancybox_play_start":"Start slideshow","fancybox_play_stop":"Pause slideshow","fancybox_full_screen":"Full screen","fancybox_thumbs":"Thumbnails","fancybox_download":"Download","fancybox_share":"Share","fancybox_zoom":"Zoom"},"settingsPopupGallery":{"enable_on_wordpress_images":false,"vendor":"fancybox","deep_linking":false,"deep_linking_url_to_share_images":false,"show_arrows":false,"show_counter":false,"show_zoom_button":false,"show_fullscreen_button":false,"show_share_button":false,"show_close_button":true,"show_thumbs":false,"show_download_button":false,"show_slideshow":false,"click_to_zoom":true,"restore_focus":true},"screenSizes":[320,576,768,992,1200]}; /* ]]> */ </script> <noscript> <style type="text/css"> .vp-portfolio__preloader-wrap{display:none}.vp-portfolio__filter-wrap,.vp-portfolio__items-wrap,.vp-portfolio__pagination-wrap,.vp-portfolio__sort-wrap{opacity:1;visibility:visible}.vp-portfolio__item .vp-portfolio__item-img noscript+img,.vp-portfolio__thumbnails-wrap{display:none} </style> </noscript> <style type="text/css"> /* If html does not have either class, do not show lazy loaded images. */ html:not(.vp-lazyload-enabled):not(.js) .vp-lazyload { display: none; } </style> <script> document.documentElement.classList.add( 'vp-lazyload-enabled' ); </script> <script> (function(){ // Check if fallback is not necessary. if ( CSS.supports('selector(:has(div))') ) { return; } var linkTag = document.createElement("link"); linkTag.setAttribute('rel', 'stylesheet'); linkTag.setAttribute('href', 'https://likelode.com/wp-content/plugins/visual-portfolio/assets/css/lazyload-fallback.min.css?ver=3.3.9'); document.head.appendChild(linkTag); var scriptTag = document.createElement("script"); scriptTag.setAttribute('src', 'https://likelode.com/wp-content/plugins/visual-portfolio/assets/js/lazyload-fallback.min.js?ver=3.3.9'); document.head.appendChild(scriptTag); }()); </script> <link rel="icon" href="https://likelode.com/wp-content/uploads/2023/02/cropped-fav-lode-1-32x32.png" sizes="32x32" /> <link rel="icon" href="https://likelode.com/wp-content/uploads/2023/02/cropped-fav-lode-1-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://likelode.com/wp-content/uploads/2023/02/cropped-fav-lode-1-180x180.png" /> <meta name="msapplication-TileImage" content="https://likelode.com/wp-content/uploads/2023/02/cropped-fav-lode-1-270x270.png" /> <style type="text/css" id="wp-custom-css"> /* Portfolio item title and description styling */ .wp-block-visual-portfolio .vp-portfolio__item-caption, .wp-block-visual-portfolio .vp-portfolio__item-meta-excerpt { color: #23262B !important; /* Dark grey text color for better readability */ margin: 0px; /* Margin around the title and description */ line-height: 1.3; /* Line height for better readability */ } /* Customize the filter buttons */ .wp-block-visual-portfolio .vp-filter__item { background-color: #23262B; /* Dark grey background for filter buttons */ color: #fff; /* White text color */ padding: 8px 16px; /* Padding for filter buttons */ margin: 0 8px 8px 0; /* Margin around filter buttons */ font-size: 1.3em; /* Increase text size by 30% */ font-family: 'Dahlia', serif; /* Set font family to Dahlia */ } /* Hover effect for inactive filter buttons */ .wp-block-visual-portfolio .vp-filter__item:hover { background-color: #D6DEFF !important; /* Dark blue background on hover */ } /* Active filter button styling */ .wp-block-visual-portfolio .vp-filter__item.vp-filter__item-active, .wp-block-visual-portfolio .vp-filter__item.vp-filter__item-active a { background-color: #7388FC !important; /* Dark blue background for active filter */ color: #23262B !important; /* White text color for active filter */ } /* Hide original filter menu and show dropdown filter for mobile devices */ @media (max-width: 767px) { .vp-portfolio__filter-wrap, .vp-filter { display: none !important; /* Hide the default filter buttons on mobile */ } .vp-filters-dropdown { display: block !important; /* Display the dropdown menu on mobile */ margin-bottom: 16px; background-color: #f5f5f5; /* Background color to match the page */ padding: 10px; /* Padding around the dropdown */ border-bottom: 1px solid #ccc; /* Optional border for better separation */ } .vp-filters-dropdown select { width: 100%; padding: 8px 16px; font-size: 1.3em; font-family: 'Dahlia', serif; background-color: #383A3F; color: #fff; border: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .vp-filters-dropdown select:focus { outline: none; } } .row_padding_bottom { padding-bottom: 4vw; } .row_padding_top { padding-top: 4vw; } @media (max-width: 767px) { .hidden-mobile { display: none; } } @media (max-width: 781px) { .flex:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis:40%!important } .div-sticky { position: -webkit-sticky; /* Safari */ position: sticky; top: 0; } </style> </head> <body class="page-template-default page page-id-6921 page-child parent-pageid-6844 wp-embed-responsive hidden hidden-ball hero-below-caption disable-preloader disable-ajaxload disable-cursor" data-primary-color="#ff4e38"> <main> <div class="cd-index cd-main-content"> <div id="page-content" class="dark-content magic-cursor-disabled " data-bgcolor="#f5f5f5" > <header class="invert-header classic-menu" data-menucolor="#23262b"> <div id="header-container"> <div id="logo" class="hide-ball"> <a class="ajax-link" data-type="page-transition" href="https://likelode.com"> <img class="black-logo" src="https://likelode.com/wp-content/uploads/2023/01/220714-LODE-Logo-black.svg" alt="Logo Black"> <img class="white-logo" src="https://likelode.com/wp-content/uploads/2023/01/220714-LODE-Logo-white.png" alt="Logo White"> </a> </div> <nav class="menu-primary-menu-container"><div class="nav-height"><div class="outer"><div class="inner"><ul id="menu-primary-menu" data-breakpoint="1025" class="flexnav menu"><li id="menu-item-7440" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-7440 link menu-timeline"><a href="https://likelode.com/" data-type="page-transition" class="ajax-link"><div class="before-span"><span data-hover="Home">Home</span></div></a></li> <li id="menu-item-10" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-10 link menu-timeline"><a href="https://likelode.com/work/"><div class="before-span"><span data-hover="Work">Work</span></div></a> <ul class="sub-menu"> <li id="menu-item-7783" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7783 link"><a href="https://likelode.com/work/" data-type="page-transition" class="ajax-link">Featured Work</a></li> <li id="menu-item-7784" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7784 link"><a href="https://likelode.com/work/project-snippets/" data-type="page-transition" class="ajax-link">Project Snippets</a></li> </ul> </li> <li id="menu-item-6858" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-6858 link menu-timeline active"><a href="https://likelode.com/services/" class="active"><div class="before-span"><span data-hover="Services">Services</span></div></a> <ul class="sub-menu"> <li id="menu-item-7782" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor menu-item-7782 link"><a href="https://likelode.com/services/" data-type="page-transition" class="ajax-link">Services Overview</a></li> <li id="menu-item-7781" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-6921 current_page_item menu-item-7781 link active"><a href="https://likelode.com/services/capabilities/" aria-current="page" data-type="page-transition" class="ajax-link active">Detailed Capabilities</a></li> </ul> </li> <li id="menu-item-6084" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6084 link menu-timeline"><a href="https://likelode.com/contact/" data-type="page-transition" class="ajax-link"><div class="before-span"><span data-hover="Contact">Contact</span></div></a></li> </ul></div></div></div></nav> <div class="button-wrap right menu burger-lines"> <div class="icon-wrap parallax-wrap"> <div class="button-icon parallax-element"> <div id="burger-wrapper"> <div id="menu-burger"> <span></span> <span></span> <span></span> </div> </div> </div> </div> <div class="button-text sticky right"><span data-hover=""></span></div> </div> </div> </header> <div id="content-scroll"> <div id="main"> <div id="hero" class="hero-hidden"> <div id="hero-styles"> <div id="hero-caption" class="content-max-width normal-scroll-caption text-align-center inline-title"> <div class="inner"> <h1 class="hero-title"><span>Capabilities</span></h1> </div> </div> </div> </div> <div id="main-content"> <div id="main-page-content" class="content-max-width"> <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> <div class="wp-block-clapat-gutenberg-container content-row light-section normal row_padding_top row_padding_bottom" data-bgcolor="transparent" style="text-align:left"> <h2 class="wp-block-heading has-text-align-center has-x-large-font-size">Detailed Capabilities</h2> </div> <div class="wp-block-visual-portfolio alignwide"> <div class="vp-portfolio vp-uid-35e91284 vp-id-BOAnu" data-vp-layout="grid" data-vp-content-source="images" data-vp-items-style="default" data-vp-items-click-action="" data-vp-items-gap="15" data-vp-items-gap-vertical="24" data-vp-pagination="load-more" data-vp-next-page-url="" data-vp-grid-columns="3" > <div class="vp-portfolio__preloader-wrap"> <div class="vp-portfolio__preloader"> <img decoding="async" loading="eager" src="https://likelode.com/wp-content/plugins/visual-portfolio/assets/images/logo-dark.svg" alt="Visual Portfolio, Posts & Image Gallery for WordPress" width="20" height="20" data-skip-lazy> </div> </div> <div class="vp-portfolio__layout-elements vp-portfolio__layout-elements-top vp-portfolio__layout-elements-align-left"> <div class="vp-portfolio__filter-wrap"> <div class="vp-filter vp-filter__style-minimal"> <div class="vp-filter__item"> <a href="https://likelode.com/services/capabilities/" data-vp-filter="*"> All </a> </div> <div class="vp-filter__item"> <a href="https://likelode.com/services/capabilities/?vp_filter=brand_identity" data-vp-filter="brand_identity"> Brand Identity </a> </div> <div class="vp-filter__item"> <a href="https://likelode.com/services/capabilities/?vp_filter=strategy_brand_positioning" data-vp-filter="strategy_brand_positioning"> Strategy & Brand Positioning </a> </div> <div class="vp-filter__item"> <a href="https://likelode.com/services/capabilities/?vp_filter=web_development" data-vp-filter="web_development"> Web Development </a> </div> <div class="vp-filter__item"> <a href="https://likelode.com/services/capabilities/?vp_filter=copywriting" data-vp-filter="copywriting"> Copywriting </a> </div> <div class="vp-filter__item"> <a href="https://likelode.com/services/capabilities/?vp_filter=concept_campaign_development" data-vp-filter="concept_campaign_development"> Concept & Campaign Development </a> </div> <div class="vp-filter__item"> <a href="https://likelode.com/services/capabilities/?vp_filter=ui_ux_design" data-vp-filter="ui_ux_design"> UI / UX Design </a> </div> <div class="vp-filter__item"> <a href="https://likelode.com/services/capabilities/?vp_filter=illustration_infographics" data-vp-filter="illustration_infographics"> Illustration & Infographics </a> </div> <div class="vp-filter__item"> <a href="https://likelode.com/services/capabilities/?vp_filter=canva_templates" data-vp-filter="canva_templates"> Canva Templates </a> </div> <div class="vp-filter__item vp-filter__item-active"> <a href="https://likelode.com/services/capabilities/?vp_filter=event_assets" data-vp-filter="event_assets"> Event Assets </a> </div> <div class="vp-filter__item"> <a href="https://likelode.com/services/capabilities/?vp_filter=film_animation" data-vp-filter="film_animation"> Film & Animation </a> </div> <div class="vp-filter__item"> <a href="https://likelode.com/services/capabilities/?vp_filter=audio_production" data-vp-filter="audio_production"> Audio Production </a> </div> </div> </div> </div> <div class="vp-portfolio__items-wrap"> <div class="vp-portfolio__items vp-portfolio__items-style-default vp-portfolio__items-show-overlay-hover"> <div class="vp-portfolio__item-wrap category-event_assets vp-portfolio__item-uid-ee1f2796" data-vp-filter="event_assets" > <figure class="vp-portfolio__item"> <div class="vp-portfolio__item-img-wrap"> <div class="vp-portfolio__item-img"> <noscript><img fetchpriority="high" decoding="async" width="860" height="560" data-skip-lazy src="https://likelode.com/wp-content/uploads/2024/01/Events-01.png" class="wp-image-7363" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/Events-01.png 860w, https://likelode.com/wp-content/uploads/2024/01/Events-01-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Events-01-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Events-01-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Events-01-800x521.png 800w" sizes="(max-width: 860px) 100vw, 860px" /></noscript><img decoding="async" width="860" height="560" src="https://likelode.com/wp-content/uploads/2024/01/Events-01.png" class="wp-image-7363 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/Events-01.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/Events-01.png 860w, https://likelode.com/wp-content/uploads/2024/01/Events-01-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Events-01-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Events-01-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Events-01-800x521.png 800w" data-sizes="auto" loading="eager"> <div class="vp-portfolio__item-overlay"> </div> </div> </div> <figcaption class="vp-portfolio__item-caption vp-portfolio__item-caption-text-align-left"> <div class="vp-portfolio__item-meta"> <div class="vp-portfolio__item-meta-excerpt"> <div> We work closely with you to develop a unique event branding strategy that aligns with your brand identity. Our designers translate the essence of your event into a visually compelling brand identity, ensuring consistent messaging and visual cohesiveness across all event assets. </div> </div> </div> </figcaption> </figure> </div> <div class="vp-portfolio__item-wrap category-event_assets vp-portfolio__item-uid-37dbc8e5" data-vp-filter="event_assets" > <figure class="vp-portfolio__item"> <div class="vp-portfolio__item-img-wrap"> <div class="vp-portfolio__item-img"> <noscript><img decoding="async" width="860" height="560" data-skip-lazy src="https://likelode.com/wp-content/uploads/2024/01/Events-02.png" class="wp-image-7364" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/Events-02.png 860w, https://likelode.com/wp-content/uploads/2024/01/Events-02-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Events-02-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Events-02-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Events-02-800x521.png 800w" sizes="(max-width: 860px) 100vw, 860px" /></noscript><img decoding="async" width="860" height="560" src="https://likelode.com/wp-content/uploads/2024/01/Events-02.png" class="wp-image-7364 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/Events-02.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/Events-02.png 860w, https://likelode.com/wp-content/uploads/2024/01/Events-02-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Events-02-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Events-02-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Events-02-800x521.png 800w" data-sizes="auto" loading="eager"> <div class="vp-portfolio__item-overlay"> </div> </div> </div> <figcaption class="vp-portfolio__item-caption vp-portfolio__item-caption-text-align-left"> <div class="vp-portfolio__item-meta"> <div class="vp-portfolio__item-meta-excerpt"> <div> Navigating an event should be seamless and intuitive. We create impactful signage and wayfinding solutions that guide attendees, create a sense of anticipation, and enhance the overall event experience. From large-scale banners and directional signs to engaging floor decals and interactive digital displays, we ensure attendees can easily navigate your event space. </div> </div> </div> </figcaption> </figure> </div> <div class="vp-portfolio__item-wrap category-event_assets vp-portfolio__item-uid-7dbcd1c3" data-vp-filter="event_assets" > <figure class="vp-portfolio__item"> <div class="vp-portfolio__item-img-wrap"> <div class="vp-portfolio__item-img"> <noscript><img decoding="async" width="860" height="560" data-skip-lazy src="https://likelode.com/wp-content/uploads/2024/01/Events-03.png" class="wp-image-7365" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/Events-03.png 860w, https://likelode.com/wp-content/uploads/2024/01/Events-03-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Events-03-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Events-03-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Events-03-800x521.png 800w" sizes="(max-width: 860px) 100vw, 860px" /></noscript><img decoding="async" width="860" height="560" src="https://likelode.com/wp-content/uploads/2024/01/Events-03.png" class="wp-image-7365 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/Events-03.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/Events-03.png 860w, https://likelode.com/wp-content/uploads/2024/01/Events-03-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Events-03-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Events-03-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Events-03-800x521.png 800w" data-sizes="auto" loading="eager"> <div class="vp-portfolio__item-overlay"> </div> </div> </div> <figcaption class="vp-portfolio__item-caption vp-portfolio__item-caption-text-align-left"> <div class="vp-portfolio__item-meta"> <div class="vp-portfolio__item-meta-excerpt"> <div> We believe in transforming event spaces into immersive and memorable environments. Our team combines creativity and technical expertise to design stunning sets, stages, backdrops, and installations that captivate attendees and enhance the atmosphere of your event. We create environments that immerse your audience in your brand story and create lasting impressions. </div> </div> </div> </figcaption> </figure> </div> <div class="vp-portfolio__item-wrap category-event_assets vp-portfolio__item-uid-66e517a8" data-vp-filter="event_assets" > <figure class="vp-portfolio__item"> <div class="vp-portfolio__item-img-wrap"> <div class="vp-portfolio__item-img"> <noscript><img loading="lazy" decoding="async" width="860" height="560" data-skip-lazy src="https://likelode.com/wp-content/uploads/2024/01/Events-04.png" class="wp-image-7366" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/Events-04.png 860w, https://likelode.com/wp-content/uploads/2024/01/Events-04-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Events-04-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Events-04-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Events-04-800x521.png 800w" sizes="auto, (max-width: 860px) 100vw, 860px" /></noscript><img decoding="async" width="860" height="560" src="https://likelode.com/wp-content/uploads/2024/01/Events-04.png" class="wp-image-7366 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/Events-04.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/Events-04.png 860w, https://likelode.com/wp-content/uploads/2024/01/Events-04-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Events-04-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Events-04-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Events-04-800x521.png 800w" data-sizes="auto" loading="eager"> <div class="vp-portfolio__item-overlay"> </div> </div> </div> <figcaption class="vp-portfolio__item-caption vp-portfolio__item-caption-text-align-left"> <div class="vp-portfolio__item-meta"> <div class="vp-portfolio__item-meta-excerpt"> <div> Incorporating technology into events is essential. We design beautiful digital displays and interactive experiences that engage attendees, provide real-time information, and encourage participation. From interactive touchscreens and video walls to augmented reality (AR) and virtual reality (VR) experiences, we leverage the latest technologies to create memorable moments. </div> </div> </div> </figcaption> </figure> </div> <div class="vp-portfolio__item-wrap category-event_assets vp-portfolio__item-uid-2c820e8e" data-vp-filter="event_assets" > <figure class="vp-portfolio__item"> <div class="vp-portfolio__item-img-wrap"> <div class="vp-portfolio__item-img"> <noscript><img loading="lazy" decoding="async" width="860" height="560" data-skip-lazy src="https://likelode.com/wp-content/uploads/2024/01/Events-05.png" class="wp-image-7367" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/Events-05.png 860w, https://likelode.com/wp-content/uploads/2024/01/Events-05-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Events-05-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Events-05-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Events-05-800x521.png 800w" sizes="auto, (max-width: 860px) 100vw, 860px" /></noscript><img decoding="async" width="860" height="560" src="https://likelode.com/wp-content/uploads/2024/01/Events-05.png" class="wp-image-7367 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/Events-05.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/Events-05.png 860w, https://likelode.com/wp-content/uploads/2024/01/Events-05-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Events-05-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Events-05-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Events-05-800x521.png 800w" data-sizes="auto" loading="eager"> <div class="vp-portfolio__item-overlay"> </div> </div> </div> <figcaption class="vp-portfolio__item-caption vp-portfolio__item-caption-text-align-left"> <div class="vp-portfolio__item-meta"> <div class="vp-portfolio__item-meta-excerpt"> <div> Events offer an opportunity to leave a lasting impression on attendees. We create impactful promotional materials such as brochures, flyers, event programs, merchandise, and branded giveaways that extend the reach of your event and reinforce your brand message. Our designs are visually stunning, effectively conveying key information and enticing attendees to take action. </div> </div> </div> </figcaption> </figure> </div> <div class="vp-portfolio__item-wrap category-event_assets vp-portfolio__item-uid-7a71a2cb" data-vp-filter="event_assets" > <figure class="vp-portfolio__item"> <div class="vp-portfolio__item-img-wrap"> <div class="vp-portfolio__item-img"> <noscript><img loading="lazy" decoding="async" width="860" height="560" data-skip-lazy src="https://likelode.com/wp-content/uploads/2024/01/Events-06.png" class="wp-image-7368" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/Events-06.png 860w, https://likelode.com/wp-content/uploads/2024/01/Events-06-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Events-06-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Events-06-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Events-06-800x521.png 800w" sizes="auto, (max-width: 860px) 100vw, 860px" /></noscript><img decoding="async" width="860" height="560" src="https://likelode.com/wp-content/uploads/2024/01/Events-06.png" class="wp-image-7368 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/Events-06.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/Events-06.png 860w, https://likelode.com/wp-content/uploads/2024/01/Events-06-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Events-06-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Events-06-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Events-06-800x521.png 800w" data-sizes="auto" loading="eager"> <div class="vp-portfolio__item-overlay"> </div> </div> </div> <figcaption class="vp-portfolio__item-caption vp-portfolio__item-caption-text-align-left"> <div class="vp-portfolio__item-meta"> <div class="vp-portfolio__item-meta-excerpt"> <div> We understand the importance of generating buzz and excitement around your event. Our team designs eye-catching event graphics and social media assets that build anticipation, drive engagement, and maximize attendance. From event invitations and social media visuals to shareable photo backdrops and custom filters, we ensure your event generates a buzz online and offline. </div> </div> </div> </figcaption> </figure> </div> </div> </div> </div> </div> </div> <div id="page-nav"> <div class="page-nav-wrap"> <div class="page-nav-caption text-align-center content-max-width"> <div class="inner"> <a class="page-title next-ajax-link-page" href="https://likelode.com/contact/" data-type="page-transition" data-firstline="Get" data-secondline="in"> <div class="next-hero-title"><span>Contact</span></div> </a> </div> </div> </div> </div> </div> </div> <footer class="hidden"> <div id="footer-container"> <div class="footer-middle"><div class="copyright">2024© <a class="link" target="_self" href="https://www.likelode.com/privacy-policy/">Privacy Policy</a> | <a class="link" target="_self" href="https://www.likelode.com/imprint/">Imprint</a></div></div> </div> </footer> </div> <div id="app"></div> </div> </div> </main> <div class="cd-cover-layer"></div> <div id="magic-cursor"> <div id="ball"> <div id="ball-drag-x"></div> <div id="ball-drag-y"></div> <div id="ball-loader"></div> </div> </div> <div id="clone-image"> <div class="hero-translate"></div> </div> <div id="rotate-device"></div> <div id="cookie-notice" class="cookie-notice" style="display: none;"> <p>We use only essential cookies on our website. By using this website, you agree to our terms. <a href="/privacy-policy">Learn more</a>.</p> <button id="cookie-accept" class="cookie-accept">Accept</button> </div><script type="text/javascript" src="https://likelode.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script type="text/javascript" src="https://likelode.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.9.8" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/likelode.com\/wp-json\/","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.9.8" id="contact-form-7-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/cache/asset-cleanup/js/item/cookie-notice-banner__js__cnb-script-js-vcf0e00b1457931597de351a7921e7276379c3ffb.js" id="cnb-script-js"></script> <script type="text/javascript" src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js?ver=6.7.1" id="ltp-interactivity-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/jquery.flexnav.min.js?ver=6.7.1" id="jquery-flexnav-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/jquery.waitforimages.js?ver=6.7.1" id="jquery-waitforimages-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/jquery.magnific-popup.min.js?ver=6.7.1" id="jquery-magnific-popup-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/jquery.justifiedGallery.js?ver=6.7.1" id="jquery-justifiedgallery-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/packery-mode.pkgd.js?ver=6.7.1" id="packery-mode-pkd-js"></script> <script type="text/javascript" src="https://likelode.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/scrolltoplugin.min.js?ver=6.7.1" id="scroll-to-plugin-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/gsap.min.js?ver=6.7.1" id="gsap-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/cssruleplugin.min.js?ver=6.7.1" id="css-rule-plugin-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/easepack.min.js?ver=6.7.1" id="ease-pack-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/scrollmagic.min.js?ver=6.7.1" id="scroll-magic-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/animation.gsap.min.js?ver=6.7.1" id="animation-gsap-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/draggable.min.js?ver=6.7.1" id="draggable-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/scrolltrigger.min.js?ver=6.7.1" id="scroll-trigger-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/assets/vendor/swiper/swiper-bundle.min.js?ver=8.4.7" id="swiper-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/jssocials.min.js?ver=6.7.1" id="js-socials-js"></script> <script type="text/javascript" id="elymor-common-js-extra"> /* <![CDATA[ */ var ClapatThemeOptions = {"share_social_network_list":""}; var ClapatMapOptions = {"map_marker_image":"","map_address":"","map_zoom":"0","marker_title":"","marker_text":"","map_type":"satellite","map_api_key":""}; /* ]]> */ </script> <script type="text/javascript" src="https://likelode.com/wp-content/cache/asset-cleanup/js/item/elymor__core__js__common-js-v0f808d230c2b961c42473c02fee82f3c9140970a.js" id="elymor-common-js"></script> <script type="text/javascript" id="elymor-scripts-js-extra"> /* <![CDATA[ */ var ClapatElymorThemeOptions = {"enable_preloader":"0"}; /* ]]> */ </script> <script type="text/javascript" src="https://likelode.com/wp-content/cache/asset-cleanup/js/item/elymor__js__scripts-js-v8090b0089c54447b3f42970853bf832acf74239e.js" id="elymor-scripts-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/cache/asset-cleanup/js/item/elymor-child__lode-js-vbb8007253afd15f33583a056f24d15e41fca6c73.js" id="lode-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/assets/vendor/simplebar/dist/simplebar.min.js?ver=5.3.0" id="simplebar-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/build/assets/js/custom-scrollbar.js?ver=9b36ac27c6216ab1de67" id="visual-portfolio-custom-scrollbar-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/assets/vendor/isotope-layout/dist/isotope.pkgd.min.js?ver=3.0.6" id="isotope-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/build/assets/js/plugin-isotope.js?ver=cca106890fed60c6a419" id="visual-portfolio-plugin-isotope-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/build/assets/js/layout-grid.js?ver=d6aa7791eb1db1e88590" id="visual-portfolio-layout-grid-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/build/assets/js/lazysizes-cfg.js?ver=e4a684c7748623ddbf8b" id="lazysizes-config-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/build/assets/js/lazysizes-object-fit-cover.js?ver=4.1.0" id="lazysizes-object-fit-cover-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/build/assets/js/lazysizes-swiper-duplicates-load.js?ver=e9a9d96930527983f1eb" id="lazysizes-swiper-duplicates-load-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/assets/vendor/lazysizes/lazysizes.min.js?ver=5.3.2" id="lazysizes-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/build/assets/js/lazyload.js?ver=9a1f538569ebb9961833" id="visual-portfolio-lazyload-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/build/assets/js/main.js?ver=79d4507ab78ec1156abe" id="visual-portfolio-js"></script> <script> document.addEventListener('DOMContentLoaded', function () { if (window.innerWidth <= 767) { // Create the dropdown element const dropdown = document.createElement('div'); dropdown.className = 'vp-filters-dropdown'; const select = document.createElement('select'); dropdown.appendChild(select); // Get the existing filter buttons const filters = document.querySelectorAll('.wp-block-visual-portfolio .vp-filter__item a'); filters.forEach(filter => { const option = document.createElement('option'); option.value = filter.getAttribute('data-vp-filter'); option.textContent = filter.textContent; select.appendChild(option); }); // Insert the dropdown before the portfolio items const portfolio = document.querySelector('.wp-block-visual-portfolio'); portfolio.insertBefore(dropdown, portfolio.firstChild); // Add change event listener to the dropdown select.addEventListener('change', function () { const selectedFilter = select.value; filters.forEach(filter => { if (filter.getAttribute('data-vp-filter') === selectedFilter) { filter.click(); } }); }); } }); </script> </body> </html>