CINXE.COM
Capabilities – LODE Design Agency
<!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=web_development" /> <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 vp-filter__item-active"> <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"> <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-web_development vp-portfolio__item-uid-cfeb3cff" data-vp-filter="web_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/Web-01.png" class="wp-image-7329" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/Web-01.png 860w, https://likelode.com/wp-content/uploads/2024/01/Web-01-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Web-01-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Web-01-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Web-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/Web-01.png" class="wp-image-7329 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/Web-01.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/Web-01.png 860w, https://likelode.com/wp-content/uploads/2024/01/Web-01-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Web-01-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Web-01-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Web-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> Our front-end developers are masters of HTML, CSS, and JavaScript. We have extensive experience creating pixel-perfect, responsive websites that work seamlessly across all devices and browsers. Whether it’s an impressive landing page or a complex web application, we ensure an engaging user experience by employing the latest front-end frameworks and libraries like React, Angular, or Vue.js. </div> </div> </div> </figcaption> </figure> </div> <div class="vp-portfolio__item-wrap category-web_development vp-portfolio__item-uid-e88ccfca" data-vp-filter="web_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/Web-02.png" class="wp-image-7330" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/Web-02.png 860w, https://likelode.com/wp-content/uploads/2024/01/Web-02-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Web-02-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Web-02-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Web-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/Web-02.png" class="wp-image-7330 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/Web-02.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/Web-02.png 860w, https://likelode.com/wp-content/uploads/2024/01/Web-02-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Web-02-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Web-02-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Web-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> The backbone of any successful website lies in its back-end infrastructure. Our back-end developers excel in building robust, scalable, and secure server-side solutions. We are proficient in various programming languages such as Python, PHP, Ruby, and Node.js, enabling us to choose the most suitable technology stack for your project. From custom API development to database management, we have got you covered. </div> </div> </div> </figcaption> </figure> </div> <div class="vp-portfolio__item-wrap category-web_development vp-portfolio__item-uid-a2ebd6ec" data-vp-filter="web_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/Web-03.png" class="wp-image-7331" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/Web-03.png 860w, https://likelode.com/wp-content/uploads/2024/01/Web-03-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Web-03-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Web-03-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Web-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/Web-03.png" class="wp-image-7331 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/Web-03.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/Web-03.png 860w, https://likelode.com/wp-content/uploads/2024/01/Web-03-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Web-03-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Web-03-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Web-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> Managing your website’s content should be hassle-free. We develop websites using popular CMS platforms like WordPress or headless systems like Kirby. Our expertise in customizing these CMSs ensures that your website is visually appealing and easy to update and maintain, even for non-technical users. We can create bespoke themes, plugins, and modules to meet your unique requirements. </div> </div> </div> </figcaption> </figure> </div> <div class="vp-portfolio__item-wrap category-web_development vp-portfolio__item-uid-89c25b46" data-vp-filter="web_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/Web-04.png" class="wp-image-7332" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/Web-04.png 860w, https://likelode.com/wp-content/uploads/2024/01/Web-04-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Web-04-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Web-04-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Web-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/Web-04.png" class="wp-image-7332 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/Web-04.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/Web-04.png 860w, https://likelode.com/wp-content/uploads/2024/01/Web-04-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Web-04-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Web-04-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Web-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> Speed is crucial. That’s why we optimize every aspect of your website to ensure lightning-fast loading, excellent performance, and an optimal user experience. From minifying code and compressing images to implementing caching techniques and leveraging content delivery networks (CDNs), we leave no stone unturned in making your website lightning-quick. </div> </div> </div> </figcaption> </figure> </div> <div class="vp-portfolio__item-wrap category-web_development vp-portfolio__item-uid-c3a54260" data-vp-filter="web_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/Web-05.png" class="wp-image-7333" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/Web-05.png 860w, https://likelode.com/wp-content/uploads/2024/01/Web-05-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Web-05-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Web-05-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Web-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/Web-05.png" class="wp-image-7333 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/Web-05.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/Web-05.png 860w, https://likelode.com/wp-content/uploads/2024/01/Web-05-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/Web-05-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/Web-05-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/Web-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 prioritize the security and maintenance of your website. Our developers follow industry best practices to safeguard your website against vulnerabilities and threats. We conduct regular security audits, apply necessary patches and updates, and implement robust backup and disaster recovery solutions. We offer ongoing maintenance plans to keep your website running smoothly and securely. </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>