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-v1e2b361378260e876b6657b3707367e6209ca3ec.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=1736504941' 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=1736504941' 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=1736504941' 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=1736504941' 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=1736504941' 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=1736504941' 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=1736504941' 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.2' 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='sr7css-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/revslider__public__css__sr7-css-v17b844246147945dfa287d2700f129e9f8f3925a.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.2' 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="//likelode.com/wp-content/plugins/revslider/public/js/libs/tptools.js?ver=6.7.28" id="tp-tools-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" src="//likelode.com/wp-content/plugins/revslider/public/js/sr7.js?ver=6.7.28" id="sr7-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js?ver=6.7.2" id="ltp-js"></script> <link rel="canonical" href="https://likelode.com/services/capabilities/?vp_filter=concept_campaign_development" /> <script type='text/javascript'> /* <![CDATA[ */ var VPData = {"version":"3.3.12","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.12'); 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.12'); 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" /> <script> window._tpt ??= {}; window.SR7 ??= {}; _tpt.R ??= {}; _tpt.R.fonts ??= {}; _tpt.R.fonts.customFonts??= {}; SR7.devMode = false; SR7.F ??= {}; SR7.G ??= {}; SR7.LIB ??= {}; SR7.E ??= {}; SR7.E.gAddons ??= {}; SR7.E.php ??= {}; SR7.E.nonce = '2650d8e66b'; SR7.E.ajaxurl = 'https://likelode.com/wp-admin/admin-ajax.php'; SR7.E.resturl = 'https://likelode.com/wp-json/'; SR7.E.slug_path = 'revslider/revslider.php'; SR7.E.slug = 'revslider'; SR7.E.plugin_url = 'https://likelode.com/wp-content/plugins/revslider/'; SR7.E.wp_plugin_url = 'https://likelode.com/wp-content/plugins/'; SR7.E.revision = '6.7.28'; SR7.E.fontBaseUrl = ''; SR7.G.breakPoints = [1240,1024,778,480]; SR7.E.modules = ['module','page','slide','layer','draw','animate','srtools','canvas','defaults','carousel','navigation','media','modifiers','migration']; SR7.E.libs = ['WEBGL']; SR7.E.css = ['csslp','cssbtns','cssfilters','cssnav','cssmedia']; SR7.E.resources = {}; SR7.JSON ??= {}; /*! Slider Revolution 7.0 - Page Processor */ !function(){"use strict";window.SR7??={},window._tpt??={},SR7.version="Slider Revolution 6.7.16",_tpt.getWinDim=function(t){_tpt.screenHeightWithUrlBar??=window.innerHeight;let e=SR7.F?.modal?.visible&&SR7.M[SR7.F.module.getIdByAlias(SR7.F.modal.requested)];_tpt.scrollBar=window.innerWidth!==document.documentElement.clientWidth||e&&window.innerWidth!==e.c.module.clientWidth,_tpt.winW=window.innerWidth-(_tpt.scrollBar||"prepare"==t?_tpt.scrollBarW??_tpt.mesureScrollBar():0),_tpt.winH=window.innerHeight,_tpt.winWAll=document.documentElement.clientWidth},_tpt.getResponsiveLevel=function(t,e){SR7.M[e];return _tpt.closestGE(t,_tpt.winWAll)},_tpt.mesureScrollBar=function(){let t=document.createElement("div");return t.className="RSscrollbar-measure",t.style.width="100px",t.style.height="100px",t.style.overflow="scroll",t.style.position="absolute",t.style.top="-9999px",document.body.appendChild(t),_tpt.scrollBarW=t.offsetWidth-t.clientWidth,document.body.removeChild(t),_tpt.scrollBarW},_tpt.loadCSS=async function(t,e,s){return s?_tpt.R.fonts.required[e].status=1:(_tpt.R[e]??={},_tpt.R[e].status=1),new Promise(((n,i)=>{if(_tpt.isStylesheetLoaded(t))s?_tpt.R.fonts.required[e].status=2:_tpt.R[e].status=2,n();else{const o=document.createElement("link");o.rel="stylesheet";let l="text",r="css";o["type"]=l+"/"+r,o.href=t,o.onload=()=>{s?_tpt.R.fonts.required[e].status=2:_tpt.R[e].status=2,n()},o.onerror=()=>{s?_tpt.R.fonts.required[e].status=3:_tpt.R[e].status=3,i(new Error(`Failed to load CSS: ${t}`))},document.head.appendChild(o)}}))},_tpt.addContainer=function(t){const{tag:e="div",id:s,class:n,datas:i,textContent:o,iHTML:l}=t,r=document.createElement(e);if(s&&""!==s&&(r.id=s),n&&""!==n&&(r.className=n),i)for(const[t,e]of Object.entries(i))"style"==t?r.style.cssText=e:r.setAttribute(`data-${t}`,e);return o&&(r.textContent=o),l&&(r.innerHTML=l),r},_tpt.collector=function(){return{fragment:new DocumentFragment,add(t){var e=_tpt.addContainer(t);return this.fragment.appendChild(e),e},append(t){t.appendChild(this.fragment)}}},_tpt.isStylesheetLoaded=function(t){let e=t.split("?")[0];return Array.from(document.querySelectorAll('link[rel="stylesheet"], link[rel="preload"]')).some((t=>t.href.split("?")[0]===e))},_tpt.preloader={requests:new Map,preloaderTemplates:new Map,show:function(t,e){if(!e||!t)return;const{type:s,color:n}=e;if(s<0||"off"==s)return;const i=`preloader_${s}`;let o=this.preloaderTemplates.get(i);o||(o=this.build(s,n),this.preloaderTemplates.set(i,o)),this.requests.has(t)||this.requests.set(t,{count:0});const l=this.requests.get(t);clearTimeout(l.timer),l.count++,1===l.count&&(l.timer=setTimeout((()=>{l.preloaderClone=o.cloneNode(!0),l.anim&&l.anim.kill(),void 0!==_tpt.gsap?l.anim=_tpt.gsap.fromTo(l.preloaderClone,1,{opacity:0},{opacity:1}):l.preloaderClone.classList.add("sr7-fade-in"),t.appendChild(l.preloaderClone)}),150))},hide:function(t){if(!this.requests.has(t))return;const e=this.requests.get(t);e.count--,e.count<0&&(e.count=0),e.anim&&e.anim.kill(),0===e.count&&(clearTimeout(e.timer),e.preloaderClone&&(e.preloaderClone.classList.remove("sr7-fade-in"),e.anim=_tpt.gsap.to(e.preloaderClone,.3,{opacity:0,onComplete:function(){e.preloaderClone.remove()}})))},state:function(t){if(!this.requests.has(t))return!1;return this.requests.get(t).count>0},build:(t,e="#ffffff",s="")=>{if(t<0||"off"===t)return null;const n=parseInt(t);if(t="prlt"+n,isNaN(n))return null;if(_tpt.loadCSS(SR7.E.plugin_url+"public/css/preloaders/t"+n+".css","preloader_"+t),isNaN(n)||n<6){const i=`background-color:${e}`,o=1===n||2==n?i:"",l=3===n||4==n?i:"",r=_tpt.collector();["dot1","dot2","bounce1","bounce2","bounce3"].forEach((t=>r.add({tag:"div",class:t,datas:{style:l}})));const d=_tpt.addContainer({tag:"sr7-prl",class:`${t} ${s}`,datas:{style:o}});return r.append(d),d}{let i={};if(7===n){let t;e.startsWith("#")?(t=e.replace("#",""),t=`rgba(${parseInt(t.substring(0,2),16)}, ${parseInt(t.substring(2,4),16)}, ${parseInt(t.substring(4,6),16)}, `):e.startsWith("rgb")&&(t=e.slice(e.indexOf("(")+1,e.lastIndexOf(")")).split(",").map((t=>t.trim())),t=`rgba(${t[0]}, ${t[1]}, ${t[2]}, `),t&&(i.style=`border-top-color: ${t}0.65); border-bottom-color: ${t}0.15); border-left-color: ${t}0.65); border-right-color: ${t}0.15)`)}else 12===n&&(i.style=`background:${e}`);const o=[10,0,4,2,5,9,0,4,4,2][n-6],l=_tpt.collector(),r=l.add({tag:"div",class:"sr7-prl-inner",datas:i});Array.from({length:o}).forEach((()=>r.appendChild(l.add({tag:"span",datas:{style:`background:${e}`}}))));const d=_tpt.addContainer({tag:"sr7-prl",class:`${t} ${s}`});return l.append(d),d}}},SR7.preLoader={show:(t,e)=>{"off"!==(SR7.M[t]?.settings?.pLoader?.type??"off")&&_tpt.preloader.show(e||SR7.M[t].c.module,SR7.M[t]?.settings?.pLoader??{color:"#fff",type:10})},hide:(t,e)=>{"off"!==(SR7.M[t]?.settings?.pLoader?.type??"off")&&_tpt.preloader.hide(e||SR7.M[t].c.module)},state:(t,e)=>_tpt.preloader.state(e||SR7.M[t].c.module)},_tpt.prepareModuleHeight=function(t){window.SR7.M??={},window.SR7.M[t.id]??={},"ignore"==t.googleFont&&(SR7.E.ignoreGoogleFont=!0);let e=window.SR7.M[t.id];if(null==_tpt.scrollBarW&&_tpt.mesureScrollBar(),e.c??={},e.states??={},e.settings??={},e.settings.size??={},t.fixed&&(e.settings.fixed=!0),e.c.module=document.getElementById(t.id),e.c.adjuster=e.c.module.getElementsByTagName("sr7-adjuster")[0],e.c.content=e.c.module.getElementsByTagName("sr7-content")[0],"carousel"==t.type&&(e.c.carousel=e.c.content.getElementsByTagName("sr7-carousel")[0]),null==e.c.module||null==e.c.module)return;t.plType&&t.plColor&&(e.settings.pLoader={type:t.plType,color:t.plColor}),void 0===t.plType||"off"===t.plType||SR7.preLoader.state(t.id)&&SR7.preLoader.state(t.id,e.c.module)||SR7.preLoader.show(t.id,e.c.module),_tpt.winW||_tpt.getWinDim("prepare"),_tpt.getWinDim();let s=""+e.c.module.dataset?.modal;"modal"==s||"true"==s||"undefined"!==s&&"false"!==s||(e.settings.size.fullWidth=t.size.fullWidth,e.LEV??=_tpt.getResponsiveLevel(window.SR7.G.breakPoints,t.id),t.vpt=_tpt.fillArray(t.vpt,5),e.settings.vPort=t.vpt[e.LEV],void 0!==t.el&&"720"==t.el[4]&&t.gh[4]!==t.el[4]&&"960"==t.el[3]&&t.gh[3]!==t.el[3]&&"768"==t.el[2]&&t.gh[2]!==t.el[2]&&delete t.el,e.settings.size.height=null==t.el||null==t.el[e.LEV]||0==t.el[e.LEV]||"auto"==t.el[e.LEV]?_tpt.fillArray(t.gh,5,-1):_tpt.fillArray(t.el,5,-1),e.settings.size.width=_tpt.fillArray(t.gw,5,-1),e.settings.size.minHeight=_tpt.fillArray(t.mh??[0],5,-1),e.cacheSize={fullWidth:e.settings.size?.fullWidth,fullHeight:e.settings.size?.fullHeight},void 0!==t.off&&(t.off?.t&&(e.settings.size.m??={})&&(e.settings.size.m.t=t.off.t),t.off?.b&&(e.settings.size.m??={})&&(e.settings.size.m.b=t.off.b),t.off?.l&&(e.settings.size.p??={})&&(e.settings.size.p.l=t.off.l),t.off?.r&&(e.settings.size.p??={})&&(e.settings.size.p.r=t.off.r),e.offsetPrepared=!0),_tpt.updatePMHeight(t.id,t,!0))},_tpt.updatePMHeight=(t,e,s)=>{let n=SR7.M[t];var i=n.settings.size.fullWidth?_tpt.winW:n.c.module.parentNode.offsetWidth;i=0===i||isNaN(i)?_tpt.winW:i;let o=n.settings.size.width[n.LEV]||n.settings.size.width[n.LEV++]||n.settings.size.width[n.LEV--]||i,l=n.settings.size.height[n.LEV]||n.settings.size.height[n.LEV++]||n.settings.size.height[n.LEV--]||0,r=n.settings.size.minHeight[n.LEV]||n.settings.size.minHeight[n.LEV++]||n.settings.size.minHeight[n.LEV--]||0;if(l="auto"==l?0:l,l=parseInt(l),"carousel"!==e.type&&(i-=parseInt(e.onw??0)||0),n.MP=!n.settings.size.fullWidth&&i<o||_tpt.winW<o?Math.min(1,i/o):1,e.size.fullScreen||e.size.fullHeight){let t=parseInt(e.fho)||0,s=(""+e.fho).indexOf("%")>-1;e.newh=_tpt.winH-(s?_tpt.winH*t/100:t)}else e.newh=n.MP*Math.max(l,r);if(e.newh+=(parseInt(e.onh??0)||0)+(parseInt(e.carousel?.pt)||0)+(parseInt(e.carousel?.pb)||0),void 0!==e.slideduration&&(e.newh=Math.max(e.newh,parseInt(e.slideduration)/3)),e.shdw&&_tpt.buildShadow(e.id,e),n.c.adjuster.style.height=e.newh+"px",n.c.module.style.height=e.newh+"px",n.c.content.style.height=e.newh+"px",n.states.heightPrepared=!0,n.dims??={},n.dims.moduleRect=n.c.module.getBoundingClientRect(),n.c.content.style.left="-"+n.dims.moduleRect.left+"px",!n.settings.size.fullWidth)return s&&requestAnimationFrame((()=>{i!==n.c.module.parentNode.offsetWidth&&_tpt.updatePMHeight(e.id,e)})),void _tpt.bgStyle(e.id,e,window.innerWidth==_tpt.winW,!0);_tpt.bgStyle(e.id,e,window.innerWidth==_tpt.winW,!0),requestAnimationFrame((function(){s&&requestAnimationFrame((()=>{i!==n.c.module.parentNode.offsetWidth&&_tpt.updatePMHeight(e.id,e)}))})),n.earlyResizerFunction||(n.earlyResizerFunction=function(){requestAnimationFrame((function(){_tpt.getWinDim(),_tpt.moduleDefaults(e.id,e),_tpt.updateSlideBg(t,!0)}))},window.addEventListener("resize",n.earlyResizerFunction))},_tpt.buildShadow=function(t,e){let s=SR7.M[t];null==s.c.shadow&&(s.c.shadow=document.createElement("sr7-module-shadow"),s.c.shadow.classList.add("sr7-shdw-"+e.shdw),s.c.content.appendChild(s.c.shadow))},_tpt.bgStyle=async(t,e,s,n,i)=>{const o=SR7.M[t];if((e=e??o.settings).fixed&&!o.c.module.classList.contains("sr7-top-fixed")&&(o.c.module.classList.add("sr7-top-fixed"),o.c.module.style.position="fixed",o.c.module.style.width="100%",o.c.module.style.top="0px",o.c.module.style.left="0px",o.c.module.style.pointerEvents="none",o.c.module.style.zIndex=5e3,o.c.content.style.pointerEvents="none"),null==o.c.bgcanvas){let t=document.createElement("sr7-module-bg"),l=!1;if("string"==typeof e?.bg?.color&&e?.bg?.color.includes("{"))if(_tpt.gradient&&_tpt.gsap)e.bg.color=_tpt.gradient.convert(e.bg.color);else try{let t=JSON.parse(e.bg.color);(t?.orig||t?.string)&&(e.bg.color=JSON.parse(e.bg.color))}catch(t){return}let r="string"==typeof e?.bg?.color?e?.bg?.color||"transparent":e?.bg?.color?.string??e?.bg?.color?.orig??e?.bg?.color?.color??"transparent";if(t.style["background"+(String(r).includes("grad")?"":"Color")]=r,("transparent"!==r||i)&&(l=!0),o.offsetPrepared&&(t.style.visibility="hidden"),e?.bg?.image?.src&&(t.style.backgroundImage=`url(${e?.bg?.image.src})`,t.style.backgroundSize=""==(e.bg.image?.size??"")?"cover":e.bg.image.size,t.style.backgroundPosition=e.bg.image.position,t.style.backgroundRepeat=""==e.bg.image.repeat||null==e.bg.image.repeat?"no-repeat":e.bg.image.repeat,l=!0),!l)return;o.c.bgcanvas=t,e.size.fullWidth?t.style.width=_tpt.winW-(s&&_tpt.winH<document.body.offsetHeight?_tpt.scrollBarW:0)+"px":n&&(t.style.width=o.c.module.offsetWidth+"px"),e.sbt?.use?o.c.content.appendChild(o.c.bgcanvas):o.c.module.appendChild(o.c.bgcanvas)}o.c.bgcanvas.style.height=void 0!==e.newh?e.newh+"px":("carousel"==e.type?o.dims.module.h:o.dims.content.h)+"px",o.c.bgcanvas.style.left=!s&&e.sbt?.use||o.c.bgcanvas.closest("SR7-CONTENT")?"0px":"-"+(o?.dims?.moduleRect?.left??0)+"px"},_tpt.updateSlideBg=function(t,e){const s=SR7.M[t];let n=s.settings;s?.c?.bgcanvas&&(n.size.fullWidth?s.c.bgcanvas.style.width=_tpt.winW-(e&&_tpt.winH<document.body.offsetHeight?_tpt.scrollBarW:0)+"px":preparing&&(s.c.bgcanvas.style.width=s.c.module.offsetWidth+"px"))},_tpt.moduleDefaults=(t,e)=>{let s=SR7.M[t];null!=s&&null!=s.c&&null!=s.c.module&&(s.dims??={},s.dims.moduleRect=s.c.module.getBoundingClientRect(),s.c.content.style.left="-"+s.dims.moduleRect.left+"px",s.c.content.style.width=_tpt.winW-_tpt.scrollBarW+"px","carousel"==e.type&&(s.c.module.style.overflow="visible"),_tpt.bgStyle(t,e,window.innerWidth==_tpt.winW))},_tpt.getOffset=t=>{var e=t.getBoundingClientRect(),s=window.pageXOffset||document.documentElement.scrollLeft,n=window.pageYOffset||document.documentElement.scrollTop;return{top:e.top+n,left:e.left+s}},_tpt.fillArray=function(t,e){let s,n;t=Array.isArray(t)?t:[t];let i=Array(e),o=t.length;for(n=0;n<t.length;n++)i[n+(e-o)]=t[n],null==s&&"#"!==t[n]&&(s=t[n]);for(let t=0;t<e;t++)void 0!==i[t]&&"#"!=i[t]||(i[t]=s),s=i[t];return i},_tpt.closestGE=function(t,e){let s=Number.MAX_VALUE,n=-1;for(let i=0;i<t.length;i++)t[i]-1>=e&&t[i]-1-e<s&&(s=t[i]-1-e,n=i);return++n}}();</script> <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 vp-filter__item-active"> <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"> <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-concept_campaign_development vp-portfolio__item-uid-21592ba3" data-vp-filter="concept_campaign_development" > <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/Concept_Campaing-01.png" class="wp-image-7340" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-01.png 860w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-01-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-01-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-01-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-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/Concept_Campaing-01.png" class="wp-image-7340 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-01.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-01.png 860w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-01-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-01-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-01-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-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 dive deep into your industry, target audience, and competitors to gain valuable insights that inform our creative process. We identify key opportunities and craft a strategic framework as the foundation for our concepts and campaigns. </div> </div> </div> </figcaption> </figure> </div> <div class="vp-portfolio__item-wrap category-concept_campaign_development vp-portfolio__item-uid-6b3e3285" data-vp-filter="concept_campaign_development" > <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/Concept_Campaing-02.png" class="wp-image-7341" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-02.png 860w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-02-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-02-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-02-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-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/Concept_Campaing-02.png" class="wp-image-7341 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-02.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-02.png 860w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-02-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-02-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-02-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-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> Our team of imaginative thinkers excels at ideation and concept development. We brainstorm unique and innovative ideas that align with your brand’s values and goals. From thought-provoking storytelling to attention-grabbing visuals, we create concepts that leave a lasting impact. </div> </div> </div> </figcaption> </figure> </div> <div class="vp-portfolio__item-wrap category-concept_campaign_development vp-portfolio__item-uid-4017bf2f" data-vp-filter="concept_campaign_development" > <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/Concept_Campaing-03.png" class="wp-image-7342" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-03.png 860w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-03-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-03-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-03-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-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/Concept_Campaing-03.png" class="wp-image-7342 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-03.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-03.png 860w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-03-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-03-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-03-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-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> Design has the power to evoke emotions and shape perceptions. Our talented designers create visually stunning assets that capture attention and reflect the essence of your brand. From eye-catching logos to captivating print materials and digital assets, we bring your brand to life visually. </div> </div> </div> </figcaption> </figure> </div> <div class="vp-portfolio__item-wrap category-concept_campaign_development vp-portfolio__item-uid-0a70a609" data-vp-filter="concept_campaign_development" > <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/Concept_Campaing-04.png" class="wp-image-7343" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-04.png 860w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-04-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-04-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-04-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-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/Concept_Campaing-04.png" class="wp-image-7343 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-04.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-04.png 860w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-04-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-04-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-04-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-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> Words can inspire action and influence behavior. Our team of skilled copywriters crafts persuasive and memorable copy that complements the visual elements of your campaign. We tailor the messaging to resonate with your target audience and create a strong call-to-action that drives results. </div> </div> </div> </figcaption> </figure> </div> <div class="vp-portfolio__item-wrap category-concept_campaign_development vp-portfolio__item-uid-d3b4497a" data-vp-filter="concept_campaign_development" > <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/Concept_Campaing-05.png" class="wp-image-7344" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-05.png 860w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-05-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-05-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-05-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-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/Concept_Campaing-05.png" class="wp-image-7344 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-05.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-05.png 860w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-05-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-05-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-05-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-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> We bring your campaign to life across various channels, ensuring maximum reach and impact. From traditional media such as TV, radio, and print to digital platforms, including social media, display ads, and influencer marketing, we develop a comprehensive multichannel approach that amplifies your brand message. </div> </div> </div> </figcaption> </figure> </div> <div class="vp-portfolio__item-wrap category-concept_campaign_development vp-portfolio__item-uid-99d3505c" data-vp-filter="concept_campaign_development" > <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/Concept_Campaing-06.png" class="wp-image-7345" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-06.png 860w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-06-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-06-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-06-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-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/Concept_Campaing-06.png" class="wp-image-7345 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-06.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-06.png 860w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-06-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-06-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-06-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Concept_Campaing-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 believe in data-driven decision-making. We monitor campaign performance, gather insights, and make necessary optimizations to enhance the effectiveness of your advertising efforts. We provide detailed reports that demonstrate the impact of our campaigns and inform future strategies. </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">2025© <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=6.0.3" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-before"> /* <![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=6.0.3" 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.2" 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.2" 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.2" 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.2" 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.2" 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.2" 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.2" 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.2" id="gsap-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/cssruleplugin.min.js?ver=6.7.2" 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.2" 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.2" 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.2" 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.2" id="draggable-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/scrolltrigger.min.js?ver=6.7.2" 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.2" 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=15b566c76c127f028181" 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>