CINXE.COM

<!DOCTYPE html> <html lang="en-US" prefix="og: https://ogp.me/ns#" class="no-js" itemscope itemtype="https://schema.org/WebPage"> <head>  <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:3344891,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script> <meta name="ahrefs-site-verification" content="49fd51810941325ad4920c896fce09c4833cc2a685520421ccac6b7a6c3b331e"> <meta name="facebook-domain-verification" content="xkq068wd45xedybbiit3zql87j3xhy" />  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-52V6GSR');</script>   <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '235062326956646'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=235062326956646&ev=PageView&noscript=1" /></noscript>  <meta charset="UTF-8" />  <script async src="https://www.googletagmanager.com/gtag/js?id=G-BE1468T8E1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-BE1468T8E1'); </script> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <link rel="shortcut icon" href="https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-favicon.png" type="image/x-icon" />  <title>Creative Digital Marketing Agency in Malaysia | Bike Bear</title> <meta name="description" content="Full-service digital marketing company offering unique digital marketing services to elevate YOUR BRAND & communicate YOUR VALUE to your target audience!"/> <meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/> <link rel="canonical" href="https://www.bikebear.com.my/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Creative Digital Marketing Agency in Malaysia | Bike Bear" /> <meta property="og:description" content="Full-service digital marketing company offering unique digital marketing services to elevate YOUR BRAND & communicate YOUR VALUE to your target audience!" /> <meta property="og:url" content="https://www.bikebear.com.my/" /> <meta property="og:site_name" content="Bike Bear" /> <meta property="og:updated_time" content="2025-03-26T00:29:25-08:00" /> <meta property="article:published_time" content="2022-12-15T08:43:17-08:00" /> <meta property="article:modified_time" content="2025-03-26T00:29:25-08:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Creative Digital Marketing Agency in Malaysia | Bike Bear" /> <meta name="twitter:description" content="Full-service digital marketing company offering unique digital marketing services to elevate YOUR BRAND & communicate YOUR VALUE to your target audience!" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="bikebear" /> <meta name="twitter:label2" content="Time to read" /> <meta name="twitter:data2" content="Less than a minute" /> <script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Place","@id":"https://www.bikebear.com.my/#place","address":{"@type":"PostalAddress","streetAddress":"B-G-33 Menara B Prima Avenue, Jalan PJU 1/39 Dataran Prima,","addressLocality":"Petaling Jaya","addressRegion":"Selangor Darul Ehsan","postalCode":"47301","addressCountry":"Malaysia"}},{"@type":"Organization","@id":"https://www.bikebear.com.my/#organization","name":"Bike Bear","url":"https://www.bikebear.com.my","sameAs":["https://www.facebook.com/bikebearwebsite/","https://www.instagram.com/bikebears/","https://www.linkedin.com/company/bike-bear/","https://www.tiktok.com/@bikebears"],"email":"roar@bikebear.com.my","address":{"@type":"PostalAddress","streetAddress":"B-G-33 Menara B Prima Avenue, Jalan PJU 1/39 Dataran Prima,","addressLocality":"Petaling Jaya","addressRegion":"Selangor Darul Ehsan","postalCode":"47301","addressCountry":"Malaysia"},"logo":{"@type":"ImageObject","@id":"https://www.bikebear.com.my/#logo","url":"https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-logo.gif","contentUrl":"https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-logo.gif","caption":"Bike Bear","inLanguage":"en-US","width":"330","height":"500"},"contactPoint":[{"@type":"ContactPoint","telephone":"+60376224756","contactType":"customer support"}],"location":{"@id":"https://www.bikebear.com.my/#place"}},{"@type":"WebSite","@id":"https://www.bikebear.com.my/#website","url":"https://www.bikebear.com.my","name":"Bike Bear","publisher":{"@id":"https://www.bikebear.com.my/#organization"},"inLanguage":"en-US","potentialAction":{"@type":"SearchAction","target":"https://www.bikebear.com.my/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://www.bikebear.com.my/#webpage","url":"https://www.bikebear.com.my/","name":"Creative Digital Marketing Agency in Malaysia | Bike Bear","datePublished":"2022-12-15T08:43:17-08:00","dateModified":"2025-03-26T00:29:25-08:00","about":{"@id":"https://www.bikebear.com.my/#organization"},"isPartOf":{"@id":"https://www.bikebear.com.my/#website"},"inLanguage":"en-US"},{"@type":"Person","@id":"https://www.bikebear.com.my/#author","name":"bikebear","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/8c4c5dfdea204254d8761015ae417d07?s=96&d=mm&r=g","url":"https://secure.gravatar.com/avatar/8c4c5dfdea204254d8761015ae417d07?s=96&d=mm&r=g","caption":"bikebear","inLanguage":"en-US"},"sameAs":["https://www.bikebear.com.my"],"worksFor":{"@id":"https://www.bikebear.com.my/#organization"}},{"@type":"Article","headline":"Creative Digital Marketing Agency in Malaysia | Bike Bear","keywords":"Digital Marketing Agency","datePublished":"2022-12-15T08:43:17-08:00","dateModified":"2025-03-26T00:29:25-08:00","author":{"@id":"https://www.bikebear.com.my/#author","name":"bikebear"},"publisher":{"@id":"https://www.bikebear.com.my/#organization"},"description":"Full-service digital marketing company offering unique digital marketing services to elevate YOUR BRAND & communicate YOUR VALUE to your target audience!","name":"Creative Digital Marketing Agency in Malaysia | Bike Bear","@id":"https://www.bikebear.com.my/#richSnippet","isPartOf":{"@id":"https://www.bikebear.com.my/#webpage"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://www.bikebear.com.my/#webpage"}}]}</script>  <link rel='dns-prefetch' href='//www.bikebear.com.my' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="Bike Bear » Feed" href="https://www.bikebear.com.my/feed/" /> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link data-minify="1" rel='stylesheet' id='mfn-be-css' href='https://www.bikebear.com.my/wp-content/cache/min/1/wp-content/themes/betheme/css/be.css?ver=1743040341' type='text/css' media='all' /> <link data-minify="1" rel='stylesheet' id='mfn-font-awesome-css' href='https://www.bikebear.com.my/wp-content/cache/min/1/wp-content/themes/betheme/fonts/fontawesome/fontawesome.css?ver=1743040341' type='text/css' media='all' /> <link data-minify="1" rel='stylesheet' id='mfn-responsive-css' href='https://www.bikebear.com.my/wp-content/cache/min/1/wp-content/themes/betheme/css/responsive.css?ver=1743040342' type='text/css' media='all' /> <link rel='stylesheet' id='mfn-fonts-css' href='https://fonts.googleapis.com/css?family=Poppins%3A1%2C300%2C400%2C400italic%2C500%2C600%2C700%2C700italic%2C900&display=swap' type='text/css' media='all' /> <style id='wcw-inlinecss-inline-css' type='text/css'> .widget_wpcategorieswidget ul.children{display:none;} .widget_wp_categories_widget{background:#fff; position:relative;}.widget_wp_categories_widget h2,.widget_wpcategorieswidget h2{color:#4a5f6d;font-size:20px;font-weight:400;margin:0 0 25px;line-height:24px;text-transform:uppercase}.widget_wp_categories_widget ul li,.widget_wpcategorieswidget ul li{font-size: 16px; margin: 0px; border-bottom: 1px dashed #f0f0f0; position: relative; list-style-type: none; line-height: 35px;}.widget_wp_categories_widget ul li:last-child,.widget_wpcategorieswidget ul li:last-child{border:none;}.widget_wp_categories_widget ul li a,.widget_wpcategorieswidget ul li a{display:inline-block;color:#007acc;transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;text-decoration:none;}.widget_wp_categories_widget ul li a:hover,.widget_wp_categories_widget ul li.active-cat a,.widget_wp_categories_widget ul li.active-cat span.post-count,.widget_wpcategorieswidget ul li a:hover,.widget_wpcategorieswidget ul li.active-cat a,.widget_wpcategorieswidget ul li.active-cat span.post-count{color:#ee546c}.widget_wp_categories_widget ul li span.post-count,.widget_wpcategorieswidget ul li span.post-count{height: 30px; min-width: 35px; text-align: center; background: #fff; color: #605f5f; border-radius: 5px; box-shadow: inset 2px 1px 3px rgba(0, 122, 204,.1); top: 0px; float: right; margin-top: 2px;}li.cat-item.cat-have-child > span.post-count{float:inherit;}li.cat-item.cat-item-7.cat-have-child { background: #f8f9fa; }li.cat-item.cat-have-child > span.post-count:before { content: "("; }li.cat-item.cat-have-child > span.post-count:after { content: ")"; }.cat-have-child.open-m-menu ul.children li { border-top: 1px solid #d8d8d8;border-bottom:none;}li.cat-item.cat-have-child:after{ position: absolute; right: 8px; top: 8px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAAoklEQVQ4je3PzQpBURSG4WfknztxGS6BKOIaDQwkSXJTnI7J2rXbhSND3lqTtb/19m3+NGWANVof3LTiZpAWXVxQY4t2A0k7snXcdmGMKpY1dui8kHQik/JVOMAC9+zxlFfO6GFfSDZlaI5bFjpjWEgOhWT9rHYpu2CEPo7Z/v5KklgW37zG5JLlO0liVjTLJaumkmeyj5qUTEP2lSQxiflVHtR5PTMAQTkfAAAAAElFTkSuQmCC); content: ""; width: 18px; height: 18px;transform: rotate(270deg);}ul.children li.cat-item.cat-have-child:after{content:"";background-image: none;}.cat-have-child ul.children {display: none; z-index: 9; width: auto; position: relative; margin: 0px; padding: 0px; margin-top: 0px; padding-top: 10px; padding-bottom: 10px; list-style: none; text-align: left; background: #f8f9fa; padding-left: 5px;}.widget_wp_categories_widget ul li ul.children li,.widget_wpcategorieswidget ul li ul.children li { border-bottom: 1px solid #fff; padding-right: 5px; }.cat-have-child.open-m-menu ul.children{display:block;}li.cat-item.cat-have-child.open-m-menu:after{transform: rotate(0deg);}.widget_wp_categories_widget > li.product_cat,.widget_wpcategorieswidget > li.product_cat {list-style: none;}.widget_wp_categories_widget > ul,.widget_wpcategorieswidget > ul {padding: 0px;}.widget_wp_categories_widget > ul li ul ,.widget_wpcategorieswidget > ul li ul {padding-left: 15px;} .wcwpro-list{padding: 0 15px;} </style> <link data-minify="1" rel='stylesheet' id='mfn-static-css' href='https://www.bikebear.com.my/wp-content/cache/min/1/wp-content/uploads/betheme/css/static.css?ver=1743040342' type='text/css' media='all' /> <style id='mfn-dynamic-inline-css' type='text/css'> form input.display-none{display:none!important} </style> <link rel='stylesheet' id='style-css' href='https://www.bikebear.com.my/wp-content/themes/betheme-child/style.css' type='text/css' media='all' /> <style id='mfn-custom-inline-css' type='text/css'> /*===Smooth scroll===*/ html.lenis { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto; } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } .lenis.lenis-stopped { overflow: hidden; } .lenis.lenis-scrolling iframe { pointer-events: none; } :root { --left: 2vw; --yellow: #fed931; } body { overflow-x: hidden !important; } /* Font Styles & Sizes */ h2, h3, h4, h5, h6, p, a, b, span, li, ul, body { font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; } h1 { font-size: calc(33px + 15 * ((100vw - 380px) / 380)); line-height: 1; font-weight: 100; font-family: neue-haas-grotesk-text, sans-serif; } h2 { font-size: calc(38px + 42 * ((100vw - 380px)/ 1540)); line-height: 1.1; } h2.blog-article-h2 { font-weight: 700; font-size: calc(24px + 0 * ((100vw - 380px)/ 1540)); line-height: 1.1; } h3 { font-size: calc(23px + 12 * ((100vw - 380px)/ 1540)); line-height: 1.3; } h3.blog-article-h3 { font-weight: 700; font-size: calc(20px + 0 * ((100vw - 380px)/ 1540)); line-height: 1.3; } h4.blog-article-h4 { font-weight: 700; font-size: calc(18px + 0 * ((100vw - 380px)/ 1540)); line-height: 1.3; } li.li-marker-h3 { font-weight: 700; font-size: calc(20px + 0 * ((100vw - 380px)/ 1540)); line-height: 1.3; } ol.blog-article-ol { color: black; } ul.blog-article-ul { color: black; } .client-test h4, .uppercase-text { text-transform: uppercase; } h5.main-title,p.main-title { font-weight: 400 !important; padding: 1px 7px; border: 2px solid; width: fit-content; border-radius: 50px; margin-bottom: 30px; text-transform: uppercase; } p { font-size: 16px; line-height: 26px; } a:hover { text-decoration: none; cursor: pointer; } .italicBold { font-style: italic; font-weight: 800; } .text-white { color: #ffffff !important; } .text-faded { color: #ffffff; opacity: 0.65; } .font-bold *, .font-bold { font-weight: 800; } .index-0 { z-index: 0; } span.top-section-white-hyphen { width: 100%; max-width: 120px; background: white; display: inline-flex; height: 6px; vertical-align: middle; margin: 0px 25px 0 10px; } span.white-hyphen { width: 100% !important; max-width: 70px; background: white; display: inline-flex; height: 6px; vertical-align: middle; margin: 0px 0px 0 10px; } span.yellow-hyphen { width: 100% !important; max-width: 80px; background: #ffd900; display: inline-flex; height: 6px; vertical-align: middle; margin: 0px 15px 0 0px; } /* Custom Font Size */ .terminaFont { font-family: 'termina' !important; } #bb-top-section h1, #bb-top-section h1 span, #bb-top-section p.h1-text, #bb-top-section p.h1-text span { line-height: 0.9 !important; margin: 0; font-weight: 800; font-family: termina, sans-serif; } .second-panel h2 { font-size: calc(46px + 25.5 * ((100vw - 380px) / 380)); line-height: 1; } .second-panel h2 span { font-weight: 800; font-family: 'termina'; } .second-panel h3 { font-size: calc(24px + 11.2 * ((100vw - 380px) / 380)); line-height: 1; } .float-center { margin: 0 auto; float: none; } /* Scrollbar */ /* Works on Firefox */ * { scrollbar-width: thin; scrollbar-color: #dddbdb #fff0; } /* Works on Chrome, Edge, and Safari */ *::-webkit-scrollbar { width: 7px; } *::-webkit-scrollbar-track { background: #f2f2f2; border-radius: 20px; } *::-webkit-scrollbar-thumb { background: #999999; border-radius: 20px; } /*=============================== Background change black * ===============================*/ .black-bg.black-active #Wrapper, .black-bg.black-active #Content { background-color: #000000; } .black-bg #Wrapper, .black-bg #Content { transition: .25s; } .black-active .to-light, .black-active .to-light h6 { color: white; } .black-active .to-light a.roll-up-button { border-color: white; } .menu-container.left.top a h3 { white-space: nowrap; } /*============================= Cursor *==============================*/ .pressed { pointer-events: none !important; } @media(min-width: 768px) { #read-more-cursor { position: fixed; background-color: #ffffff; border-radius: 100%; height: 145px; width: 145px; top: -60px; left: -60px; z-index: 999999999; pointer-events: none; display: flex; align-items: center; justify-content: center; opacity: 0; } div#read-more-cursor>a { transform: rotate(15deg); position: relative; display: block; } } @media (pointer: fine) { #arrow-cursor { display: block; } #read-more-cursor { display: flex; } } @media only screen and (max-width: 700px) { #arrow-cursor { display: none !important; } #read-more-cursor { display: none !important; } } /*============================= Menu *==============================*/ p.scoll-text:first-child { color: #000; } #Overlay { width: -webkit-fill-available; overflow: clip !important; background-color: var(--yellow); padding: 30px; box-sizing: border-box; } .sfm-scroll-wrapper { min-height: 1px; height: calc(100% - 0px); position: relative; border-radius: 20px; overflow: hidden; } .sfm-scroll-wrapper:before { content: ''; position: absolute; background: #fff; width: 100%; height: 100%; top: 0; left: 0; border-radius: 20px; clip-path: ellipse(0% 0% at 100% 0%); transition: .4s; } .sfm-scroll { display: flex; width: 100% !important; min-height: 1px; height: calc(100% - 0px); overflow: auto; padding: 3rem; position: relative; } #overlay-menu { position: relative !important; top: 0 !important; left: 0 !important; margin: 0 !important; width: 70% !important; height: 100% !important; } #overlay-menu ul li:not(.small-menu) a { color: #000; font-size: calc(24px + 32 * ((100vw - 380px)/ 1540)); line-height: 1.3; font-weight: 400; font-family: neue-haas-grotesk-text, sans-serif; white-space: nowrap; text-transform: uppercase; display: flex; align-items: center; width: fit-content; margin-bottom: 15px; } #overlay-menu ul li:not(.small-menu) a>div { transform: translateX(-4vw); transition: .3s; } #overlay-menu ul li:not(.small-menu) a:before { content: ""; display: block; background-image: url('/wp-content/uploads/2022/10/white-arrow-right.svg'); background-color: #3add8a; background-repeat: no-repeat; background-size: 30%; background-position: center; width: 4vw; height: 4vw; border-radius: 50%; margin-right: 20px; scale: 0; transition: .3s; max-width: 200px; display: inline-block; opacity: 0; transform: none; } #overlay-menu ul li:not(.small-menu) a:hover:before { scale: 1; opacity: 1; } #overlay-menu ul li:not(.small-menu) a:hover div { transform: translateX(0); font-style: italic; font-weight: 600; } #overlay-menu ul li a:after { display: none !important; } #overlay-menu ul li.small-menu a:before { display: none !important; } .sfm-scroll-main:before { content: ''; position: absolute; background: white; width: 100%; height: 100%; top: 0; left: 0; border-radius: 20px; clip-path: ellipse(0% 0% at 100% 0%); transition: .4s; } .header-overlay .overlay-menu-toggle { position: fixed; display: flex; width: max-content !important; height: max-content; align-items: center; justify-content: center; flex-direction: column; top: 30px; right: 30px !important; z-index: 3000002; text-align: center; text-transform: uppercase; } .sfm-navicon-button { position: relative; border-radius: 50px; background-color: white; width: 150px; height: 70px; transition: all .3s ease; } .sfm-navicon-button:hover { width: 200px !important; } .sfm-navicon-button:before { content: 'menu'; position: absolute; display: flex; width: 100%; height: 100%; left: -8%; align-items: center; justify-content: center; font-size: 14px !important; color: #000; font-weight: 600; opacity: 0; font-family: neue-haas-grotesk-text, sans-serif; transition: .3s; } .sfm-navicon-button:hover:before { opacity: 1; transition-delay: .3s; } .sfm-navicon { position: absolute; top: 50%; left: 0; width: 15%; max-width: 30px; -webkit-transition: .3s cubic-bezier(.17, .67, .3, 1.33); transition: all .3s cubic-bezier(.17, .67, .3, 1.33); -webkit-backface-visibility: hidden; backface-visibility: hidden; margin: -1px 20%; height: 2px !important; } .sfm-navicon-button:hover .sfm-navicon { width: 11%; left: -8%; } .sfm-navicon:after, .sfm-navicon:before { display: block; content: ""; width: 100%; height: 2px; position: absolute; left: 0; background-color: #000; transition: .25s; } .sfm-navicon:after { top: -4px; } .sfm-navicon:before { top: 4px; } .menu-hand { position: absolute; top: 50%; right: 5px; width: 60px; height: 60px; background: #3add8a; border-radius: 100%; overflow: hidden; transform: translateY(-50%) translateZ(0); } .menu-hand img { width: 100%; height: 100%; transform-origin: right bottom; animation: handmove 2s ease-in-out infinite; } @keyframes handmove { 0% { transform: rotate(0deg); } 12% { transform: rotate(17deg); } 25% { transform: rotate(0deg); } 37% { transform: rotate(17deg); } 50% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } } .sfm-scroll::-webkit-scrollbar { display: none; } .menu-container.left.bottom { display: flex; flex-wrap: wrap; } .menu-social-container { display: flex; justify-content: center; flex-wrap: wrap; column-gap: 1.8rem; } #overlay-menu, .menu-extra { position: relative; opacity: 0; top: 30px !important; transition: .3s; z-index: 10; } .overlay-menu, .menu-extra { display: flex; flex-direction: column; height: 100%; min-height: 1px; } .menu-extra { padding: 0 28px; } .main-menu, .menu-bear { margin-bottom: auto; } .menu-bear img { width: 100%; } /*After open menu*/ #Overlay.active .sfm-scroll-wrapper:before { clip-path: ellipse(150% 150% at 100% 0%); transition: .4s; } #Overlay.active #overlay-menu, #Overlay.active .menu-extra { transition-delay: .5s; opacity: 1; top: 0 !important; } .header-overlay .overlay-menu-toggle.focus .sfm-navicon-button { width: 70px !important; } .header-overlay .overlay-menu-toggle.focus .sfm-navicon-button:before { display: none; } .header-overlay .overlay-menu-toggle.focus .sfm-navicon { width: 40% !important; left: -2px !important; right: 0; margin: 0 auto; } .header-overlay .overlay-menu-toggle.focus .sfm-navicon:before { top: 0; -webkit-transform: rotate(-45deg) !important; transform: rotate(-45deg) !important; } .header-overlay .overlay-menu-toggle.focus .sfm-navicon:after { top: 0; -webkit-transform: rotate(45deg) !important; transform: rotate(45deg) !important; } .header-overlay .overlay-menu-toggle.focus .menu-hand { transform: scale(0); transition: .3s; } /*============================== Header *==============================*/ #Top_bar { border: 0 !important; top: 15px !important; } #Top_bar .column { margin: 0; } #Top_bar #logo { padding: 0 !important; margin: 0 !important; } #Top_bar .logo { margin: 0 !important; padding: 20px 60px 20px 50px; border-radius: 0 100px 100px 0; left: 0; top: 15px; } #Top_bar #logo img{ width:59px !important; } /*============================== Common *==============================*/ /*text-reveal*/ .line-holder { overflow: hidden; } .line { display: block; } .element-fade-up { transform: translateY(40px); opacity: 0; transition: 0.8s; } .element-fade-up.triggered { transform: translateY(0px); opacity: 1; } .top-section { padding: 15vw var(--left) 9.375vw; } /*============================= 404 *==============================*/ .error404 h2.error-text { font-weight: 800; font-family: termina, sans-serif; display: flex; align-items: center; justify-content: center; font-size: 25vw; } .error404 h2.error-text img { width: 60%; } .error404 footer#Footer { display: none; } /*============================== Insights *==============================*/ .insights-section { padding: 0 var(--left); } /*============================== Services Pages *==============================*/ .service-first-sec { padding-top: 200px; padding-left: 7.292vw !important; padding-right: 7.292vw !important; } .service-first-sec h1, .service-first-sec p.h1-text { display: inline-flex; } .service-first-sec h1 span, .service-first-sec p.h1-text span { margin: 0 40px !important; } .service-first-sec p.h1-text { white-space: nowrap; font-size: 20vw; margin-bottom: 20px; } .service-first-sec p.main-title{ display: inline-block; margin-right: 15px; } /*============================== Post *==============================*/ .single-post .section.the_content.has_content .the_content_wrapper { padding-top: 10vw; } .single-post .section.the_content.has_content .the_content_wrapper h2, .single-post .section.the_content.has_content .the_content_wrapper h2 span { font-weight: 700 !important; font-size: calc(24px + 0*((100vw - 380px) / 1540)); } .single-post .section.the_content.has_content .the_content_wrapper h3 ,.single-post .section.the_content.has_content .the_content_wrapper h3 span { font-weight: 700 !important; font-size: calc(20px + 0*((100vw - 380px) / 1540)); line-height: 1.3; } .single-post .section.the_content.has_content .the_content_wrapper h4, .single-post .section.the_content.has_content .the_content_wrapper h4 span { font-weight: 700 !important; font-size: calc(18px + 0*((100vw - 380px) / 1540)); line-height: 1.3; } .single-post .the_content_wrapper:not(.is-elementor) ul { color: black; } .post-title h3.entry-title { text-transform: uppercase; font-size: calc(16px + 12 * ((100vw - 380px) / 1540)); } .single-post .section-related-adjustment.simple>h4 { font-size: calc(23px + 12 * ((100vw - 380px) / 1540)) !important; } .post-excerpt { font-size: 12px; line-height: 18px; } .single-post .author-box-wrapper { display: flex; align-items: center; justify-content: space-between; } .single-post .share-simple-wrapper .share-label { margin-bottom: 15px; } .single-post .section.section-post-related { padding-top: 50px; } @media(max-width: 767px) { #Top_bar .logo { text-align: left; } .single-post .author-box-wrapper { flex-direction: column; } .single-post .section.the_content.has_content .the_content_wrapper { padding-top: 120px; } } .single-post .author-box-wrapper * { font-family: 'neue-haas-grotesk-text'; } .single-post .author-box-wrapper .avatar-wrapper { border: 0; width: 80px; height: 100%; display: flex; flex-basis: 18%; } .single-post .author-box-wrapper .avatar-wrapper img { width: 100%; } .single-post .author-box .desc-wrapper h5 { font-weight: 500; } .single-post .author-box-wrapper .desc-wrapper { background: transparent !important; margin: 0; flex-basis: 68%; } .single-post .share-simple-wrapper { display: flex; flex-direction: column; border: none; } .single-post [class^="icon-"]:before, .single-post [class*=" icon-"]:before { width: 50px !important; height: 50px !important; line-height: 50px !important; font-size: 20px; } /*--Related section--*/ .section-post-related .simple .post-related a.button { margin-left: 0px; background-color: #fff !important; border-radius: 40px; display: inline-block; color: rgb(0, 0, 0) !important; padding: 16px 70px 16px 28px !important; font-size: 14px !important; position: relative; text-transform: uppercase !important; margin-bottom: 0px !important; } .button-default .button .button_icon { display: none; } .button-default .button.has-icon .button_label { margin-left: 0; font-weight: 900; } .section-post-related .simple .post-related a.button:before { content: ''; position: absolute; background-image: url(/wp-content/uploads/2022/08/green-asterisk.svg); background-size: contain; background-position: center; background-repeat: no-repeat; right: 25px; align-items: center; width: 15px; height: 15px; transition: .2s; top: 0; bottom: 0; margin: auto 0; transform: translateY(-2px); } .section-post-related .simple .post-related a.button:hover:after { transform: scale(1); transition-delay: .2s; } .section-post-related .simple .post-related a.button:after { content: ''; background-image: url(/wp-content/uploads/2022/10/white-arrow-right.svg); background-repeat: no-repeat; background-position: center; background-size: 13px; width: 50px; height: 50px; position: absolute; background-color: #3add8a; border-radius: 100%; display: flex; left: unset; right: 5px; top: 0; bottom: 0; margin: auto 0; transform: scale(0); transition: .2s; } /*============================== Inner *==============================*/ .authors-name-title { display: flex; gap: 30px; align-items: center; } .author-wrapper .author-col { background: white; padding: 30px 40px; border-radius: 20px; } .author-bottom-detail .right { display: flex; flex-direction: column; flex-grow: 1; } .author-bottom-detail .left { display: flex; } .author-bottom-detail { display: flex; align-items: center; gap: 2rem; margin-bottom: 1rem; flex-wrap: wrap; } .author-bottom-detail .author-name { font-size: 20px; line-height: 1.5; font-weight: 600; } .author-img { width: 100% !important; height: 100% !important; border-radius: 100%; max-width: 85px !important; object-fit: contain; } a.button-solid.author-share-link { box-shadow: 0 0 15px rgb(0 0 0 / 10%); } .grid .post-item { background: transparent !important; } i.icon-clock { display: none; } .single-post .section-post-header, .single-portfolio .section-post-header { display: none; } .single-post .blog-banner img { width: 100%; } .single-post .blog-title h1 { font-size: calc(40px + 40 * ((100vw - 380px) / 1540)); line-height: 1.1; text-transform: uppercase; } .single-post .section-related-adjustment.simple h4 { padding-left: 1%; text-transform: uppercase; line-height: 1.3; font-size: calc(16px + 12 * ((100vw - 380px) / 1540)); } .blog-title { margin: 0 7.292vw; } .blog-banner { padding-top: 8vw; } .blog-title { padding-top: 10vw; } .blog-content-section .mcb-section-inner { max-width: unset !important; margin: 0 28.906vw; padding-top: 6.7vw; } .section-post-intro-share .section_wrapper, .section-post-about .section_wrapper { margin: 0 28.906vw; } .category-tags { display: flex; flex-wrap: wrap; margin-bottom: 1rem; } .blog-content-section .mcb-section-inner, .blog-title .mcb-section-inner, .blog-banner .mcb-section-inner, .section-post-intro-share .section_wrapper, .section-post-about .section_wrapper { padding-left: 0 !important; padding-right: 0 !important; max-width: unset !important; } .single-post .footer_action { background: #ffd900 !important; } .single-post .footer_action:before { display: none; } .single-post .footer_action * { color: black !important; } .single-post .section.section-post-related { padding-bottom: 150px; } .author-detail .column_attr { display: flex; flex-wrap: wrap; gap: 10px; } .author-detail h6 { font-weight: 800; } .author-detail .column_attr:before, .author-detail .column_attr:after { display: none; } span.share-label { text-transform: uppercase; font-weight: 600; } .share-simple-wrapper .icons a { color: black; padding: 0; margin-right: 8px; } .single-post [class^="icon-"]:before, .single-post [class*=" icon-"]:before { width: 30px; height: 30px; line-height: 30px; border: 1px solid; border-radius: 100%; } .section-post-related .simple .post-related .date_label { position: absolute; left: 10px; top: 10px; background: white; border-radius: 15px; font-weight: 400 !important; padding: 3px 10px; font-family: 'neue-haas-grotesk-text'; color: black; font-size: 15px; line-height: 20px; } .section.section-post-related .section_wrapper.clearfix { max-width: 100%; padding: 0 var(--left); } .section-related-adjustment.simple { border: 0; } .grid .post-desc-wrapper .post-date.updated { position: absolute; left: 10px; top: 10px; background: white; border-radius: 15px; font-weight: 400 !important; padding: 3px 10px; font-family: 'neue-haas-grotesk-text'; color: black; font-size: 15px; line-height: 20px; } .grid .post-desc-wrapper .post-desc { padding: 30px 0; } .post-item .post-desc .category-tags { display: none; } @media(max-width: 1240px) { .blog-content-section .mcb-section-inner, .section-post-intro-share .section_wrapper, .section-post-about .section_wrapper { margin: 0px 12.906vw; } } /*============================== Portfolio *==============================*/ .portfolio-item { opacity: 0; } .portfolio-img-full img { border-radius: 10px; } .single-portfolio .section.section-post-intro-share { display: none; } .single-portfolio .section-related-adjustment { border: 0 !important; } .single-portfolio .section.section-post-related { padding-top: 7.3vw; margin-top: 7.3vw; padding-bottom: 7.3vw; background: #000000; } .single-portfolio .section.section-post-related * { color: white; } .single-portfolio p { color: white; } .portfolio-top-section.full-width .section_wrapper { padding-top: 13.5vw; padding-left: 7.292vw !important; padding-right: 7.292vw !important; } .portfolio-banner-full { padding-top: 8vw; } .portfolio-second-content-section.full-width .section_wrapper { padding-top: 5.8vw; } .portfolio-two-desc.portfolio-desc-section { padding-top: 5.8rem; } .portfolio-three-desc .column_attr.clearfix { padding-right: 4.167vw; } .portfolio-counter-section { padding-top: 5.8rem; } .portfolio-one-desc.portfolio-desc-section { padding-top: 8rem; padding-bottom: 2.4rem; } .portfolio-desc-section.full-width .section_wrapper { padding: 0 7.292vw !important; } .portfolio-desc-section.portfolio-one-desc.full-width .section_wrapper { padding: 0 28.646vw !important; } .section.portfolio-counter-section.full-width .section_wrapper { padding: 0 10.417vw !important; } .portfolio-desc-section.portfolio-two-desc .column:first-child .column_attr { max-width: 560px; } .portfolio-counter-container span { color: white; font-size: calc(33px + 47 * ((100vw - 380px) / 1540)); line-height: 1; } .portfolio-counter-container { display: flex; flex-flow: column; gap: 0.6rem; position: relative; padding-left: 1.6rem; } .portfolio-counter-container:before { content: ''; position: absolute; width: 1px; left: 0; top: 0; height: 100%; background: white; height: 7.375vw; opacity: .4; } .portfolio-content-section, .portfolio-notfull-section { padding-top: 4.8rem; } .portfolio-image-wrapper { margin: 1vw 0 !important; } .portfolio-image-wrapper img { width: 100%; } .portfolio-image-wrapper.has-multiple .mcb-wrap-inner { display: flex; column-gap: 2vw !important; row-gap: 2vw !important; } .portfolio-photo { display: flex; flex-wrap: wrap; row-gap: 2.5vw; } .portfolio-photo .portfolio-item { overflow: hidden; position: relative; width: calc(96%/ 2) !important; margin: 0 1% 40px; } .portfolio-item .title { color: #fff; font-size: calc(20px + 8 * ((100vw - 380px) / 1540)); text-transform: uppercase; } .portfolio-photo .portfolio-item a.portfolio-item-bg .mask { display: none; } .portfolio-item-bg img { margin-bottom: 0px; transition: .3s; } .portfolio-item:hover .portfolio-item-bg img { filter: brightness(0.6); } .portfolio-item-bg { margin-bottom: 20px; } .category-wrap { display: flex; flex-wrap: wrap; } .category-wrap .roll-up-button { margin-right: 1rem; border-color: rgba(255, 255, 255, 0.65); } .category-wrap .roll-up-button .inner-link h6:last-child, .category-wrap .roll-up-button .inner-link p:last-child { color: #000 !important; background: #fff; } .category-wrap .roll-up-button .inner-link h6:first-child, .category-wrap .roll-up-button .inner-link p:first-child { color: #fff; background: #000; opacity: .65; } .category-wrap a.roll-up-button:hover { background-color: #fff; transition-delay: 0.2s; } /*============================== Portfolio Related *==============================*/ /* images */ .flag { display:flex; gap: 10px; padding-top: 10px; } .single-portfolio .section-post-related h4.related-title { font-size: calc(33px + 47 * ((100vw - 380px) / 1540)); line-height: 1; margin-bottom: 3.2rem; text-transform: uppercase; } .single-portfolio .post-related a { text-transform: uppercase; } .single-portfolio .post-related .image_frame { transition: .3s; } .single-portfolio .post-related:hover .image_frame { filter: brightness(0.6); } .single-portfolio .related-top-wrapper { padding: 0 4vw; } .single-portfolio .section.section-post-related .section_wrapper { padding: 0 3.125vw !important; max-width: unset !important; } .single-portfolio .section-related-adjustment.simple .section-related-ul { display: flex; flex-wrap: wrap; row-gap: 2.5vw; } .single-portfolio .post-related.type-portfolio { width: calc(96%/ 2) !important; margin: 0 1% 40px; } /*============================== Footer *==============================*/ footer#Footer { min-height: 100vh; display: flex; flex-direction: column; color: #fff; } footer#Footer.is-active * { color: #000; transition: 0.15s; } /*--single page last section yellow--*/ .footer-yellow #Footer .footer_action:before { display: none; } .footer-yellow .footer_action { background: #ffd900 !important; } .footer-yellow .footer_action * { color: black !important; } /*---*/ #Footer .footer_copy .copyright a:hover { color: #000; } #Footer .footer_copy .copyright { width: 100% } #Footer .footer_copy { border-top: none; } .footer-last-section { display: flex; font-size: 10px; padding: 15px 20px; } .footer-last-section .footer_last_inner { font-family: neue-haas-grotesk-text, sans-serif; } .footer_last_inner.footer_last_end { text-align: right; } #Footer .footer_copy .copyright .text-slide-animate-row:hover .text-slide-row.toright-animation { animation-play-state: paused; } .copyright { margin: 0 !important; } #Footer .footer_action { background: #000000; flex-grow: 1; display: flex; height: 100%; transition: 0.3s !important; } .footer_action .container .column.one { margin: 0; max-width: unset !important; width: 100%; justify-content: space-between; padding: 0 !important; } .footer_copy .container, .footer_action .container { max-width: unset !important; width: 100%; padding: 0 !important; } .footer_action .container { display: flex; margin: 0; } p.footer-text { font-size: calc(80px + 87 * ((100vw - 380px) / 380)) !important; line-height: 1 !important; font-family: 'termina'; font-weight: 800; text-align: left; margin: 0; transform: translateX(-25px); } #Footer .footer_copy .one { margin: 0; width: 100%; } #Footer .footer_copy .copyright .text-slide-animate-row { border-left: 0 !important; border-right: 0 !important; border: 2px solid black; padding: 10px 0; } .footer-contact { display: flex; flex-wrap: wrap; width: 50%; justify-content: space-between; height: 10%; align-items: end; } .footer-contact p, .footer-contact a { font-size: 18px; font-weight: 500; } .fist-bump-section { position: absolute; display: flex; bottom: 0; left: 0; right: 0; align-items: center; justify-content: center; } .bear-hand-img, .hooman-hand-img { transition: 1s; z-index: 0; width: 50vw; height:100%; } .bear-hand-img { transform: translate(-30%, 0%); } .hooman-hand-img { transform: translate(30%, -30%); } .footer-contact, .footer-text-section { padding: 0 2vw; } .footer-text-section { height: 80%; width: 100%; display: flex; flex-direction: column; justify-content: center; } #Footer.is-active a.footer-white-btn { opacity: 1 !important; transition-delay: .5s; } #Footer.is-active .bear-hand-img { transform: translate(0%, 0%) !important; } #Footer.is-active .hooman-hand-img { transform: translate(0%, -30%); } #Footer .footer_action:before { content: ''; position: absolute; width: 100%; height: 200%; background: #ffd900; bottom: 0; left: 0; margin: auto; transition: .5s; transform: scale(1); clip-path: circle(0% at 50% 77%); z-index: 0; } #Footer.is-active .footer_action:before { clip-path: circle(100% at 50% 77%); } .copy-year { height: 10%; justify-content: end; display: flex; align-items: center; width: 96%; text-align: right; padding: 0 !important; } /*============================== Button *==============================*/ a.dont-click-btn { position: absolute; bottom: 17.5%; max-width: 8.2vw; min-width: 85px; left: 0; right: 2%; margin: 0 auto; } .button-solid { font-weight: 900; background-color: #fff !important; border-radius: 40px; display: inline-block; color: rgb(0, 0, 0) !important; padding: 16px 70px 16px 28px !important; font-size: 14px !important; position: relative; text-transform: uppercase !important; margin-bottom: 0px !important; } .button-solid:before { content: ''; position: absolute; background-image: url(/wp-content/uploads/2022/08/green-asterisk.svg); background-size: contain; background-position: center; background-repeat: no-repeat; right: 25px; align-items: center; width: 15px; height: 15px; transition: .2s; top: 0; bottom: 0; margin: auto 0; transform: translateY(-2px); } .button-solid:after { content: ''; background-image: url(/wp-content/uploads/2022/10/white-arrow-right.svg); background-repeat: no-repeat; background-position: center; background-size: 13px; width: 50px; height: 50px; position: absolute; background-color: #3add8a; border-radius: 100%; display: flex; right: 5px; top: 0; bottom: 0; margin: auto 0; transform: scale(0); transition: .2s; } .button-solid:hover:after { transform: scale(1); transition-delay: .2s; } .button-solid:hover:before { rotate: 90deg; scale: 0; } .button-interactive { transition: 0s; display: inline-block; } .white-btn-col { text-align: center; margin: 0 !important; background: white; width: fit-content !important; height: fit-content; border-radius: 100%; overflow: hidden; } .portfolio-btn-col { position: absolute; top: 0%; right: 10%; transform: translate(-50%, -50%); } .white-btn-inner { position: relative; width: 150px !important; height: 150px; display: flex; align-items: center; justify-content: center; color: black; font-weight: 500; rotate: 10deg; } .white-btn-inner:before { content: ''; position: absolute; width: 0%; height: 0%; background: #24de81; z-index: -1; border-radius: 100%; transition: .3s; } .white-btn-inner:hover { color: white; } .white-btn-inner:hover:before { height: 100%; width: 100%; } /*============================== Footer Button *==============================*/ .footer-white-btn { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transform: translate(0, -20%) rotate(7deg); z-index: 10; height: 150px; width: 150px; transform-origin: center; display: flex; align-items: center; justify-content: center; background: white; font-weight: 900; border-radius: 50%; } .footer-white-btn span { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-weight: 600; } .footer-white-btn span:before { content: ''; position: absolute; background: #24DE81; height: 100%; width: 100%; z-index: -1; transition: .3s; border-radius: 100%; scale: 0; } .footer-white-btn:hover span:before { scale: 1; } .footer-white-btn:hover span { color: #fff !important; } /*=================== * ROLL UP BUTTON *===================*/ a.roll-up-button { text-transform: uppercase; border: 2px solid #000; border-radius: 50px; margin-right: 10px; overflow: hidden; margin-bottom: 8px; display: flex; width: fit-content; } a.roll-up-button h6, a.roll-up-button p { margin: 0; padding: 1px 7px; border-radius: 30px; font-size: 16px; } .inner-link { position: relative; transition: .3s; } .inner-link h6:last-child, .inner-link p:last-child { position: absolute; top: 0; margin: 0 auto; transform: translateY(100%); background: black; color: white; } a.roll-up-button:hover .inner-link { transform: translateY(-100%); } a:hover.roll-up-button, a:hover.roll-up-button-img { background-color: #000; transition-delay: 0.2s; } a.roll-up-button-img { overflow: hidden; border: 1.5px solid #000; border-radius: 50px; margin: 0; line-height: 0; margin-bottom: 8px; } .roll-up-button-img img { width: 50px; height: 50px; filter: brightness(0); padding: 15px; } a.roll-up-button-img img:last-child { position: absolute; top: 0; left: 0; transform: translateY(100%); background: black; filter: unset; } a.roll-up-button-img:hover .inner-link { transform: translateY(-100%) !important; } /*============================== Text Carousel *==============================*/ .text-slide-animate-row .text-slide-row { white-space: nowrap; width: max-content; } .text-slide-animate-row, .text-slide-row { display: inline-flex; align-items: center; } .text-slide-row h4, p.h4-text { font-size: 20px; margin: 0 35px; } .toright-animation { animation: toright-animation 50s linear infinite; } .toleft-animation { animation: toleft-animation 50s linear infinite; } .image-animate-row .toleft-animation { animation: toleft-animation 25s linear infinite; } .image-animate-row .toright-animation { animation: toright-animation 25s linear infinite; } .image-animate-row { display: inline-flex; } .image-animate-row .toleft-row, .image-animate-row .toright-row { display: inline-flex; white-space: nowrap; width: max-content; } .image-animate-row .image_frame { width: 9.5vw; background: white; border-radius: 100%; margin: 0 8px; max-width: 180px; min-width: 100px; overflow: hidden; } .image-animate-row .image_frame img { padding: 15px; } /*============================== Black Transition Section *==============================*/ .black-transition-section, .black-transition-section-btm { height: 0; z-index: 0; } .black-transition-col { position: fixed; top: 0; height: 100vh; } .black-transition-item { height: 20vh; /* height: 0; */ display: flex; } .black-transition-item span { background: black; width: 100%; height: 0%; } /*============================== Keyframes *==============================*/ #Footer .text-slide-row img, .text-carousel-with-img img { width: 22px; animation: spin 10s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } @keyframes toright-animation { 0% { transform: translate(-100%, 0%); } 100% { transform: translate(0%, 0%); } } @keyframes toleft-animation { 0% { transform: translate(0%, 0%); } 100% { transform: translate(-100%, 0%); } } @keyframes whiteHyphenExpand { 0% { width: 0%; } 100% { width: 100%; } } /*============================== Desktop *==============================*/ @media(min-width: 768px) { .mobile { display: none !important; } } /*============================== Ipad *==============================*/ @media(max-width: 969px) { /*menu*/ #Overlay { padding: 30px 10px; } .sfm-scroll { flex-direction: column; padding: 30px 20px; } #overlay-menu { width: 100% !important; height: auto !important; } .overlay-menu, .menu-extra { display: block; height: auto; padding: 0; } .main-menu { margin-bottom: 30px; } #overlay-menu ul li:not(.small-menu) a { margin-bottom: 0; } #overlay-menu ul li:not(.small-menu) a>div { transform: translateX(-8vw); } #overlay-menu ul li:not(.small-menu) a:before { width: 8vw; height: 8vw; border-radius: 50%; margin-right: 10px; } .main-menu { width: 100%; } .menu-extra { margin-top: auto; } .menu-bear { width: 40%; } .menu-social-container { justify-content: flex-start; } /* Blog Inner */ .blog-title { padding-top: 120px; } } /*============================== Mobile *==============================*/ @media(max-width: 767px) { /*header*/ #Top_bar .logo { background: #ffd900; } /*menu*/ .header-overlay .overlay-menu-toggle { transform: scale(.9); transform-origin: right; right: 10px !important; } .header-overlay .overlay-menu-toggle.focus .sfm-navicon-button { width: 50px !important; height: 50px !important; } #overlay-menu ul li:not(.small-menu) a { margin-bottom: 15px; } #overlay-menu ul li:not(.small-menu) a>div { transform: none; } #overlay-menu ul li:not(.small-menu) a:hover div { font-style: normal; } #overlay-menu ul li:not(.small-menu) a:before { display: none; } #overlay-menu { height: 100% !important; margin-bottom: 20px !important; } .overlay-menu { display: flex; height: 100%; } .main-menu { width: 100%; margin-bottom: auto; } .menu-bear { display: none; } .menu-social-container { column-gap: 0.8rem !important; } /*common*/ .desktop { display: none; } .pt-0 { padding-top: 0px !important; } .pt-20 { padding-top: 20px !important; } .pt-40 { padding-top: 40px !important; } .pt-50 { padding-top: 50px !important; } .pt-60 { padding-top: 60px !important; } .pt-80 { padding-top: 80px !important; } .pt-100 { padding-top: 100px !important; } .pt-120 { padding-top: 120px !important; } .pt-140 { padding-top: 140px !important; } .pt-160 { padding-top: 160px !important; } .pb-0 { padding-bottom: 0px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-60 { padding-bottom: 60px !important; } .pb-80 { padding-bottom: 80px !important; } .pb-100 { padding-bottom: 100px !important; } .image-animate-row .image_frame img { padding: 25px; } a.roll-up-button, a.roll-up-button-img { border: 1.8px solid #000; } /* Big White Button */ .column.portfolio-btn-col { width: 100px !important; height: 100px !important; } .white-btn-inner { width: 100px !important; height: 100px; } /* Button */ .portfolio-title { padding: 0 30px !important; } .footer-white-btn { width: 130px; height: 130px; transform: translate(0, -13%) rotate(7deg); } /* Portfolio */ .portfolio-top-section.full-width .section_wrapper { padding-top: 9.375vw; } .portfolio-banner-full, .portfolio-top-desc-section { padding-top: 3.8rem; } .portfolio-desc-section.portfolio-one-desc.full-width .section_wrapper { padding: 0 7.292vw !important; } .portfolio-three-desc .column_attr.clearfix { padding-bottom: 4.167vw; } .portfolio-content-section, .portfolio-notfull-section { padding-top: 2.8rem; } .description-wrap .column { margin-bottom: 35px !important; } .description-wrap .column:last-child { margin: 0 !important; } .portfolio-photo .portfolio-item { width: 100% !important; } .single-portfolio .post-related.type-portfolio { width: 100% !important; margin: 0 1% 40px; } .portfolio-image-wrapper.has-multiple .mcb-wrap-inner { flex-direction: column; } /*services pages*/ .deliverables-wrap.clearfix { padding-top: 30px !important; } .deliverables-wrap h5.main-title { margin-bottom: 10px; } .gap-hide-mobile { display: none; } .service-first-sec { padding-top: 30px; } /*blog*/ .grid .post-desc-wrapper .post-desc { padding: 15px 0; } .posts_group .post-item.isotope-item, .single-post .section-post-related .col-3 .post-related { margin-bottom: 45px !important; } /* Footer */ .bear-hand-img { transform: translate(-30%, -100%); } .hooman-hand-img { transform: translate(30%, -100%); } #Footer.is-active .bear-hand-img { transform: translate(0%, -100%) !important; } #Footer.is-active .hooman-hand-img { transform: translate(0%, -100%); } #Footer h5.main-title { margin: 0 auto; } p.footer-text { transform: none; } .footer_action .container .column.one { display: flex; flex-direction: column; position: relative } .footer-text-section { gap: 50px; } .footer-text-section { order: -1; } .fist-bump-section { bottom: unset !important; top: 70%; } .footer-contact { height: fit-content; width: fit-content; display: block; text-align: left; position: absolute; bottom: 0; left: 0; } .footer_last_inner.footer_last_start { text-align: left; } .copy-year { width: fit-content; height: fit-content; position: absolute; right: 20px; bottom: 0; } } .progress-container { height: 10px; width: 100%; z-index: 999999999999999999; position: fixed; } .progress-bar { background-color: #000000; height: 10px; width: 0%; }/*========== * Preloader * ============*/ /* .preloader-over .preloader-section{ opacity:0; pointer-events:none; } */ div#preloader-inner { height: 60vh; } .preloader-section{ position: fixed; z-index: 9999999; width: 100vw; height: 100vh !important; top: 0; display: flex; align-items: center; transition: 0.5s; } /*=========== * bears popup button * ===========*/ .bomb-section { z-index: 9999999999; } #bear-bomb{ width: 15.625vw; height: 15.625vw; min-width: 200px; min-height: 200px; cursor: pointer; } #bear-bomb:hover svg > g g:not(:first-child){ filter: invert(25%) sepia() saturate(100000%) hue-rotate(40deg) brightness(2.5) !important; transition: 1.5s; } #bear-bomb:hover{ animation: bombShake 0.5s; animation-iteration-count: 1; animation-iteration-count: infinite; } @keyframes bombShake{ 0% { transform: translate(2px, 2px) rotate(0deg); } 10% { transform: translate(-2px, -3px) rotate(-1deg); } 20% { transform: translate(-4px, -1px) rotate(1deg); } 30% { transform: translate(4px, 1px) rotate(0deg); } 40% { transform: translate(2px, -2px) rotate(1deg); } 50% { transform: translate(-2px, 3px) rotate(-1deg); } 60% { transform: translate(-4px, 2px) rotate(0deg); } 70% { transform: translate(4px, 2px) rotate(-1deg); } 80% { transform: translate(-2px, -2px) rotate(1deg); } 90% { transform: translate(2px, 3px) rotate(0deg); } 100% { transform: translate(2px, -3px) rotate(-1deg); } } .bear-bomb-wrapper { position: relative; } img.dont-click-text { position: absolute; top: 7vw; left: 12rem; } @media(min-width: 768px){ img.dont-click-text { left: 12vw; } .bear-bomb-wrapper { margin-top: -5.5rem; } } @keyframes dontClick{ 0%{ transform: rotate(10deg); } 50%{ transform: rotate(-10deg); } 100%{ transform: rotate(10deg); } } /*== Bear fly ==*/ .surprise-bear-wrapper{ position: fixed; top: 0; height: 100vh; pointer-events: none; z-index:999; } .surprise-bear{ position: absolute; max-width: 30vw; margin: 0 !important; transition: 0s; } .surprise-bear-1{ right: 0; transform: translateY(-100%); } .surprise-bear-wrapper.pressed .surprise-bear-1{ transform: translate(-60vw, 150vh) rotate(-135deg); transition: 2s; } .surprise-bear-2{ left: 10%; transform: translateY(-100%); } .surprise-bear-wrapper.pressed .surprise-bear-2{ transform: translate(80vw, 150vh) rotate(180deg); transition: 2.2s; transition-delay: 0.3s; } .surprise-bear-3{ bottom: 0; transform: translate(-100%, 120%); } .surprise-bear-wrapper.pressed .surprise-bear-3{ transform: translate(70vw, -150vh) rotate(180deg); transition: 2.5s; transition-delay: 0.45s; } /*three*/ body { opacity: 1; animation-name: fadeIn; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 0.5s; } @keyframes fadeIn { 0% { opacity: 0.01; } 1% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } #bb-shape{ position: absolute; z-index: 10; width: 100vw; height: 100vh; pointer-events: none; z-index: 1; overflow: hidden; opacity: 0; display: flex; align-items: center; justify-content: center; } #cross{ transform: translate(calc(50vw - 50px), calc(50vh - 50px)); /*transform-origin: 9% 18% !important;*/ } #scene{ clip-path: url(#cross); -webkit-clip-path: url(#cross); } #bb-top-section .text-carousel-wrap{ position: absolute; top: 100vh; transform: translateY(-100%); } .main-banner-text{ display: flex; } .banner-inner-1{ top: 0; position: relative; display: flex; flex-direction: column; justify-content: center; height:100vh; } .banner-inner-2{ margin-left: -30vw; } #bb-shape .image_frame{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: max-content; max-width: none; } #bb-shape .image_wrapper{ border: 100vw solid #fed900; } #bb-shape img{ width: 200px; } .three-content-inner.in-view p span.bold-text { font-weight: 600; line-height: 60px; opacity:1; } .home-three-content{ max-width: 100vw; } .three-content-wrapper{ position: relative; width: 70%; left: 15%; z-index: 1; /*padding-top: 120vh;*/ padding-top: 95vh; padding-bottom: 40vh; } .three-content{ height: 100vh; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 8%; position: relative; } .three-content-center{ display: flex; align-items: center; } .three-content-center{ text-align: center; } .three-content-inner > div{ overflow: hidden; margin-bottom: 25px; } /*.three-content-inner .three-content-inner-header > div{ transform: translateY(150%); transition: 0.8s; transition-timing-function: ease-in-out; } .three-content-inner.in-view .three-content-inner-header > div{ transform: translate(0%, 0%) !important; }*/ .home-three-content h3, .home-three-content .h3-banner-text{ text-transform: uppercase; color: #fff; font-weight: 800; font-family: termina, sans-serif; width: max-content; margin-bottom: 0; } #three-content-1 .three-content-inner-header{ width: max-content; float: right; } #three-content-1 img{ width: 50vw; } #three-content-1 h3, #three-content-1 p.text-none{ display: none; } #three-content-1 p{ float: right; } #three-content-2 .three-content-inner-header{ width: max-content; } #three-content-2 img{ width: 60vw; } #three-content-2 h3, #three-content-2 p.text-none{ display: none; } #three-content-3 h3,#three-content-3 .h3-banner-text{ font-size: 10vw; line-height: 1.3; } .home-three-content p{ color: #fff; /*opacity: 0; transition: 0.8s; transition-delay: 0.8s;*/ } .three-content-inner.in-view p{ opacity: .65; } #home-about{ z-index: 2; } #bb-top-section h1{ white-space: nowrap; font-size: 20vw; margin-bottom: 20px; } @media(max-width: 767px){ #bb-top-section h1{ font-size: 30vw; } .three-content-wrapper{ width: 80%; left: 10%; } .three-content-right .three-content-inner{ display: block; } .three-content-inner-header{ /*width: max-content;*/ width: 100% !important; transform: none !important; } .three-content-inner-header .image_item img{ width: 100% !important; } .home-three-content h3,.home-three-content h3, .h3-banner-text{ /*display: block !important;*/ transform: none !important; font-size: 10vw !important; line-height: 10vw; } /*.home-three-content .image_item{ display: none; }*/ .home-three-content p{ margin: 0 !important; text-align:left; } #three-content-1 .three-content-inner-header, #three-content-1 p{ float: left; } } /* #Top_bar { position: fixed; } */ #bb-top-section { /*height: 100% !important; max-height: 100vh !important;*/ overflow: visible; } .text-carousel-wrap { z-index: 0; } .text-carousel-with-img { padding: 10px 0; border-left: 0 !important; border-right: 0 !important; border: 2px solid black; } /* #bb-top-section .section_wrapper { display: flex; flex-direction: column; height: 100%; justify-content: flex-end; } */ .top-panel-wrap { /*height: 100%;*/ display: flex; align-items: center; } .panel-wrap { display: flex; height: 100%; align-items: center; overflow: visible; } /*.panel { width: 100vw !important; }*/ /* .first-panel, .second-panel { min-height: calc(100vh - 66px); display: flex; align-items: center; } */ .first-panel, .second-panel { display: flex; align-items: center; /* height: 100vh; */ } .second-panel h2:first-child { margin-right: 0.3em; } /*text-reveal*/ .line-holder { overflow: hidden; } .line { display: block; } /*home*/ .main-banner-text { padding-left: 2vw; } .main-banner-text h1 { display: flex; align-items: center; } .main-banner-text h1 .image_frame { width: max-content; } .second-panel { display: flex; flex-direction: column; justify-content: center; padding: 7.5vw 7.5vw 25px; align-items: normal; width: fit-content !important; margin: 0 auto; } .second-panel-text { display: flex; } .third-panel{ padding-top:50vh; } .third-panel .right { display:flex; margin-top: 4rem; } .first-panel.panel { transform: translateY(6%) !important; } /* BB Bear Character (Top Section) */ .bear-character-col { position: absolute; width: 50% !important; height: 55% !important; /*top: 0% !important;*/ /*top: 12% !important;*/ left: 18% !important; /*bottom: 26% !important;*/ right: 0% !important; margin: auto !important; } .bear-character-col .column_attr{ transform: translateY(calc(50vh - 50%)); } .rawr-popup { position: absolute; top: 5%; left: 15%; width: 15vw; min-width: 150px; max-width: 300px !important; z-index: 1000; } /* .bear-drop-down { margin-top: -10vw; margin-left: -3.2vw; } .bear-drop-down svg { width: 56vw !important; } .bear-drop-down img.scale-with-grid { width: 56vw; } .bear-drop-down-col { position: fixed; width: 45vw !important; top: 0; margin: 0 auto !important; left: 0; right: 0; max-width: 760px; min-width: 200px !important; z-index: 1; } */ /*================ * SERVICE SECTION *================*/ .service-item-wrap, .service-desc, .service-img { transition: .3s; } .service-item-wrap { padding: 30px 0; border-top: 2px solid #000; z-index: 2; } .service-item-wrap:last-child { border-bottom: 2px solid #000; } .service-inner-container>* { margin: 0; } .service-outer-container { display: flex; padding: 0 3vw 0 2vw; } /* .service-outer-container > a{ display: flex; padding: 0 3vw 0 2vw; } */ .service-desc-container { display: flex; align-items: center; position: relative; } .service-img-col { width: 50%; } .service-item-wrap.active .service-img-col img { opacity: 1; transition-delay: .2s; scale: 1; } .service-row h2 { width: fit-content; transition: .3s; } .service-desc { text-align: left; color: #fff; opacity: 0; transform: translateX(40px); font-size: 24px; line-height:30px; } .service-item-wrap.active { z-index: 100; } .service-item-wrap:before { content: ''; visibility: visible; overflow: visible; background: black; position: absolute; bottom: 0%; left: 0; height: 0%; width: 100%; z-index: -1; transform-origin: bottom; transition: .3s; } .service-item-wrap.active:before { height: 100%; } .service-item-wrap.active .service-img { opacity: 1; transition-delay: .2s; scale: 1; } .service-item-wrap.active h2 { font-style: italic; opacity: 1; color: #fff; transform: translateX(20px); font-weight:600; } .service-item-wrap.active .service-desc { opacity: 1; color: #fff; transition-delay: .1s; transform: translateX(0); } .service-item-wrap.active { z-index: 100; } .service-item-wrap.active .service-desc-col .button-solid { display: block; width: fit-content; } .service-desc-col .button-solid { padding: 13px 48px 13px 18px !important; font-size: 12px !important; display: none; } .service-desc-col .button-solid:after { width: 38px; height: 38px; } .service-desc-col .button-solid:before { align-items: center; width: 11px; height: 11px; transform: translateY(0px); } /* Client */ .client-section { padding-bottom: 100px; } .bear-palm { position: absolute; bottom: 0; right: 0; max-width: unset; width: fit-content !important; transform-origin: 100% 100%; } /* Portfolio Section */ /* .portfolio-wrapper { padding-top: 200px; position: relative; } .portfolio-wrap .mcb-wrap-inner { display: flex; flex-wrap: wrap; justify-content: space-between; } .portfolio-item { width: calc(98%/ 2) !important; margin-bottom: 80px !important; float: none !important; overflow: hidden; transform: translate3d(0, 0, 0); will-change: height; } .portfolio-item .column_attr { height: 0%; } .portfolio-item .image_frame { margin-bottom: 15px; overflow: hidden; } .portfolio-item a .image_frame { cursor: none; } .portfolio-item .image_frame { position: relative; margin-bottom: 20px; } .portfolio-item .image_frame:before { content: ''; position: absolute; background: black; opacity: 0; width: 100%; height: 100%; z-index: 1; transition: .3s; } .portfolio-item .image_frame:hover:before { opacity: .5; } .portfolio-tags { display: flex; flex-wrap: wrap; } .portfolio-tags h6 { width: fit-content; border: 2px solid; padding: 4px 10px; border-radius: 50px; line-height: 1.2; margin-right: 10px; opacity: 0.5; transition: .3s; } .portfolio-tags * { color: #ffffff; } .portfolio-tags a:hover h6 { opacity: 1; } */ /*================ * Mobile Responsive *================*/ @media(min-width: 768px){ /*== About Section ==*/ .third-panel .l-col { width: 70%; } .third-panel .r-col { width: 30%; } /*== Services ==*/ .service-inner-container { display: flex; width: 60%; align-items: center; } .service-desc-container { width: 40%; } .service-img-col img { position: absolute; top: 0%; left: -28%; bottom: 0; margin: auto 0; height: max-content; opacity: 0; scale: 0; transition: .2s; width: 40%; } } @media(max-width: 767px){ div#preloader-inner{ height: 40vh; } #Top_bar .column { height: 0; } .third-panel { display: block; } .third-panel .right{ margin-top: 2rem; flex-direction: column; } .third-panel .r-col { order: -1; } .service-img { top: -60%; right: 5%; max-width: fit-content; } .service-img .image_frame { max-width: 120px; } /*services*/ .service-item-wrap.active h2{ transform: translateX(10px); } .service-item-wrap { padding: 20px 0; } .service-item-wrap.active { padding: 20px 0 0; } .service-outer-container { flex-direction: column; } .service-img-col img { margin: auto 0; opacity: 0; scale: 0.8; transition: .2s; border-radius: 10px; } .service-item-wrap.active .service-desc-container { height: 100%; } .service-desc-container { height: 0; transition: .3s; width: 100%; } .service-desc-col { width: 50%; } .service-desc{ font-size: 18px; line-height: 28px; padding-left: 10px; } .service-item-wrap.active .service-img-col img { scale: 0.8; } .hoomans-col { max-width: 350px; margin: auto; } /*Client section*/ .client-section .image-animate-row .image_frame { width: 135px; } } @media(max-width: 565px){ .service-desc{ height: 0; } .service-item-wrap.active .service-desc { margin-top: 6px; height: max-content !important; } } </style> <script type="text/javascript" src="https://www.bikebear.com.my/wp-includes/js/jquery/jquery.min.js" id="jquery-core-js" defer></script> <script type="text/javascript" id="jquery-core-js-after">window.addEventListener('DOMContentLoaded', function() { /* <![CDATA[ */ jQuery(document).ready(function($){ jQuery('li.cat-item:has(ul.children)').addClass('cat-have-child'); jQuery('.cat-have-child').removeClass('open-m-menu');jQuery('li.cat-have-child > a').click(function(){window.location.href=jQuery(this).attr('href');return false;});jQuery('li.cat-have-child').click(function(){ var li_parentdiv = jQuery(this).parent().parent().parent().attr('class'); if(jQuery(this).hasClass('open-m-menu')){jQuery('.cat-have-child').removeClass('open-m-menu');}else{jQuery('.cat-have-child').removeClass('open-m-menu');jQuery(this).addClass('open-m-menu');}});}); /* ]]> */ });</script> <script type="text/javascript" src="https://www.bikebear.com.my/wp-includes/js/jquery/jquery-migrate.min.js" id="jquery-migrate-js" defer></script> <link rel="https://api.w.org/" href="https://www.bikebear.com.my/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.bikebear.com.my/wp-json/wp/v2/pages/246" /><link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.bikebear.com.my/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.bikebear.com.my%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.bikebear.com.my/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.bikebear.com.my%2F&format=xml" /> <meta name="cdp-version" content="1.4.9" /><link rel="icon" href="https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-favicon-50x50.png" sizes="32x32" /> <link rel="icon" href="https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-favicon.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-favicon.png" /> <meta name="msapplication-TileImage" content="https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-favicon.png" /> <noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript><link data-minify="1" rel="stylesheet" href="https://www.bikebear.com.my/wp-content/cache/min/1/lai8hya.css?ver=1743040342"> <link data-minify="1" rel="stylesheet" href="https://www.bikebear.com.my/wp-content/cache/min/1/cyk8hwo.css?ver=1743040342"> </head> <body data-rsssl=1 class="home page-template-default page page-id-246 color-custom style-default button-default layout-full-width if-disable if-border-hide no-content-padding hide-love header-overlay header-transparent header-fw sticky-tb-color ab-hide subheader-both-center menu-link-color menuo-right mobile-tb-center mobile-side-slide mobile-mini-mr-ll be-2304">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-52V6GSR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="custom-cursor" id="arrow-cursor"></div> <div class="left-progress-container"> <div class="left-progress-inner"> <div class="progress"></div> </div> </div> <script data-minify="1" src="https://www.bikebear.com.my/wp-content/cache/min/1/ajax/libs/gsap/3.11.3/gsap.min.js?ver=1743040342" defer></script> <script data-minify="1" src="https://www.bikebear.com.my/wp-content/cache/min/1/ajax/libs/gsap/3.11.3/ScrollTrigger.min.js?ver=1743040342" defer></script> <div id="Wrapper"> <div id="Header_wrapper" class="" > <header id="Header"> <div id="Overlay"><nav id="overlay-menu"><ul id="menu-main-menu" class="menu overlay-menu"><li id="menu-item-1013" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1013"><a href="https://www.bikebear.com.my/web-design/">Web Design</a></li> <li id="menu-item-1014" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1014"><a href="https://www.bikebear.com.my/branding-malaysia/">Branding</a></li> <li id="menu-item-1015" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1015"><a href="https://www.bikebear.com.my/social-media-marketing/">Social Media</a></li> <li id="menu-item-1016" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1016"><a href="https://www.bikebear.com.my/activation-campaigns/">Campaigns</a></li> <li id="menu-item-1017" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1017"><a href="https://www.bikebear.com.my/seo-service-google-ranking/">Search Marketing</a></li> <li id="menu-item-1018" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1018"><a href="https://www.bikebear.com.my/video-production-content-marketing/">Video Content</a></li> <li id="menu-item-1019" class="small-menu menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-246 current_page_item menu-item-1019"><a href="https://www.bikebear.com.my/" aria-current="page">Home</a></li> <li id="menu-item-1020" class="small-menu menu-item menu-item-type-post_type menu-item-object-page menu-item-1020"><a href="https://www.bikebear.com.my/bike-bear/">About</a></li> <li id="menu-item-1021" class="small-menu menu-item menu-item-type-post_type menu-item-object-page menu-item-1021"><a href="https://www.bikebear.com.my/projects/">Projects</a></li> <li id="menu-item-1022" class="small-menu menu-item menu-item-type-post_type menu-item-object-page menu-item-1022"><a href="https://www.bikebear.com.my/careers/">Careers</a></li> <li id="menu-item-1023" class="small-menu menu-item menu-item-type-post_type menu-item-object-page menu-item-1023"><a href="https://www.bikebear.com.my/blog/">Blog</a></li> <li id="menu-item-1024" class="small-menu menu-item menu-item-type-post_type menu-item-object-page menu-item-1024"><a href="https://www.bikebear.com.my/contact-us/">Contact</a></li> </ul></nav></div><a class="overlay-menu-toggle" href="#"><i class="open icon-menu-fine"></i><i class="close icon-cancel-fine"></i></a> <div class="header_placeholder"></div> <div id="Top_bar" class="loading"> <div class="container"> <div class="column one"> <div class="top_bar_left clearfix"> <div class="logo"><a id="logo" href="https://www.bikebear.com.my" title="Bike Bear" data-height="90" data-padding="15"><img width="330" height="500" class="logo-main scale-with-grid " src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20330%20500'%3E%3C/svg%3E" data-retina="https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-logo.gif" data-alt="Bear-Riding-Bike" data-no-retina data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-logo.gif"/><noscript><img width="330" height="500" class="logo-main scale-with-grid " src="https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-logo.gif" data-retina="https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-logo.gif" data-alt="Bear-Riding-Bike" data-no-retina/></noscript><img width="330" height="500" class="logo-sticky scale-with-grid " src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20330%20500'%3E%3C/svg%3E" data-retina="https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-logo.gif" data-alt="Bear-Riding-Bike" data-no-retina data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-logo.gif"/><noscript><img width="330" height="500" class="logo-sticky scale-with-grid " src="https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-logo.gif" data-retina="https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-logo.gif" data-alt="Bear-Riding-Bike" data-no-retina/></noscript><img width="330" height="500" class="logo-mobile scale-with-grid " src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20330%20500'%3E%3C/svg%3E" data-retina="https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-logo.gif" data-alt="Bear-Riding-Bike" data-no-retina data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-logo.gif"/><noscript><img width="330" height="500" class="logo-mobile scale-with-grid " src="https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-logo.gif" data-retina="https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-logo.gif" data-alt="Bear-Riding-Bike" data-no-retina/></noscript><img width="330" height="500" class="logo-mobile-sticky scale-with-grid " src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20330%20500'%3E%3C/svg%3E" data-retina="https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-logo.gif" data-alt="Bear-Riding-Bike" data-no-retina data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-logo.gif"/><noscript><img width="330" height="500" class="logo-mobile-sticky scale-with-grid " src="https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-logo.gif" data-retina="https://www.bikebear.com.my/wp-content/uploads/2022/08/bike-bear-logo.gif" data-alt="Bear-Riding-Bike" data-no-retina/></noscript></a></div> <div class="menu_wrapper"> </div> <div class="secondary_menu_wrapper"> </div> <div class="banner_wrapper"> </div> <div class="search_wrapper"> <form method="get" id="searchform" action="https://www.bikebear.com.my/"> <i class="icon_search icon-search-fine"></i> <a href="#" class="icon_close"><i class="icon-cancel-fine"></i></a> <input type="text" class="field" name="s" placeholder="Enter your search" /> <input type="submit" class="display-none" value="" /> </form> </div> </div> </div> </div> </div> </header> </div> <div id="awwwards" style="position: fixed; z-index: 999; transform: translateY(-50%); top: 50%; left: 0"><a href="https://www.awwwards.com/sites/bike-bear-1" target="_blank"><svg width="53.08" height="171.358"><path class="js-color-bg" fill="#9BD4D7" d="M0 0h53.08v171.358H0z"></path><g class="js-color-text" fill="#fff"><path d="M20.047 153.665v-1.9h3.888v-4.093h-3.888v-1.9h10.231v1.9h-4.59v4.093h4.59v1.9zM29.898 142.236c-.331.565-.784.997-1.359 1.294s-1.222.446-1.944.446c-.721 0-1.369-.149-1.943-.446a3.316 3.316 0 0 1-1.36-1.294c-.331-.564-.497-1.232-.497-2.002s.166-1.438.497-2.002a3.316 3.316 0 0 1 1.36-1.294c.574-.297 1.223-.445 1.943-.445.723 0 1.369.148 1.944.445a3.307 3.307 0 0 1 1.359 1.294c.331.564.497 1.232.497 2.002s-.166 1.438-.497 2.002m-1.703-3.347c-.435-.33-.967-.496-1.601-.496-.633 0-1.166.166-1.601.496-.433.332-.649.78-.649 1.346 0 .564.217 1.013.649 1.345.435.331.968.497 1.601.497.634 0 1.166-.166 1.601-.497.435-.332.649-.78.649-1.345.001-.566-.214-1.014-.649-1.346M22.911 134.852v-1.813h1.186a3.335 3.335 0 0 1-.951-1.009 2.423 2.423 0 0 1-.352-1.271c0-.682.19-1.229.57-1.645.381-.413.932-.621 1.652-.621h5.262v1.812h-4.721c-.419 0-.727.096-.921.285-.195.19-.292.447-.292.769 0 .302.115.58.35.833.234.254.577.458 1.03.613.454.156.993.234 1.616.234h2.938v1.813h-7.367zM29.898 125.136a3.314 3.314 0 0 1-1.359 1.294c-.575.297-1.222.445-1.944.445-.721 0-1.369-.148-1.943-.445a3.322 3.322 0 0 1-1.36-1.294c-.331-.565-.497-1.232-.497-2.002 0-.771.166-1.438.497-2.003a3.313 3.313 0 0 1 1.36-1.293c.574-.297 1.223-.446 1.943-.446.723 0 1.369.149 1.944.446s1.028.728 1.359 1.293.497 1.232.497 2.003c.001.769-.166 1.436-.497 2.002m-1.703-3.347c-.435-.331-.967-.497-1.601-.497-.633 0-1.166.166-1.601.497-.433.331-.649.778-.649 1.345 0 .564.217 1.013.649 1.344.435.332.968.498 1.601.498.634 0 1.166-.166 1.601-.498.435-.331.649-.779.649-1.344.001-.567-.214-1.014-.649-1.345M22.911 117.75v-1.812h1.199c-.419-.265-.742-.586-.972-.966s-.345-.784-.345-1.213c0-.272.05-.569.146-.892l1.682.336a1.429 1.429 0 0 0-.205.76c0 .576.261 1.048.783 1.418.521.37 1.342.557 2.461.557h2.617v1.812h-7.366zM29.812 111.252c-.391.511-.857.851-1.403 1.016l-.776-1.446c.381-.138.68-.329.893-.577.215-.249.321-.544.321-.885a1.2 1.2 0 0 0-.168-.658c-.112-.175-.294-.263-.548-.263-.225 0-.406.105-.548.313-.142.21-.291.534-.446.973-.019.068-.058.17-.117.307-.224.565-.506 1.004-.848 1.315-.34.313-.779.467-1.314.467-.381 0-.727-.102-1.039-.306a2.185 2.185 0 0 1-.744-.84 2.554 2.554 0 0 1-.279-1.207c0-.497.105-.949.314-1.359.211-.408.506-.725.886-.949l.993 1.082c-.43.292-.644.686-.644 1.184a.84.84 0 0 0 .154.504.471.471 0 0 0 .401.212c.176 0 .338-.103.49-.307.15-.205.334-.604.547-1.199.205-.564.474-1.001.805-1.308.332-.308.756-.46 1.271-.46.721 0 1.299.229 1.732.687s.65 1.057.65 1.797c.001.759-.194 1.396-.583 1.907M35.481 17.006l-4.782 14.969h-3.266l-2.584-9.682-2.584 9.682h-3.268l-4.782-14.969h3.713l2.673 10.276 2.525-10.276h3.445l2.524 10.276 2.674-10.276zM37.978 27.163c1.426 0 2.496 1.068 2.496 2.495 0 1.425-1.07 2.495-2.496 2.495-1.425 0-2.494-1.07-2.494-2.495-.001-1.427 1.069-2.495 2.494-2.495"></path></g></svg></a></div> <div class="menu-extra"> <div class="menu-bear"> <a href="/contact-us/"> <div class="contact-anim"><img width="450" height="450" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20450%20450'%3E%3C/svg%3E" alt="menu-bear-cta" data-lazy-src="/wp-content/uploads/2022/12/menu-cta-img.png"><noscript><img width="450" height="450" src="/wp-content/uploads/2022/12/menu-cta-img.png" alt="menu-bear-cta"></noscript></div> </a> </div> <div class="menu-social-container"> <a href="https://www.facebook.com/bikebearwebsite/" class="roll-up-button-img" target="_blank"><img width="10" height="18" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2018'%3E%3C/svg%3E" alt="social media" data-lazy-src="/wp-content/uploads/2022/10/facebook-1.svg"><noscript><img width="10" height="18" src="/wp-content/uploads/2022/10/facebook-1.svg" alt="social media"></noscript></a> <a href="https://www.instagram.com/bikebears/?hl=en" class="roll-up-button-img" target="_blank"><img width="19" height="19" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2019%2019'%3E%3C/svg%3E" alt="social media" data-lazy-src="/wp-content/uploads/2022/10/instagram-1.svg"><noscript><img width="19" height="19" src="/wp-content/uploads/2022/10/instagram-1.svg" alt="social media"></noscript></a> <a href="https://www.linkedin.com/company/bike-bear/" class="roll-up-button-img" target="_blank"><img width="19" height="19" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2019%2019'%3E%3C/svg%3E" alt="social media" data-lazy-src="/wp-content/uploads/2022/10/linkedin-1.svg"><noscript><img width="19" height="19" src="/wp-content/uploads/2022/10/linkedin-1.svg" alt="social media"></noscript></a> <a href="https://www.tiktok.com/@bikebears" class="roll-up-button-img" target="_blank"><img width="16" height="19" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2019'%3E%3C/svg%3E" alt="social media" data-lazy-src="/wp-content/uploads/2022/10/tiktok-1.svg"><noscript><img width="16" height="19" src="/wp-content/uploads/2022/10/tiktok-1.svg" alt="social media"></noscript></a> </div> </div> <script>window.addEventListener('DOMContentLoaded', function() { jQuery(function($){ $(document).ready(function(){ $('.post-template-default.single-post h5.main-title').parent().append('<h5 id="reading-meter" class="main-title"></h5>'); var post_content = $(".reading-time").text(); var word_count = post_content.split(" ").length; var reading_time = Math.ceil(word_count / 200); $("#reading-meter").text("Min Read: " + reading_time); }) }) });</script> <div id="Content"> <div class="content_wrapper clearfix"> <div class="sections_group"> <div class="entry-content" itemprop="mainContentOfPage"> <div class="section mcb-section mcb-section-ndbq6g8br no-margin-h full-width" id="bb-top-section" style="" ><div class="section_wrapper mcb-section-inner"><div class="wrap mcb-wrap mcb-wrap-uswbhnpj0 one top-panel-wrap valign-top clearfix" style="" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-o4h85yj2g one column_column panel-col home-three"><div class="column_attr clearfix" style=""><div class="panel-wrap panel">  <div class="first-panel"> <div class="main-banner-text"> <div class="banner-inner-section banner-inner-1"> <p class="main-title">We are bike bear</p> <h1>DARE TO DO</h1> </div> <div class="banner-inner-section banner-inner-2"> <div id="bb-shape"> <svg> <defs> <clipPath id="cross"> <path xmlns="http://www.w3.org/2000/svg" d="M111.735,54.571c0,4.046-6.365,7.32-7.225,11.106-.889,3.908,3.4,9.615,1.7,13.141-1.729,3.583-8.885,3.775-11.342,6.855S93.8,95.781,90.7,98.252c-3.078,2.459-9.6-.455-13.19,1.275-3.525,1.7-5.305,8.635-9.213,9.524-3.785.861-8.387-4.6-12.432-4.6s-8.647,5.457-12.432,4.6c-3.908-.889-5.688-7.824-9.215-9.524-3.583-1.73-10.11,1.182-13.188-1.275-3.093-2.471-1.7-9.487-4.168-12.581C14.406,82.593,7.251,82.4,5.523,78.818c-1.7-3.526,2.591-9.234,1.7-13.141C6.365,61.891,0,58.617,0,54.571s6.365-7.32,7.225-11.106c.889-3.908-3.4-9.615-1.7-13.141,1.729-3.583,8.883-3.775,11.342-6.855s1.075-10.108,4.168-12.579c3.078-2.459,9.6.455,13.19-1.275C37.747,7.914,39.528.98,43.435.092c3.785-.861,8.387,4.6,12.432,4.6S64.515-.769,68.3.092c3.908.889,5.688,7.824,9.213,9.524C81.1,11.346,87.625,8.433,90.7,10.89c3.093,2.471,1.7,9.487,4.168,12.581,2.459,3.078,9.613,3.269,11.342,6.853,1.7,3.526-2.591,9.234-1.7,13.141.861,3.785,7.225,7.06,7.225,11.106"/> </clipPath> </defs> </svg> </div> <div id="scene"></div> </div> </div> </div> </div> <script defer type="module" src="../wp-content/themes/betheme-child/js/script.min.js"></script></div></div><div class="column mcb-column mcb-item-tv4jrl90z one column_column bear-character-col"><div class="column_attr clearfix" style=""><img class="rawr-popup" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="../wp-content/uploads/2022/12/beware.png" /><noscript><img class="rawr-popup" src="../wp-content/uploads/2022/12/beware.png" alt="" /></noscript> <div id="bear-character"></div></div></div></div></div><div class="wrap mcb-wrap mcb-wrap-9jnhtcuyk one text-carousel-wrap valign-top clearfix" style="" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-ml7cvydu9 one column_column text-carousel-with-img"><div class="column_attr clearfix" style=""><div class="text-slide-animate-row"> <div class="text-slide-row toright-animation"> <p class="h4-text">WE ARE A <span class="italicBold">“BEARY”</span> CREATIVE DIGITAL AGENCY FOR HOOMANS</p> <img width="34" height="37" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2034%2037'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2022/08/green-asterisk.svg"><noscript><img width="34" height="37" src="/wp-content/uploads/2022/08/green-asterisk.svg" alt=""></noscript> <p class="h4-text">WE ARE A <span class="italicBold">“BEARY”</span> CREATIVE DIGITAL AGENCY FOR HOOMANS</p> <img width="34" height="37" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2034%2037'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2022/08/green-asterisk.svg"><noscript><img width="34" height="37" src="/wp-content/uploads/2022/08/green-asterisk.svg" alt=""></noscript> <p class="h4-text">WE ARE A <span class="italicBold">“BEARY”</span> CREATIVE DIGITAL AGENCY FOR HOOMANS</p> <img width="34" height="37" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2034%2037'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2022/08/green-asterisk.svg"><noscript><img width="34" height="37" src="/wp-content/uploads/2022/08/green-asterisk.svg" alt=""></noscript> </div> <div class="text-slide-row text-slide-row2 toright-animation"> <p class="h4-text">WE ARE A <span class="italicBold">“BEARY”</span> CREATIVE DIGITAL AGENCY FOR HOOMANS</p> <img width="34" height="37" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2034%2037'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2022/08/green-asterisk.svg"><noscript><img width="34" height="37" src="/wp-content/uploads/2022/08/green-asterisk.svg" alt=""></noscript> <p class="h4-text">WE ARE A <span class="italicBold">“BEARY”</span> CREATIVE DIGITAL AGENCY FOR HOOMANS</p> <img width="34" height="37" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2034%2037'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2022/08/green-asterisk.svg"><noscript><img width="34" height="37" src="/wp-content/uploads/2022/08/green-asterisk.svg" alt=""></noscript> <p class="h4-text">WE ARE A <span class="italicBold">“BEARY”</span> CREATIVE DIGITAL AGENCY FOR HOOMANS</p> <img width="34" height="37" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2034%2037'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2022/08/green-asterisk.svg"><noscript><img width="34" height="37" src="/wp-content/uploads/2022/08/green-asterisk.svg" alt=""></noscript> </div> </div></div></div></div></div></div></div><div class="section mcb-section mcb-section-1snseir9w no-margin-h full-width" style="" ><div class="section_wrapper mcb-section-inner"><div class="wrap mcb-wrap mcb-wrap-i169h4l7r one valign-top clearfix" style="" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-w81t1wzkl one column_column home-three-content"><div class="column_attr clearfix" style=""> <div class="three-content-wrapper"> <div id="three-content-1" class="three-content three-content-right"> <div class="three-content-inner"> <div> <div class="three-content-inner-header"><div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img width="772" height="211" class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20772%20211'%3E%3C/svg%3E" alt="Home" title="" data-lazy-src="/wp-content/uploads/2023/01/bigger-text.svg" /><noscript><img width="772" height="211" class="scale-with-grid" src="/wp-content/uploads/2023/01/bigger-text.svg" alt="Home" title="" /></noscript></div></div> <p class="text-none">Bigger</p> </div></div> </div> <p style="max-width: 240px; margin-right: 6vw;" class="three-content-inner-desc"><span class="bold-text">We think bigger.</span> <br/>May not be in terms of the size of our creative agency, but in our big ideas, thinking and creativity.</p> </div> </div> <div id="three-content-2" class="three-content"> <div class="three-content-inner"> <div> <div class="three-content-inner-header"><div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img width="844" height="212" class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20844%20212'%3E%3C/svg%3E" alt="Home" title="" data-lazy-src="/wp-content/uploads/2023/01/bolder-text.svg" /><noscript><img width="844" height="212" class="scale-with-grid" src="/wp-content/uploads/2023/01/bolder-text.svg" alt="Home" title="" /></noscript></div></div> <p class="text-none">Bolder</p> </div></div> </div> <p style="max-width: 240px; margin-left: 6vw;" class="three-content-inner-desc"><span class="bold-text">Being bold is in our DNA.</span> <br/>We dare to do what others will not and embrace everything to create impactful work.</p> </div> </div> <div id="three-content-3" class="three-content three-content-center"> <div class="three-content-inner"> <div> <div class="three-content-inner-header"><div><span class="h3-banner-text">Better</span></div></div> </div> <p style="max-width: 500px; margin: auto;" class="three-content-inner-desc"><span class="bold-text">Better to work with.</span> <br/>In the end, it’s just better to have an agency that will not only deliver but one that you’ll enjoy working with as well.</p> </div> </div> </div></div></div></div></div></div></div><div class="section mcb-section mcb-section-rmoqbskb7" id="home-about" style="" ><div class="section_wrapper mcb-section-inner"><div class="wrap mcb-wrap mcb-wrap-d7djnsr1v one valign-top clearfix" style="" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-3zf41cc6z one column_column third-panel-col"><div class="column_attr clearfix" style=""> <div class="third-panel panel trigger-in-view"> <div class="left"> <p class="main-title">ABOUT</p> <h2 class="reveal-text justify-center-text trigger-in-view"> <div class="line pawsible-text"> WE MAKE IT “PAWSIBLE”<br/> TO STAND OUT FROM THIS <span class="white-hyphen"></span> <span class="italicBold">CROWDED WORLD</span>. </div> </h2> </div> <div class="right"> <div class="l-col"> <div class="bear-bomb-wrapper"> <div class="bear-bomb-holder"> <div id="bear-bomb"></div> </div> <img width="94" height="81" class="dont-click-text" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2094%2081'%3E%3C/svg%3E" alt="dont-click" data-lazy-src="/wp-content/uploads/2023/01/dont-click-text.svg"><noscript><img width="94" height="81" class="dont-click-text" src="/wp-content/uploads/2023/01/dont-click-text.svg" alt="dont-click"></noscript> </div>  </div> <div class="r-col"> <p style="margin-bottom: 30px;">We live in an attention-hungry world, and standing out from the crowd isn’t just important - it’s absolutely essential. That’s why as a creative digital marketing agency we get fired up about exploring ways for your customers to take notice of your business, product, service or brand. We know that mere “presence” alone won’t cut it anymore, so let us help you create curiousity around your brand.</p> </div> </div> </div> </div></div></div></div></div></div><div class="section mcb-section mcb-section-yjrtxgpek no-margin-h full-width service-section" style="padding-top:160px" ><div class="section_wrapper mcb-section-inner"><div class="wrap mcb-wrap mcb-wrap-2slxtqh6w one valign-top clearfix" style="padding:0 0 0 2vw" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-zs95ik1vg three-fifth column_column column-margin-0px"><div class="column_attr clearfix" style=""><p class="main-title">SERVICES</p> <script>window.addEventListener('DOMContentLoaded', function() { jQuery(function($){ // wrapping service section with link $('.service-outer-container').each(function(){ $(this).wrap('<a href="" class="desktop-service-link"></a>'); var individualLink = $(this).find('.service-desc-col > a').attr('href'); //console.log(individualLink) $(this).parent().attr('href', individualLink); }) // Disable service section link in mobile if ($(window).width() < 767) { setTimeout(function(){ $('.desktop-service-link').off("click").attr('href', "javascript: void(0);"); }, 500) } }) });</script></div></div></div></div><div class="wrap mcb-wrap mcb-wrap-kcnxgjigb one service-item-wrap valign-top clearfix" style="" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-nzkiamcld one column_column service-row"><div class="column_attr clearfix" style=""><div class="service-outer-container"> <div class="service-inner-container"> <h2>WEB DESIGN</h2> </div> <div class="service-desc-container"> <div class="service-img-col"> <img width="300" height="300" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="web design" data-lazy-src="/wp-content/uploads/2022/12/services_hm_web-design-img.jpg"/><noscript><img width="300" height="300" src="/wp-content/uploads/2022/12/services_hm_web-design-img.jpg" alt="web design"/></noscript> </div> <div class="service-desc-col"> <p class="service-desc">We design award-winning websites that you'll love</p> <a href="/web-design/" class="button-solid mobile">VIEW MORE</a> </div> </div> </div></div></div></div></div><div class="wrap mcb-wrap mcb-wrap-dic3fzjhz one service-item-wrap valign-top clearfix" style="" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-oogba6m2q one column_column service-row"><div class="column_attr clearfix" style=""><div class="service-outer-container"> <div class="service-inner-container"> <h2>BRANDING</h2> </div> <div class="service-desc-container"> <div class="service-img-col"><img width="300" height="300" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="branding" data-lazy-src="/wp-content/uploads/2022/12/services_hm_brand-img.jpg"><noscript><img width="300" height="300" src="/wp-content/uploads/2022/12/services_hm_brand-img.jpg" alt="branding"></noscript></div> <div class="service-desc-col"> <p class="service-desc">We handcraft brands that tells your story</p> <a href="/branding-malaysia/" class="button-solid mobile">VIEW MORE</a> </div> </div> </div> </div></div></div></div><div class="wrap mcb-wrap mcb-wrap-i03wdydsx one service-item-wrap valign-top clearfix" style="" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-8fknamrli one column_column service-row"><div class="column_attr clearfix" style=""><div class="service-outer-container"> <div class="service-inner-container"> <h2>SOCIAL MEDIA</h2> </div> <div class="service-desc-container"> <div class="service-img-col"><img width="300" height="300" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="social media" data-lazy-src="/wp-content/uploads/2022/12/services_hm_social-media-img.jpg"><noscript><img width="300" height="300" src="/wp-content/uploads/2022/12/services_hm_social-media-img.jpg" alt="social media"></noscript></div> <div class="service-desc-col"> <p class="service-desc">We bring your brand closer to your fans</p> <a href="/social-media-marketing/" class="button-solid mobile">VIEW MORE</a> </div> </div> </div> </div></div></div></div><div class="wrap mcb-wrap mcb-wrap-pe3qan5b1 one service-item-wrap valign-top clearfix" style="" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-rpx0w3dqz one column_column service-row"><div class="column_attr clearfix" style=""><div class="service-outer-container"> <div class="service-inner-container"> <h2>CAMPAIGN</h2> </div> <div class="service-desc-container"> <div class="service-img-col"><img width="300" height="300" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="campaign" data-lazy-src="/wp-content/uploads/2022/12/services_hm_campiagn-img.jpg"><noscript><img width="300" height="300" src="/wp-content/uploads/2022/12/services_hm_campiagn-img.jpg" alt="campaign"></noscript></div> <div class="service-desc-col"> <p class="service-desc">We connect your hoomans with your brand</p> <a href="/activation-campaigns/" class="button-solid mobile">VIEW MORE</a> </div> </div> </div> </div></div></div></div><div class="wrap mcb-wrap mcb-wrap-p4rmvx3cl one service-item-wrap valign-top clearfix" style="" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-vmq1y8fzv one column_column service-row"><div class="column_attr clearfix" style=""><div class="service-outer-container"> <div class="service-inner-container"> <h2>SEARCH MARKETING</h2> </div> <div class="service-desc-container"> <div class="service-img-col"><img width="300" height="300" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="search marketing" data-lazy-src="/wp-content/uploads/2022/12/services_hm_seo-img.jpg"><noscript><img width="300" height="300" src="/wp-content/uploads/2022/12/services_hm_seo-img.jpg" alt="search marketing"></noscript></div> <div class="service-desc-col"> <p class="service-desc">We navigate them to you instead of your competitors</p> <a href="/seo-service-google-ranking/" class="button-solid mobile">VIEW MORE</a> </div> </div> </div> </div></div></div></div><div class="wrap mcb-wrap mcb-wrap-wm6gvge4p one service-item-wrap valign-top clearfix" style="" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-d1oi0m73o one column_column service-row"><div class="column_attr clearfix" style=""><div class="service-outer-container"> <div class="service-inner-container"> <h2>VIDEO CONTENT</h2> </div> <div class="service-desc-container"> <div class="service-img-col"><img width="300" height="300" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="video content" data-lazy-src="/wp-content/uploads/2022/12/services_hm_video-img.jpg"><noscript><img width="300" height="300" src="/wp-content/uploads/2022/12/services_hm_video-img.jpg" alt="video content"></noscript></div> <div class="service-desc-col"> <p class="service-desc">We produce video content that you’ll watch</p> <a href="/video-production-content-marketing/" class="button-solid mobile">VIEW MORE</a> </div> </div> </div> </div></div></div></div></div></div><div class="section mcb-section mcb-section-0oqys8i87 no-margin-h full-width client-section" style="padding-top:160px" ><div class="section_wrapper mcb-section-inner"><div class="wrap mcb-wrap mcb-wrap-p5691hyms one carousel-warp valign-top clearfix" style="" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-6p7kbc0dp one column_column"><div class="column_attr clearfix align_center" style=""><p class="main-title float-center">CLIENTS</p> <div class="trigger-in-view"> <h2 class="reveal-text justify-center-text trigger-in-view"><div class="line hoomans-col">OUR <span class="bold-anim">HAPPY</span><span class="white-hyphen"></span> <span class="italicBold">HOOMANS</span></div></h2> </div> </div></div></div></div><div class="wrap mcb-wrap mcb-wrap-da1w53f74 one carousel-wrap valign-top clearfix" style="padding:4vw 0 0 0" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-jppkt5aso one column_column"><div class="column_attr clearfix" style=""><div class="toleft-row-div image-animate-row "> <div class="toleft-row"> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_aaf-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_aaf-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_aaf-img.jpg" alt="c_aaf-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_skyworld-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_skyworld-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_skyworld-img.jpg" alt="c_skyworld-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_unicef-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_unicef-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_unicef-img.jpg" alt="c_unicef-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_isetan-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_isetan-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_isetan-img.jpg" alt="c_isetan-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_mamee-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_mamee-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_mamee-img.jpg" alt="c_mamee-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_hush-puppies-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_hush-puppies-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_hush-puppies-img.jpg" alt="c_hush-puppies-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_manitou-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_manitou-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_manitou-img.jpg" alt="c_manitou-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_GIS-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_GIS-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_GIS-img.jpg" alt="c_GIS-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_m-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_m-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_m-img.jpg" alt="c_m-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_briohr-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_briohr-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_briohr-img.jpg" alt="c_briohr-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_cosmic-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_cosmic-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_cosmic-img.jpg" alt="c_cosmic-img" title="" width="300" height="300"/></noscript></div></div> </div> <div class="toleft-row"> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_aaf-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_aaf-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_aaf-img.jpg" alt="c_aaf-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_skyworld-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_skyworld-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_skyworld-img.jpg" alt="c_skyworld-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_unicef-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_unicef-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_unicef-img.jpg" alt="c_unicef-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_isetan-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_isetan-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_isetan-img.jpg" alt="c_isetan-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_mamee-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_mamee-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_mamee-img.jpg" alt="c_mamee-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_hush-puppies-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_hush-puppies-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_hush-puppies-img.jpg" alt="c_hush-puppies-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_manitou-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_manitou-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_manitou-img.jpg" alt="c_manitou-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_GIS-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_GIS-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_GIS-img.jpg" alt="c_GIS-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_m-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_m-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_m-img.jpg" alt="c_m-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_briohr-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_briohr-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_briohr-img.jpg" alt="c_briohr-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_cosmic-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_cosmic-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_cosmic-img.jpg" alt="c_cosmic-img" title="" width="300" height="300"/></noscript></div></div> </div> </div></div></div><div class="column mcb-column mcb-item-ocio060j4 one column_column"><div class="column_attr clearfix" style=""><div class="toright-row-div image-animate-row"> <div class="toright-row"> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_tealive-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_tealive-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_tealive-img.jpg" alt="c_tealive-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_cu-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_cu-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_cu-img.jpg" alt="c_cu-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_essilor-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_essilor-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_essilor-img.jpg" alt="c_essilor-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_klcc-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_klcc-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_klcc-img.jpg" alt="c_klcc-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_mednefits-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_mednefits-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_mednefits-img.jpg" alt="c_mednefits-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_sdp-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_sdp-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_sdp-img.jpg" alt="c_sdp-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_shell-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_shell-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_shell-img.jpg" alt="c_shell-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_sunway-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_sunway-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_sunway-img.jpg" alt="c_sunway-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_tamasuk-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_tamasuk-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_tamasuk-img.jpg" alt="c_tamasuk-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_sol-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_sol-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_sol-img.jpg" alt="c_sol-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_ranhill-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_ranhill-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_ranhill-img.jpg" alt="c_ranhill-img" title="" width="300" height="300"/></noscript></div></div> </div> <div class="toright-row"> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_tealive-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_tealive-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_tealive-img.jpg" alt="c_tealive-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_cu-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_cu-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_cu-img.jpg" alt="c_cu-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_essilor-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_essilor-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_essilor-img.jpg" alt="c_essilor-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_klcc-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_klcc-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_klcc-img.jpg" alt="c_klcc-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_mednefits-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_mednefits-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_mednefits-img.jpg" alt="c_mednefits-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_sdp-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_sdp-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_sdp-img.jpg" alt="c_sdp-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_shell-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_shell-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_shell-img.jpg" alt="c_shell-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_sunway-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_sunway-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_sunway-img.jpg" alt="c_sunway-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_tamasuk-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_tamasuk-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_tamasuk-img.jpg" alt="c_tamasuk-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_sol-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_sol-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_sol-img.jpg" alt="c_sol-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_ranhill-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_ranhill-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_ranhill-img.jpg" alt="c_ranhill-img" title="" width="300" height="300"/></noscript></div></div> </div> </div></div></div><div class="column mcb-column mcb-item-r2aafp0rm one column_column"><div class="column_attr clearfix" style=""><div class="toleft-row-div image-animate-row "> <div class="toleft-row"> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_vitagen-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_vitagen-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_vitagen-img.jpg" alt="c_vitagen-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_aism-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_aism-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_aism-img.jpg" alt="c_aism-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_badlab-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_badlab-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_badlab-img.jpg" alt="c_badlab-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_bosch-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_bosch-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_bosch-img.jpg" alt="c_bosch-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_kdu-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_kdu-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_kdu-img.jpg" alt="c_kdu-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_principal-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_principal-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_principal-img.jpg" alt="c_principal-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_shl-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_shl-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_shl-img.jpg" alt="c_shl-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_themind-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_themind-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_themind-img.jpg" alt="c_themind-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_universal-music-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_universal-music-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_universal-music-img.jpg" alt="c_universal-music-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_dtf-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_dtf-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_dtf-img.jpg" alt="c_dtf-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_sunway-c-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_sunway-c-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_sunway-c-img.jpg" alt="c_sunway-c-img" title="" width="300" height="300"/></noscript></div></div> </div> <div class="toleft-row"> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_vitagen-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_vitagen-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_vitagen-img.jpg" alt="c_vitagen-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_aism-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_aism-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_aism-img.jpg" alt="c_aism-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_badlab-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_badlab-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_badlab-img.jpg" alt="c_badlab-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_bosch-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_bosch-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_bosch-img.jpg" alt="c_bosch-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_kdu-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_kdu-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_kdu-img.jpg" alt="c_kdu-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_principal-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_principal-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_principal-img.jpg" alt="c_principal-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_shl-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_shl-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_shl-img.jpg" alt="c_shl-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_themind-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_themind-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_themind-img.jpg" alt="c_themind-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_universal-music-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_universal-music-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/c_universal-music-img.jpg" alt="c_universal-music-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_dtf-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_dtf-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_dtf-img.jpg" alt="c_dtf-img" title="" width="300" height="300"/></noscript></div></div> <div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" alt="c_sunway-c-img" title="" width="300" height="300" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_sunway-c-img.jpg"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2023/01/c_sunway-c-img.jpg" alt="c_sunway-c-img" title="" width="300" height="300"/></noscript></div></div> </div> </div></div></div></div></div><div class="wrap mcb-wrap mcb-wrap-25e5nebm6 one bear-palm valign-top clearfix" style="" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-bx0xmtgch one column_column"><div class="column_attr clearfix" style=""><div class="image_frame image_item no_link scale-with-grid alignnone no_border" ><div class="image_wrapper"><img width="1080" height="1150" class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201080%201150'%3E%3C/svg%3E" alt="Home" title="" data-lazy-src="/wp-content/uploads/2022/12/bear-palm-img.png" /><noscript><img width="1080" height="1150" class="scale-with-grid" src="/wp-content/uploads/2022/12/bear-palm-img.png" alt="Home" title="" /></noscript></div></div> </div></div><div class="column mcb-column mcb-item-j45gg5ivx one column_column"><div class="column_attr clearfix" style=""><script>window.addEventListener('DOMContentLoaded', function() { jQuery(function($) { $(document).ready(function($) { $('.image-animate-row .toleft-row').addClass('toleft-animation'); $('.image-animate-row .toright-row').addClass('toright-animation'); gsap.set(".portfolio-section", { opacity: 0 }); gsap.set(".bear-palm", { scale: 0.6, xPercent: 60, yPercent: 100 }); gsap.timeline({ scrollTrigger: { trigger: ".portfolio-section", start: "top 60%", end: "top 30%", scrub: 1, ease: "none", toggleActions: "play none none reverse", } }).to(".bear-palm", { xPercent: 0, yPercent: 85, duration: 1.5, }) .to(".bear-palm", { xPercent: 130, yPercent: 230, scale: 3.6, duration: 4, }, "+=2") .to(".carousel-wrap", { autoAlpha: 0, duration: .5, }, "-=2") .to("#Content", { background: "black", }, "-=1") .to(".bear-palm", { autoAlpha: 0, }) .to(".portfolio-section", { autoAlpha: 1, duration: 1, }) .to(".portfolio-section", { autoAlpha: 1, duration: 1, }) }); }); });</script></div></div></div></div></div></div><div class="section mcb-section mcb-section-71pehczdv no-margin-h full-width portfolio-section index-0" style="" ><div class="section_wrapper mcb-section-inner"><div class="wrap mcb-wrap mcb-wrap-g2c2pdn2s one portfolio-section portfolio-wrapper portfolio-title valign-top clearfix" style="padding:0 2vw" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-jskpt6x75 one-second column_column"><div class="column_attr clearfix" style=""><p class="main-title text-white">Our Projects</p> <h2 class="text-white reveal-text-2 trigger-in-view"><div class="line-2">CRAFTED WITH OUR <span class="italicBold">BEAR</span> <span class="yellow-hyphen"></span>HANDS</div></h2></div></div></div></div><div class="wrap mcb-wrap mcb-wrap-drm50wxf3 one valign-top clearfix" style="padding:80px 2vw 50px" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-1bei1yeh3 one column_portfolio_photo"><div class="portfolio-photo "><div class="portfolio-item"><a class="portfolio-item-bg" data-cursor="cat__portfolio" href="https://www.bikebear.com.my/blog/portfolio-item/the-mind-2/" ><img width="890" height="665" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20890%20665'%3E%3C/svg%3E" class="attachment-full size-full wp-post-image" alt="" decoding="async" fetchpriority="high" data-lazy-srcset="https://www.bikebear.com.my/wp-content/uploads/2025/03/the-mind-2-img-e1742886276589.png 890w, https://www.bikebear.com.my/wp-content/uploads/2025/03/the-mind-2-img-e1742886276589-300x224.png 300w, https://www.bikebear.com.my/wp-content/uploads/2025/03/the-mind-2-img-e1742886276589-768x574.png 768w, https://www.bikebear.com.my/wp-content/uploads/2025/03/the-mind-2-img-e1742886276589-195x146.png 195w, https://www.bikebear.com.my/wp-content/uploads/2025/03/the-mind-2-img-e1742886276589-50x37.png 50w, https://www.bikebear.com.my/wp-content/uploads/2025/03/the-mind-2-img-e1742886276589-100x75.png 100w" data-lazy-sizes="(max-width: 890px) 100vw, 890px" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2025/03/the-mind-2-img-e1742886276589.png" /><noscript><img width="890" height="665" src="https://www.bikebear.com.my/wp-content/uploads/2025/03/the-mind-2-img-e1742886276589.png" class="attachment-full size-full wp-post-image" alt="" decoding="async" fetchpriority="high" srcset="https://www.bikebear.com.my/wp-content/uploads/2025/03/the-mind-2-img-e1742886276589.png 890w, https://www.bikebear.com.my/wp-content/uploads/2025/03/the-mind-2-img-e1742886276589-300x224.png 300w, https://www.bikebear.com.my/wp-content/uploads/2025/03/the-mind-2-img-e1742886276589-768x574.png 768w, https://www.bikebear.com.my/wp-content/uploads/2025/03/the-mind-2-img-e1742886276589-195x146.png 195w, https://www.bikebear.com.my/wp-content/uploads/2025/03/the-mind-2-img-e1742886276589-50x37.png 50w, https://www.bikebear.com.my/wp-content/uploads/2025/03/the-mind-2-img-e1742886276589-100x75.png 100w" sizes="(max-width: 890px) 100vw, 890px" /></noscript><div class="mask"></div></a><a class="portfolio-details" href="https://www.bikebear.com.my/blog/portfolio-item/the-mind-2/" ><div class="details"><h3 class="title">The Mind</h3><div class="category-wrap"><a href="https://www.bikebear.com.my/blog/social-media-marketing/" class="roll-up-button"><div class="inner-link"><h6>Social Media</h6><h6>Social Media</h6></div></a></div></div></a></div><div class="portfolio-item"><a class="portfolio-item-bg" data-cursor="cat__portfolio" href="https://www.bikebear.com.my/blog/portfolio-item/peachybum/" ><img width="890" height="665" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20890%20665'%3E%3C/svg%3E" class="attachment-full size-full wp-post-image" alt="" decoding="async" data-lazy-srcset="https://www.bikebear.com.my/wp-content/uploads/2025/03/peachybum-cover-img.jpg 890w, https://www.bikebear.com.my/wp-content/uploads/2025/03/peachybum-cover-img-300x224.jpg 300w, https://www.bikebear.com.my/wp-content/uploads/2025/03/peachybum-cover-img-768x574.jpg 768w, https://www.bikebear.com.my/wp-content/uploads/2025/03/peachybum-cover-img-195x146.jpg 195w, https://www.bikebear.com.my/wp-content/uploads/2025/03/peachybum-cover-img-50x37.jpg 50w, https://www.bikebear.com.my/wp-content/uploads/2025/03/peachybum-cover-img-100x75.jpg 100w" data-lazy-sizes="(max-width: 890px) 100vw, 890px" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2025/03/peachybum-cover-img.jpg" /><noscript><img width="890" height="665" src="https://www.bikebear.com.my/wp-content/uploads/2025/03/peachybum-cover-img.jpg" class="attachment-full size-full wp-post-image" alt="" decoding="async" srcset="https://www.bikebear.com.my/wp-content/uploads/2025/03/peachybum-cover-img.jpg 890w, https://www.bikebear.com.my/wp-content/uploads/2025/03/peachybum-cover-img-300x224.jpg 300w, https://www.bikebear.com.my/wp-content/uploads/2025/03/peachybum-cover-img-768x574.jpg 768w, https://www.bikebear.com.my/wp-content/uploads/2025/03/peachybum-cover-img-195x146.jpg 195w, https://www.bikebear.com.my/wp-content/uploads/2025/03/peachybum-cover-img-50x37.jpg 50w, https://www.bikebear.com.my/wp-content/uploads/2025/03/peachybum-cover-img-100x75.jpg 100w" sizes="(max-width: 890px) 100vw, 890px" /></noscript><div class="mask"></div></a><a class="portfolio-details" href="https://www.bikebear.com.my/blog/portfolio-item/peachybum/" ><div class="details"><h3 class="title">Peachybum</h3><div class="category-wrap"><a href="https://www.bikebear.com.my/blog/social-media-marketing/" class="roll-up-button"><div class="inner-link"><h6>Social Media</h6><h6>Social Media</h6></div></a></div></div></a></div><div class="portfolio-item"><a class="portfolio-item-bg" data-cursor="cat__portfolio" href="https://www.bikebear.com.my/blog/portfolio-item/popo/" ><img width="890" height="665" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20890%20665'%3E%3C/svg%3E" class="attachment-full size-full wp-post-image" alt="" decoding="async" data-lazy-srcset="https://www.bikebear.com.my/wp-content/uploads/2025/03/popo-cover-img.jpg 890w, https://www.bikebear.com.my/wp-content/uploads/2025/03/popo-cover-img-300x224.jpg 300w, https://www.bikebear.com.my/wp-content/uploads/2025/03/popo-cover-img-768x574.jpg 768w, https://www.bikebear.com.my/wp-content/uploads/2025/03/popo-cover-img-195x146.jpg 195w, https://www.bikebear.com.my/wp-content/uploads/2025/03/popo-cover-img-50x37.jpg 50w, https://www.bikebear.com.my/wp-content/uploads/2025/03/popo-cover-img-100x75.jpg 100w" data-lazy-sizes="(max-width: 890px) 100vw, 890px" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2025/03/popo-cover-img.jpg" /><noscript><img width="890" height="665" src="https://www.bikebear.com.my/wp-content/uploads/2025/03/popo-cover-img.jpg" class="attachment-full size-full wp-post-image" alt="" decoding="async" srcset="https://www.bikebear.com.my/wp-content/uploads/2025/03/popo-cover-img.jpg 890w, https://www.bikebear.com.my/wp-content/uploads/2025/03/popo-cover-img-300x224.jpg 300w, https://www.bikebear.com.my/wp-content/uploads/2025/03/popo-cover-img-768x574.jpg 768w, https://www.bikebear.com.my/wp-content/uploads/2025/03/popo-cover-img-195x146.jpg 195w, https://www.bikebear.com.my/wp-content/uploads/2025/03/popo-cover-img-50x37.jpg 50w, https://www.bikebear.com.my/wp-content/uploads/2025/03/popo-cover-img-100x75.jpg 100w" sizes="(max-width: 890px) 100vw, 890px" /></noscript><div class="mask"></div></a><a class="portfolio-details" href="https://www.bikebear.com.my/blog/portfolio-item/popo/" ><div class="details"><h3 class="title">POPO</h3><div class="category-wrap"><a href="https://www.bikebear.com.my/blog/social-media-marketing/" class="roll-up-button"><div class="inner-link"><h6>Social Media</h6><h6>Social Media</h6></div></a></div></div></a></div><div class="portfolio-item"><a class="portfolio-item-bg" data-cursor="cat__portfolio" href="https://www.bikebear.com.my/blog/portfolio-item/locus-t/" ><img width="890" height="665" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20890%20665'%3E%3C/svg%3E" class="attachment-full size-full wp-post-image" alt="" decoding="async" data-lazy-srcset="https://www.bikebear.com.my/wp-content/uploads/2025/03/lotus-t-cover-img.jpg 890w, https://www.bikebear.com.my/wp-content/uploads/2025/03/lotus-t-cover-img-300x224.jpg 300w, https://www.bikebear.com.my/wp-content/uploads/2025/03/lotus-t-cover-img-768x574.jpg 768w, https://www.bikebear.com.my/wp-content/uploads/2025/03/lotus-t-cover-img-195x146.jpg 195w, https://www.bikebear.com.my/wp-content/uploads/2025/03/lotus-t-cover-img-50x37.jpg 50w, https://www.bikebear.com.my/wp-content/uploads/2025/03/lotus-t-cover-img-100x75.jpg 100w" data-lazy-sizes="(max-width: 890px) 100vw, 890px" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2025/03/lotus-t-cover-img.jpg" /><noscript><img width="890" height="665" src="https://www.bikebear.com.my/wp-content/uploads/2025/03/lotus-t-cover-img.jpg" class="attachment-full size-full wp-post-image" alt="" decoding="async" srcset="https://www.bikebear.com.my/wp-content/uploads/2025/03/lotus-t-cover-img.jpg 890w, https://www.bikebear.com.my/wp-content/uploads/2025/03/lotus-t-cover-img-300x224.jpg 300w, https://www.bikebear.com.my/wp-content/uploads/2025/03/lotus-t-cover-img-768x574.jpg 768w, https://www.bikebear.com.my/wp-content/uploads/2025/03/lotus-t-cover-img-195x146.jpg 195w, https://www.bikebear.com.my/wp-content/uploads/2025/03/lotus-t-cover-img-50x37.jpg 50w, https://www.bikebear.com.my/wp-content/uploads/2025/03/lotus-t-cover-img-100x75.jpg 100w" sizes="(max-width: 890px) 100vw, 890px" /></noscript><div class="mask"></div></a><a class="portfolio-details" href="https://www.bikebear.com.my/blog/portfolio-item/locus-t/" ><div class="details"><h3 class="title">LOCUS-T</h3><div class="category-wrap"><a href="https://www.bikebear.com.my/blog/branding-malaysia/" class="roll-up-button"><div class="inner-link"><h6>Branding</h6><h6>Branding</h6></div></a><a href="https://www.bikebear.com.my/blog/marketing/" class="roll-up-button"><div class="inner-link"><h6>Marketing</h6><h6>Marketing</h6></div></a><a href="https://www.bikebear.com.my/blog/performance/" class="roll-up-button"><div class="inner-link"><h6>Performance</h6><h6>Performance</h6></div></a></div></div></a></div><div class="portfolio-item"><a class="portfolio-item-bg" data-cursor="cat__portfolio" href="https://www.bikebear.com.my/blog/portfolio-item/ecoworld/" ><img width="890" height="665" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20890%20665'%3E%3C/svg%3E" class="attachment-full size-full wp-post-image" alt="" decoding="async" data-lazy-srcset="https://www.bikebear.com.my/wp-content/uploads/2025/03/eco-cover-img.jpg 890w, https://www.bikebear.com.my/wp-content/uploads/2025/03/eco-cover-img-300x224.jpg 300w, https://www.bikebear.com.my/wp-content/uploads/2025/03/eco-cover-img-768x574.jpg 768w, https://www.bikebear.com.my/wp-content/uploads/2025/03/eco-cover-img-195x146.jpg 195w, https://www.bikebear.com.my/wp-content/uploads/2025/03/eco-cover-img-50x37.jpg 50w, https://www.bikebear.com.my/wp-content/uploads/2025/03/eco-cover-img-100x75.jpg 100w" data-lazy-sizes="(max-width: 890px) 100vw, 890px" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2025/03/eco-cover-img.jpg" /><noscript><img width="890" height="665" src="https://www.bikebear.com.my/wp-content/uploads/2025/03/eco-cover-img.jpg" class="attachment-full size-full wp-post-image" alt="" decoding="async" srcset="https://www.bikebear.com.my/wp-content/uploads/2025/03/eco-cover-img.jpg 890w, https://www.bikebear.com.my/wp-content/uploads/2025/03/eco-cover-img-300x224.jpg 300w, https://www.bikebear.com.my/wp-content/uploads/2025/03/eco-cover-img-768x574.jpg 768w, https://www.bikebear.com.my/wp-content/uploads/2025/03/eco-cover-img-195x146.jpg 195w, https://www.bikebear.com.my/wp-content/uploads/2025/03/eco-cover-img-50x37.jpg 50w, https://www.bikebear.com.my/wp-content/uploads/2025/03/eco-cover-img-100x75.jpg 100w" sizes="(max-width: 890px) 100vw, 890px" /></noscript><div class="mask"></div></a><a class="portfolio-details" href="https://www.bikebear.com.my/blog/portfolio-item/ecoworld/" ><div class="details"><h3 class="title">Ecoworld</h3><div class="category-wrap"><a href="https://www.bikebear.com.my/blog/property/" class="roll-up-button"><div class="inner-link"><h6>Property</h6><h6>Property</h6></div></a><a href="https://www.bikebear.com.my/blog/web-design/" class="roll-up-button"><div class="inner-link"><h6>Web Design</h6><h6>Web Design</h6></div></a></div></div></a></div><div class="portfolio-item"><a class="portfolio-item-bg" data-cursor="cat__portfolio" href="https://www.bikebear.com.my/blog/portfolio-item/avaland/" ><img width="890" height="665" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20890%20665'%3E%3C/svg%3E" class="attachment-full size-full wp-post-image" alt="" decoding="async" data-lazy-srcset="https://www.bikebear.com.my/wp-content/uploads/2025/02/avaland-cover-img.jpg 890w, https://www.bikebear.com.my/wp-content/uploads/2025/02/avaland-cover-img-300x224.jpg 300w, https://www.bikebear.com.my/wp-content/uploads/2025/02/avaland-cover-img-768x574.jpg 768w, https://www.bikebear.com.my/wp-content/uploads/2025/02/avaland-cover-img-195x146.jpg 195w, https://www.bikebear.com.my/wp-content/uploads/2025/02/avaland-cover-img-50x37.jpg 50w, https://www.bikebear.com.my/wp-content/uploads/2025/02/avaland-cover-img-100x75.jpg 100w" data-lazy-sizes="(max-width: 890px) 100vw, 890px" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2025/02/avaland-cover-img.jpg" /><noscript><img width="890" height="665" src="https://www.bikebear.com.my/wp-content/uploads/2025/02/avaland-cover-img.jpg" class="attachment-full size-full wp-post-image" alt="" decoding="async" srcset="https://www.bikebear.com.my/wp-content/uploads/2025/02/avaland-cover-img.jpg 890w, https://www.bikebear.com.my/wp-content/uploads/2025/02/avaland-cover-img-300x224.jpg 300w, https://www.bikebear.com.my/wp-content/uploads/2025/02/avaland-cover-img-768x574.jpg 768w, https://www.bikebear.com.my/wp-content/uploads/2025/02/avaland-cover-img-195x146.jpg 195w, https://www.bikebear.com.my/wp-content/uploads/2025/02/avaland-cover-img-50x37.jpg 50w, https://www.bikebear.com.my/wp-content/uploads/2025/02/avaland-cover-img-100x75.jpg 100w" sizes="(max-width: 890px) 100vw, 890px" /></noscript><div class="mask"></div></a><a class="portfolio-details" href="https://www.bikebear.com.my/blog/portfolio-item/avaland/" ><div class="details"><h3 class="title">AVALAND</h3><div class="category-wrap"><a href="https://www.bikebear.com.my/blog/property/" class="roll-up-button"><div class="inner-link"><h6>Property</h6><h6>Property</h6></div></a><a href="https://www.bikebear.com.my/blog/web-design/" class="roll-up-button"><div class="inner-link"><h6>Web Design</h6><h6>Web Design</h6></div></a></div></div></a></div><div class="portfolio-item"><a class="portfolio-item-bg" data-cursor="cat__portfolio" href="https://www.bikebear.com.my/blog/portfolio-item/end-speciesism/" ><img width="890" height="665" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20890%20665'%3E%3C/svg%3E" class="attachment-full size-full wp-post-image" alt="" decoding="async" data-lazy-srcset="https://www.bikebear.com.my/wp-content/uploads/2025/02/es-cover-img.jpg 890w, https://www.bikebear.com.my/wp-content/uploads/2025/02/es-cover-img-300x224.jpg 300w, https://www.bikebear.com.my/wp-content/uploads/2025/02/es-cover-img-768x574.jpg 768w, https://www.bikebear.com.my/wp-content/uploads/2025/02/es-cover-img-195x146.jpg 195w, https://www.bikebear.com.my/wp-content/uploads/2025/02/es-cover-img-50x37.jpg 50w, https://www.bikebear.com.my/wp-content/uploads/2025/02/es-cover-img-100x75.jpg 100w" data-lazy-sizes="(max-width: 890px) 100vw, 890px" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2025/02/es-cover-img.jpg" /><noscript><img width="890" height="665" src="https://www.bikebear.com.my/wp-content/uploads/2025/02/es-cover-img.jpg" class="attachment-full size-full wp-post-image" alt="" decoding="async" srcset="https://www.bikebear.com.my/wp-content/uploads/2025/02/es-cover-img.jpg 890w, https://www.bikebear.com.my/wp-content/uploads/2025/02/es-cover-img-300x224.jpg 300w, https://www.bikebear.com.my/wp-content/uploads/2025/02/es-cover-img-768x574.jpg 768w, https://www.bikebear.com.my/wp-content/uploads/2025/02/es-cover-img-195x146.jpg 195w, https://www.bikebear.com.my/wp-content/uploads/2025/02/es-cover-img-50x37.jpg 50w, https://www.bikebear.com.my/wp-content/uploads/2025/02/es-cover-img-100x75.jpg 100w" sizes="(max-width: 890px) 100vw, 890px" /></noscript><div class="mask"></div></a><a class="portfolio-details" href="https://www.bikebear.com.my/blog/portfolio-item/end-speciesism/" ><div class="details"><h3 class="title">End Speciesism</h3><div class="category-wrap"><a href="https://www.bikebear.com.my/blog/web-design/" class="roll-up-button"><div class="inner-link"><h6>Web Design</h6><h6>Web Design</h6></div></a></div></div></a></div><div class="portfolio-item"><a class="portfolio-item-bg" data-cursor="cat__portfolio" href="https://www.bikebear.com.my/blog/portfolio-item/11-tanjung/" ><img width="890" height="665" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20890%20665'%3E%3C/svg%3E" class="attachment-full size-full wp-post-image" alt="" decoding="async" data-lazy-srcset="https://www.bikebear.com.my/wp-content/uploads/2025/02/tanjung-cover-img.jpg 890w, https://www.bikebear.com.my/wp-content/uploads/2025/02/tanjung-cover-img-300x224.jpg 300w, https://www.bikebear.com.my/wp-content/uploads/2025/02/tanjung-cover-img-768x574.jpg 768w, https://www.bikebear.com.my/wp-content/uploads/2025/02/tanjung-cover-img-195x146.jpg 195w, https://www.bikebear.com.my/wp-content/uploads/2025/02/tanjung-cover-img-50x37.jpg 50w, https://www.bikebear.com.my/wp-content/uploads/2025/02/tanjung-cover-img-100x75.jpg 100w" data-lazy-sizes="(max-width: 890px) 100vw, 890px" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2025/02/tanjung-cover-img.jpg" /><noscript><img width="890" height="665" src="https://www.bikebear.com.my/wp-content/uploads/2025/02/tanjung-cover-img.jpg" class="attachment-full size-full wp-post-image" alt="" decoding="async" srcset="https://www.bikebear.com.my/wp-content/uploads/2025/02/tanjung-cover-img.jpg 890w, https://www.bikebear.com.my/wp-content/uploads/2025/02/tanjung-cover-img-300x224.jpg 300w, https://www.bikebear.com.my/wp-content/uploads/2025/02/tanjung-cover-img-768x574.jpg 768w, https://www.bikebear.com.my/wp-content/uploads/2025/02/tanjung-cover-img-195x146.jpg 195w, https://www.bikebear.com.my/wp-content/uploads/2025/02/tanjung-cover-img-50x37.jpg 50w, https://www.bikebear.com.my/wp-content/uploads/2025/02/tanjung-cover-img-100x75.jpg 100w" sizes="(max-width: 890px) 100vw, 890px" /></noscript><div class="mask"></div></a><a class="portfolio-details" href="https://www.bikebear.com.my/blog/portfolio-item/11-tanjung/" ><div class="details"><h3 class="title">11 Tanjung</h3><div class="category-wrap"><a href="https://www.bikebear.com.my/blog/landing-page/" class="roll-up-button"><div class="inner-link"><h6>Landing Page</h6><h6>Landing Page</h6></div></a><a href="https://www.bikebear.com.my/blog/property/" class="roll-up-button"><div class="inner-link"><h6>Property</h6><h6>Property</h6></div></a><a href="https://www.bikebear.com.my/blog/web-design/" class="roll-up-button"><div class="inner-link"><h6>Web Design</h6><h6>Web Design</h6></div></a></div></div></a></div></div> </div></div></div><div class="wrap mcb-wrap mcb-wrap-0vg7me7w1 one valign-top clearfix" style="padding:0 0 200px" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-c660zl6va one column_column"><div class="column_attr clearfix align_center" style=""><a href="/projects/" class="button-solid">VIEW MORE</a></div></div></div></div></div></div><div class="section mcb-section mcb-section-oxu7w2uqf full-width" style="" ><div class="section_wrapper mcb-section-inner"><div class="wrap mcb-wrap mcb-wrap-mojn0hvuf one valign-top clearfix" style="" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-jvca5o1sn one column_column"><div class="column_attr clearfix" style=""><script>window.addEventListener('DOMContentLoaded', function() { gsap.registerPlugin(ScrollTrigger); jQuery(function($){ const topSection = gsap.timeline({ scrollTrigger: { trigger: "#bb-top-section", pin: true, pinSpacing: false, start: "top top", end: "+=600%" , scrub: 0.6, ease: "none", } }); var panelWrapSlide; if ($(window).width() > 767) { panelWrapSlide = -56.7; } else { panelWrapSlide = -67.87; } var maskEnlarge = (Math.max($(window).width(), $(window).height()) - 150) / Math.max($(window).width(), $(window).height()) * 25; topSection.to(".panel-wrap", { ease: "none", xPercent: panelWrapSlide, }, "0%").to(".bear-character-col", { ease: "none", xPercent: -155, }, "<25%").to("#cross > path", { scale: maskEnlarge, rotate: 135, duration: 1 }, "<75%").to(".banner-inner-1, .text-carousel-wrap", { opacity: 0, duration: 0 }).to("#cross > path", { duration: 1 }).to("#cross > path", { scale: 0, rotate: 270, duration: 1 }) // RAWR Popup Text gsap.timeline({ scrollTrigger: { trigger: ".first-panel", start: "24% top", end: "24% top", scrub: 0.6, ease: "back", } }).from(".rawr-popup", { ease: "back", scale: 0, }); }); });</script></div></div></div></div></div></div><div class="section mcb-section mcb-section-r43gbmgns bomb-section" style="" ><div class="section_wrapper mcb-section-inner"><div class="wrap mcb-wrap mcb-wrap-t0zc0yq82 one valign-top clearfix" style="" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-bx1l14qza one column_column"><div class="column_attr clearfix" style=""><script>window.addEventListener('DOMContentLoaded', function() { jQuery(function ($) { var bearBomb = bodymovin.loadAnimation({ container: document.getElementById('bear-bomb'), renderer: 'svg', loop: true, autoplay: true, path: '/wp-content/uploads/2023/01/BB-Bomb-animation_R2.json' }) $( document ).ready(function() { $(".surprise-bear-wrapper").appendTo('body'); }); $("#bear-bomb").click(function(e) { // clearTimeout(this.downTimer); $(this).closest(".section").addClass("pressed"); // $("#bear-bomb").trigger( "mouseup" ); $('.surprise-bear-wrapper').addClass("pressed"); setTimeout(function() { // $(this).closest(".section").removeClass("pressed"); $("#bear-bomb").closest(".section").removeClass("pressed"); $('.surprise-bear-wrapper').removeClass("pressed"); }, 1500); }); // $("#bear-bomb").bind('touchstart', function(event){ // event.preventDefault(); // clearTimeout(this.downTimer); // $(this).closest(".section").addClass("pressed"); // this.downTimer = setTimeout(function() { // $("#bear-bomb").trigger( "touchend" ); // $('.surprise-bear-wrapper').addClass("pressed"); // }, 1500); // }).bind('touchend', function(event){ // clearTimeout(this.downTimer); // $(this).closest(".section").removeClass("pressed"); // setTimeout(function() { // $('.surprise-bear-wrapper').removeClass("pressed"); // }, 1500); // }); }); });</script></div></div></div></div><div class="wrap mcb-wrap mcb-wrap-2w8z5yczb one surprise-bear-wrapper valign-top clearfix" style="" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-ydzjs3rhj one-third column_image surprise-bear surprise-bear-1"><div class="image_frame image_item no_link scale-with-grid no_border hover-disable" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20580%20400'%3E%3C/svg%3E" alt="bear-surprise-1" title="" width="580" height="400" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/bear-surprise-1.png"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/bear-surprise-1.png" alt="bear-surprise-1" title="" width="580" height="400"/></noscript></div></div> </div><div class="column mcb-column mcb-item-yaztemknt one-third column_image surprise-bear surprise-bear-2"><div class="image_frame image_item no_link scale-with-grid no_border hover-disable" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20200'%3E%3C/svg%3E" alt="bear-surprise-2" title="" width="400" height="200" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/bear-surprise-2.png"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/bear-surprise-2.png" alt="bear-surprise-2" title="" width="400" height="200"/></noscript></div></div> </div><div class="column mcb-column mcb-item-z2dmqw3mx one-third column_image surprise-bear surprise-bear-3"><div class="image_frame image_item no_link scale-with-grid no_border hover-disable" ><div class="image_wrapper"><img class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20460'%3E%3C/svg%3E" alt="bear-surprise-3" title="" width="400" height="460" data-lazy-src="https://www.bikebear.com.my/wp-content/uploads/2022/12/bear-surprise-3.png"/><noscript><img class="scale-with-grid" src="https://www.bikebear.com.my/wp-content/uploads/2022/12/bear-surprise-3.png" alt="bear-surprise-3" title="" width="400" height="460"/></noscript></div></div> </div></div></div></div></div><div class="section mcb-section mcb-section-6baa99brv equal-height-wrap full-width contact-section" style="padding-top:100px;padding-bottom:100px;padding-left:20px;padding-right:20px;background-color:#fed931" ><div class="section_wrapper mcb-section-inner"><div class="wrap mcb-wrap mcb-wrap-trwyny311 one-third valign-top clearfix" style="" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-2xznm2r85 one column_column"><div class="column_attr clearfix" style=""></div></div></div></div><div class="wrap mcb-wrap mcb-wrap-9z4xywgny two-third valign-top clearfix" style="" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-m0xhi9jcg one-fifth column_column"><div class="column_attr clearfix" style=""></div></div><div class="column mcb-column mcb-item-gpv2msw3c two-fifth column_column"><div class="column_attr clearfix" style=""><p class="main-title">MALAYSIA</p> <strong>BIKE BEAR SDN BHD (1069929-T)</strong><br/> <hr class="no_line" style="margin:0 auto 20px"/> <iframe src="about:blank" width="auto" height="250" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" data-rocket-lazyload="fitvidscompatible" data-lazy-src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3983.916301237358!2d101.5952023!3d3.1168430000000003!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31cc4ea191c3ac29%3A0xc4a2c4ac09493bdb!2sBike%20Bear!5e0!3m2!1sen!2smy!4v1740538372766!5m2!1sen!2smy"></iframe><noscript><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3983.916301237358!2d101.5952023!3d3.1168430000000003!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31cc4ea191c3ac29%3A0xc4a2c4ac09493bdb!2sBike%20Bear!5e0!3m2!1sen!2smy!4v1740538372766!5m2!1sen!2smy" width="auto" height="250" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></noscript> <hr class="no_line" style="margin:0 auto 10px"/> B-G-33, Prima Avenue, <br class="desktop"> Jalan PJU 1/39, Dataran Prima, <br class="desktop"> 47301 Petaling Jaya, <br class="desktop"> Selangor, Malaysia. <hr class="no_line" style="margin:0 auto 20px"/> <a href="tel:60126775637" targe="_blank"><strong>+6012 677 5637</strong></a><br/> <a href="tel:60376224756" targe="_blank"><strong>+603 7622 4756</strong></a> </div></div><div class="column mcb-column mcb-item-lhlqu0hx1 two-fifth column_column"><div class="column_attr clearfix" style=""><p class="main-title">SINGAPORE</p> <strong>BIKE BEAR PTE LTD (202225158Z)</strong><br/> <hr class="no_line" style="margin:0 auto 20px"/> <iframe src="about:blank" width="auto" height="250" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" data-rocket-lazyload="fitvidscompatible" data-lazy-src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3988.8195909663036!2d103.84821061110678!3d1.2820177617835484!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31da193b0f674839%3A0x77c168177ec2c419!2sBike%20Bear!5e0!3m2!1sen!2smy!4v1740538585212!5m2!1sen!2smy"></iframe><noscript><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3988.8195909663036!2d103.84821061110678!3d1.2820177617835484!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31da193b0f674839%3A0x77c168177ec2c419!2sBike%20Bear!5e0!3m2!1sen!2smy!4v1740538585212!5m2!1sen!2smy" width="auto" height="250" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></noscript> <hr class="no_line" style="margin:0 auto 10px"/> 14 Robinson Road, <br class="desktop"> #08-01A Far East Finance Building, <br class="desktop"> Singapore 048545 <hr class="no_line" style="margin:0 auto 20px"/> <a href="tel:6582881556" target="_blank"><strong>+65 82881556</strong></a> </div></div></div></div></div></div><div class="section the_content no_content"><div class="section_wrapper"><div class="the_content_wrapper "></div></div></div> <div class="section section-page-footer"> <div class="section_wrapper clearfix"> <div class="column one page-pager"> </div> </div> </div> </div> </div> </div> </div>  <footer id="Footer" class="clearfix "> <div class="footer_action"> <div class="container"> <div class="column one column_column">  <div class="footer-text-section"> <p class="main-title">Start a project with us</p> <p class="footer-text">HELLO</p> </div> <div class="fist-bump-section"> <img width="1000" height="409" class="bear-hand-img" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20409'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2022/10/footer-hand-bear.png"><noscript><img width="1000" height="409" class="bear-hand-img" src="/wp-content/uploads/2022/10/footer-hand-bear.png" alt=""></noscript> <a class="lets-go-btn footer-white-btn" href="/contact-us/"><span>LET’S GO!</span></a> <img width="1000" height="521" class="hooman-hand-img" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20521'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2022/10/footer-hand-hooman.png"><noscript><img width="1000" height="521" class="hooman-hand-img" src="/wp-content/uploads/2022/10/footer-hand-hooman.png" alt=""></noscript> </div>  </div> </div> </div> <div class="footer_copy"> <div class="container"> <div class="column one"> <div class="copyright"> <div class="text-slide-animate-row uppercase-text"> <div class="text-slide-row toright-animation"> <p class="h4-text">Email us at <a href="mailto:roar@bikebear.com.my" target="_blank"><span class="italicBold">roar@bikebear.com.my</span></a></p> <img width="34" height="37" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2034%2037'%3E%3C/svg%3E" alt="dot" data-lazy-src="/wp-content/uploads/2022/08/green-asterisk.svg"><noscript><img width="34" height="37" src="/wp-content/uploads/2022/08/green-asterisk.svg" alt="dot"></noscript> <p class="h4-text">Say hello at <a href="mailto:roar@bikebear.com.my" target="_blank"><span class="italicBold">roar@bikebear.com.my</span></a></p> <img width="34" height="37" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2034%2037'%3E%3C/svg%3E" alt="dot" data-lazy-src="/wp-content/uploads/2022/08/green-asterisk.svg"><noscript><img width="34" height="37" src="/wp-content/uploads/2022/08/green-asterisk.svg" alt="dot"></noscript> <p class="h4-text">Roar at <a href="mailto:roar@bikebear.com.my" target="_blank"><span class="italicBold">roar@bikebear.com.my</span></a></p> <img width="34" height="37" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2034%2037'%3E%3C/svg%3E" alt="dot" data-lazy-src="/wp-content/uploads/2022/08/green-asterisk.svg"><noscript><img width="34" height="37" src="/wp-content/uploads/2022/08/green-asterisk.svg" alt="dot"></noscript> <p class="h4-text">Email us at <a href="mailto:roar@bikebear.com.my" target="_blank"><span class="italicBold">roar@bikebear.com.my</span></a></p> <img width="34" height="37" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2034%2037'%3E%3C/svg%3E" alt="dot" data-lazy-src="/wp-content/uploads/2022/08/green-asterisk.svg"><noscript><img width="34" height="37" src="/wp-content/uploads/2022/08/green-asterisk.svg" alt="dot"></noscript> <p class="h4-text">Say hello at <a href="mailto:roar@bikebear.com.my" target="_blank"><span class="italicBold">roar@bikebear.com.my</span></a></p> <img width="34" height="37" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2034%2037'%3E%3C/svg%3E" alt="dot" data-lazy-src="/wp-content/uploads/2022/08/green-asterisk.svg"><noscript><img width="34" height="37" src="/wp-content/uploads/2022/08/green-asterisk.svg" alt="dot"></noscript> <p class="h4-text">Roar at <a href="mailto:roar@bikebear.com.my" target="_blank"><span class="italicBold">roar@bikebear.com.my</span></a></p> <img width="34" height="37" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2034%2037'%3E%3C/svg%3E" alt="dot" data-lazy-src="/wp-content/uploads/2022/08/green-asterisk.svg"><noscript><img width="34" height="37" src="/wp-content/uploads/2022/08/green-asterisk.svg" alt="dot"></noscript> </div> <div class="text-slide-row text-slide-row2 toright-animation"> <p class="h4-text">Email us at <a href="mailto:roar@bikebear.com.my" target="_blank"><span class="italicBold">roar@bikebear.com.my</span></a></p> <img width="34" height="37" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2034%2037'%3E%3C/svg%3E" alt="dot" data-lazy-src="/wp-content/uploads/2022/08/green-asterisk.svg"><noscript><img width="34" height="37" src="/wp-content/uploads/2022/08/green-asterisk.svg" alt="dot"></noscript> <p class="h4-text">Say hello at <a href="mailto:roar@bikebear.com.my" target="_blank"><span class="italicBold">roar@bikebear.com.my</span></a></p> <img width="34" height="37" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2034%2037'%3E%3C/svg%3E" alt="dot" data-lazy-src="/wp-content/uploads/2022/08/green-asterisk.svg"><noscript><img width="34" height="37" src="/wp-content/uploads/2022/08/green-asterisk.svg" alt="dot"></noscript> <p class="h4-text">Roar at <a href="mailto:roar@bikebear.com.my" target="_blank"><span class="italicBold">roar@bikebear.com.my</span></a></p> <img width="34" height="37" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2034%2037'%3E%3C/svg%3E" alt="dot" data-lazy-src="/wp-content/uploads/2022/08/green-asterisk.svg"><noscript><img width="34" height="37" src="/wp-content/uploads/2022/08/green-asterisk.svg" alt="dot"></noscript> <p class="h4-text">Email us at <a href="mailto:roar@bikebear.com.my" target="_blank"><span class="italicBold">roar@bikebear.com.my</span></a></p> <img width="34" height="37" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2034%2037'%3E%3C/svg%3E" alt="dot" data-lazy-src="/wp-content/uploads/2022/08/green-asterisk.svg"><noscript><img width="34" height="37" src="/wp-content/uploads/2022/08/green-asterisk.svg" alt="dot"></noscript> <p class="h4-text">Say hello at <a href="mailto:roar@bikebear.com.my" target="_blank"><span class="italicBold">roar@bikebear.com.my</span></a></p> <img width="34" height="37" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2034%2037'%3E%3C/svg%3E" alt="dot" data-lazy-src="/wp-content/uploads/2022/08/green-asterisk.svg"><noscript><img width="34" height="37" src="/wp-content/uploads/2022/08/green-asterisk.svg" alt="dot"></noscript> <p class="h4-text">Roar at <a href="mailto:roar@bikebear.com.my" target="_blank"><span class="italicBold">roar@bikebear.com.my</span></a></p> <img width="34" height="37" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2034%2037'%3E%3C/svg%3E" alt="dot" data-lazy-src="/wp-content/uploads/2022/08/green-asterisk.svg"><noscript><img width="34" height="37" src="/wp-content/uploads/2022/08/green-asterisk.svg" alt="dot"></noscript> </div> </div> <div class="footer-last-section"> <div class="footer_last_inner footer_last_start">© 2025 BIKE BEAR SDN BHD (1069929-T). ALL RIGHTS RESERVED</div>  </div> </div> <ul class="social"></ul> </div> </div> </div> </footer> </div> <div id="Side_slide" class="right dark" data-width="250"><div class="close-wrapper"><a href="#" class="close"><i class="icon-cancel-fine"></i></a></div><div class="extras"><div class="extras-wrapper"></div></div><div class="lang-wrapper"></div><div class="menu_wrapper"></div><ul class="social"></ul></div><div id="body_overlay"></div> <script data-minify="1" src="https://www.bikebear.com.my/wp-content/cache/min/1/ajax/libs/bodymovin/5.6.6/lottie.min.js?ver=1743040342" defer></script> <script data-minify="1" src="https://www.bikebear.com.my/wp-content/cache/min/1/gh/studio-freight/lenis@1.0.23/bundled/lenis.min.js?ver=1743040342" defer></script> <script type="text/javascript" id="rocket-browser-checker-js-after"> /* <![CDATA[ */ "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-extra"> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"\/sitemap_index.xml\/|\/post-sitemap.xml\/|\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index\\.php\/)?wp\\-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/www.bikebear.com.my","onHoverDelay":"100","rateThrottle":"3"}; /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-after"> /* <![CDATA[ */ (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); /* ]]> */ </script> <script type="text/javascript" src="https://www.bikebear.com.my/wp-includes/js/jquery/ui/core.min.js" id="jquery-ui-core-js" defer></script> <script type="text/javascript" src="https://www.bikebear.com.my/wp-includes/js/jquery/ui/tabs.min.js" id="jquery-ui-tabs-js" defer></script> <script type="text/javascript" id="mfn-plugins-js-extra"> /* <![CDATA[ */ var mfn = {"mobileInit":"1240","parallax":"translate3d","responsive":"1","sidebarSticky":"","lightbox":{"disable":false,"disableMobile":false,"title":false},"slider":{"blog":0,"clients":0,"offer":0,"portfolio":0,"shop":0,"slider":0,"testimonials":0}}; /* ]]> */ </script> <script data-minify="1" type="text/javascript" src="https://www.bikebear.com.my/wp-content/cache/min/1/wp-content/themes/betheme/js/plugins.js?ver=1743040342" id="mfn-plugins-js" defer></script> <script data-minify="1" type="text/javascript" src="https://www.bikebear.com.my/wp-content/cache/min/1/wp-content/themes/betheme/js/menu.js?ver=1743040342" id="mfn-menu-js" defer></script> <script data-minify="1" type="text/javascript" src="https://www.bikebear.com.my/wp-content/cache/min/1/wp-content/themes/betheme/js/parallax/translate3d.js?ver=1743040342" id="mfn-parallax-js" defer></script> <script data-minify="1" type="text/javascript" src="https://www.bikebear.com.my/wp-content/cache/min/1/wp-content/themes/betheme/js/scripts.js?ver=1743040342" id="mfn-scripts-js" defer></script> <script type="text/javascript" id="mfn-scripts-js-after">window.addEventListener('DOMContentLoaded', function() { /* <![CDATA[ */ // ---------------------- Smooth Scroll (JS) ---------------------- // const lenis = new Lenis({ duration: 1.2, easing: (t) => Math.min(1, 1.001 - Math.pow(2.25, -10 * t)) }); function raf(time) { lenis.raf(time); requestAnimationFrame(raf); } requestAnimationFrame(raf); /*=============================== * Menu * ==============================*/ jQuery(function($) { $(".overlay-menu-toggle i").remove(); $(".overlay-menu-toggle").append('<div class="sfm-navicon-button"><div class="sfm-navicon"></div></div><div class="menu-hand"><img src="/wp-content/uploads/2022/10/Mask-Group-34014.png"></div>'); var extra = $(".menu-extra"); $("#overlay-menu").wrap('<div class="sfm-scroll-wrapper"><div class="sfm-scroll"></div></div>'); $("#Overlay .sfm-scroll").append(extra); $(".small-menu").each(function() { $(this).find('a').contents().wrap('<p class="scoll-text"></p>'); }); $(".small-menu a").addClass('roll-up-button'); $("#overlay-menu ul li:not(.small-menu) a").contents().wrap('<div></div>'); $("#overlay-menu ul li:not(.small-menu)").wrapAll('<div class="main-menu"></div>'); $(".small-menu").wrapAll('<div class="menu-container left bottom"></div>'); // click menu button $(".overlay-menu-toggle").click(function() { setTimeout(function() { $("#Overlay").toggleClass('active'); }, 500); }); }); /*============================= * Transition background change black * ==============================*/ jQuery(function($){ var $window = $(window), win_height_fist = $window.height() * 0.2 $window.on('scroll', maskinleftload); $window.on('load', maskinleftload); function maskinleftload() { var scrolled = $window.scrollTop(); $(".change-dark:not(.animated)").each(function () { var $this = $(this), offsetTop = $this.offset().top; if (scrolled + win_height_fist > offsetTop) { if ($this.data('timeout')) { window.setTimeout( function () { $this.addClass('active ' + $this.data('animation')); $('body').addClass('black-active'); }, parseInt($this.data('timeout'), 10)); } else { $this.addClass('active ' + $this.data('animation')); $('body').addClass('black-active'); } } else{ if ($this.data('timeout')) { window.setTimeout( function () { $this.removeClass('active ' + $this.data('animation')); $('body').removeClass('black-active'); }, parseInt($this.data('timeout'), 10)); } else { $this.removeClass('active ' + $this.data('animation')); $('body').removeClass('black-active'); } } }); } }); jQuery(function($) { /*=== transition on portfolio item ===*/ batch(".portfolio-item", { interval: 0.1, batchMax: 3, onEnter: batch => gsap.to(batch, {autoAlpha: 1, overwrite: true}), }); // the magical helper function (no longer necessary in GSAP 3.3.1 because it was added as ScrollTrigger.batch())... function batch(targets, vars) { let varsCopy = {}, interval = vars.interval || 0.1, proxyCallback = (type, callback) => { let batch = [], delay = gsap.delayedCall(interval, () => {callback(batch); batch.length = 0;}).pause(); return self => { batch.length || delay.restart(true); batch.push(self.trigger); vars.batchMax && vars.batchMax <= batch.length && delay.progress(1); }; }, p; for (p in vars) { varsCopy[p] = (~p.indexOf("Enter") || ~p.indexOf("Leave")) ? proxyCallback(p, vars[p]) : vars[p]; } gsap.utils.toArray(targets).forEach(target => { let config = {}; for (p in varsCopy) { config[p] = varsCopy[p]; } config.trigger = target; ScrollTrigger.create(config); }); } /*== Hover add class ==*/ $(document).ready(function () { $(".service-item-wrap").hover( function () { $(this).addClass("active"); }, function () { $(this).removeClass("active"); } ); }); /*== Cursor==*/ $(document).ready(function() { if($('body').hasClass('career-page')){ if ($(window).width() > 767) { /*round cursor with text*/ const $smallBall = document.querySelector('.custom-cursor'); const $readMoreCursor = document.querySelector('.custom-read-cursor'); // <div class="custom-read-cursor" id="read-more-cursor"><a href="#contact-section">VIEW MORE</a></div> const $hoverables = document.querySelectorAll("[data-cursor]"); const $hoverables2 = document.querySelectorAll("#career-section"); $smallBall.style.opacity = "0"; $readMoreCursor.style.opacity = "0"; document.body.addEventListener('mousemove', onMouseMove); document.body.addEventListener('mousemove', onMouseMove2); for (let i = 0; i < $hoverables.length; i++) { $hoverables[i].addEventListener('mouseenter', onMouseHover); $hoverables[i].addEventListener('mouseleave', onMouseHoverOut); } for (let i = 0; i < $hoverables2.length; i++) { $hoverables2[i].addEventListener('mouseenter', onMouseHover2); $hoverables2[i].addEventListener('mouseleave', onMouseHoverOut2); } function onMouseMove(e) { TweenMax.to($smallBall, .1, { x: e.pageX - 5, y: e.pageY - pageYOffset - 5 }) } function onMouseMove2(e) { TweenMax.to($readMoreCursor, .1, { x: e.pageX - 5, y: e.pageY - pageYOffset - 5 }) } function onMouseHover() { $smallBall.style.opacity = "1"; $smallBall.style.cursor = "none"; TweenMax.to($smallBall, .3, { scale: 1 }) } function onMouseHoverOut() { $smallBall.style.opacity = "0"; $smallBall.style.cursor = "unset"; TweenMax.to($smallBall, .3, { scale: 0 }) } function onMouseHover2() { $readMoreCursor.style.opacity = "1"; $readMoreCursor.style.cursor = "none"; TweenMax.to($readMoreCursor, .3, { scale: 1 }) } function onMouseHoverOut2() { $readMoreCursor.style.opacity = "0"; $readMoreCursor.style.cursor = "unset"; TweenMax.to($readMoreCursor, .3, { scale: 0 }) } } } }); }); jQuery(function($) { gsap.registerPlugin(ScrollTrigger); $(document).ready(function() { $('.menu-main a').prepend('<img src="/wp-content/uploads/2022/10/white-arrow-right.svg" />'); $('.image-animate-row .toleft-row').addClass('toleft-animation'); $('.image-animate-row .toright-row').addClass('toright-animation'); /** ---------------------------- // * Use "trigger-element" class on an element, * When entering viewport , * Element will add "in-view" class /** --------------------------- */ var $animationElements = $('.trigger-in-view'); var $animationElementsOnce = $('.trigger-in-view-once'); var $window = $(window); // ps: Let's FIRST disable triggering on small devices! var isMobile = window.matchMedia("only screen and (min-width: 767px)"); // if (isMobile.matches) { // $animationElements.removeClass('trigger-element'); // } function checkIfInView() { var windowHeight = $window.height(); var windowTopPosition = $window.scrollTop(); var windowBottomPosition = (windowTopPosition + windowHeight); $.each($animationElements, function() { var $element = $(this); var elementHeight = $element.outerHeight(); var elementTopPosition = $element.offset().top; var elementBottomPosition = (elementTopPosition + elementHeight); //check to see if this current container is within viewport if ((elementBottomPosition >= windowTopPosition) && (elementTopPosition <= windowBottomPosition)) { $element.addClass('in-view'); } else { $element.removeClass('in-view'); } }); $.each($animationElementsOnce, function() { var $element = $(this); var elementHeight = $element.outerHeight(); var elementTopPosition = $element.offset().top; var elementBottomPosition = (elementTopPosition + elementHeight); //check to see if this current container is within viewport if ((elementBottomPosition >= windowTopPosition) && (elementTopPosition <= windowBottomPosition)) { $element.addClass('in-view'); } }); } $window.on('scroll resize', checkIfInView); $window.trigger('scroll'); }); /*============= * Menu *=============*/ $(".sfm-rollback").append('<a href="#" class="menu-contact-btn"><img src="/wp-content/uploads/2022/10/Mask-Group-34014.png"></a>'); $('.roll-up-button').each(function() { let theLink = $(this).find('h6,p.scoll-text').html(); $(this).find('h6,p.scoll-text').remove(); $(this).append('<div class="inner-link"><p class="scoll-text">' + theLink + '</p><p class="scoll-text">' + theLink + '</p></div>'); }); $('.roll-up-button-img').each(function() { let theLink = $(this).find('img').html(); let theSrc = $(this).find('img').attr('src'); $(this).find('img').remove(); $(this).append('<div class="inner-link"><img src="' + theSrc + '">' + theLink + '</img><img src="' + theSrc + '">' + theLink + '</img></div>'); }); /*============= * Button *=============*/ $('.button-interactive , .dont-click-btn').each(function() { var mouseX, mouseY; $(document).mousemove(function(event) { mouseX = event.pageX; mouseY = event.pageY; //mouseX = event.clientX; //mouseY = event.clientY; }); var buttonX, buttonY; $(this).mouseenter(function() { $(this).attr("data-position-x", $(this).offset().left + $(this).width() / 2); $(this).attr("data-position-y", $(this).offset().top + $(this).height() / 2); buttonX = $(this).attr("data-position-x"); buttonY = $(this).attr("data-position-y"); }) $(this).mousemove(function() { $(this).addClass('hovering'); var movePositionX = mouseX - buttonX - 10; var movePositionY = mouseY - buttonY - 10; var moveValue = 8; if (movePositionX <= -moveValue) { movePositionX = -moveValue; } else if (movePositionX >= moveValue) { movePositionX = moveValue; } if (movePositionY <= -moveValue) { movePositionY = -moveValue; } else if (movePositionY >= moveValue) { movePositionY = moveValue; } $(this).css('transform', 'translate(' + movePositionX + 'px,' + movePositionY + 'px)'); $(this).css('filter', 'drop-shadow(' + -movePositionX + 'px ' + -movePositionY + 'px 0 #3add8a)'); }); $(this).mouseout(function() { $(this).removeClass('hovering'); $(this).css('transform', 'translate(0px,0px)'); $(this).css('filter', 'drop-shadow(0 0 0 #3add8a)'); }) }); // BEAR CHARACTER LottieScrollTrigger({ target: "#bear-character", path: "/wp-content/uploads/2022/08/banner-bear.json", speed: "fast", scrub: .6 // seconds it takes for the playhead to "catch up" }); function LottieScrollTrigger(vars) { let playhead = { frame: 0 }, target = gsap.utils.toArray(vars.target)[0], speeds = { slow: "+=2000", medium: "+=800", fast: "+=250" }, st = { //a dummy value to prevent bear from jumping (not sure why, will fix later) trigger: ".dummy-dummy", // trigger: target, pin: true, start: "top top", end: speeds[vars.speed] || "top", scrub: .6, }, animation = lottie.loadAnimation({ container: target, renderer: vars.renderer || "svg", loop: false, autoplay: false, path: vars.path }); for (let p in vars) { // let users override the ScrollTrigger defaults st[p] = vars[p]; } animation.addEventListener("DOMLoaded", function() { gsap.to(playhead, { frame: animation.totalFrames - 1, ease: "none", onUpdate: () => animation.goToAndStop(playhead.frame, true), scrollTrigger: st }); // in case there are any other ScrollTriggers on the page and the loading of this Lottie asset caused layout changes // ScrollTrigger.sort(); ScrollTrigger.refresh(); }); return animation; } $(document).ready(function() { if($('body').hasClass('home')){ gsap.from(".bear-character-col", { scale: 0.4, ease: "back" }); } }); /*============= * Footer *=============*/ function addActive() { $('#Footer').addClass('is-active'); $('body').addClass('is-active'); } function removeActive() { $('#Footer').removeClass('is-active'); $('body').removeClass('is-active'); } gsap.set(".lets-go-btn", { opacity: 0 }); // gsap.set(".bear-hand-img", {xPercent: -30}); // gsap.set(".hooman-hand-img", {xPercent: 30, yPercent: -30}); gsap.timeline({ scrollTrigger: { trigger: "#Footer", start: "55% bottom", end: "bottom", scrub: 0.6, ease: "none", onEnter: addActive, onLeaveBack: removeActive, markers:false, } }); }); /*portfolio*/ jQuery(function($) { $(document).ready(function() { ScrollTrigger.refresh(); }); }); // Text Reveal jQuery(function($) { // wrap line $(".line").wrap('<div class="line-holder"></div>'); $(".line-2").wrap('<div class="line-holder"></div>'); // get all class let revealText = document.querySelectorAll(".reveal-text"); let revealText2 = document.querySelectorAll(".reveal-text-2"); // animate each class revealText.forEach((element) => { const lines = element.querySelectorAll(".line"); gsap.timeline({ scrollTrigger: { trigger: element, start: "top bottom", toggleActions: "restart none none reset" } }) .from(lines, .5, { yPercent: 100, ease: Power4.out, stagger: 0.5, }); }); revealText2.forEach((element) => { const lines2 = element.querySelectorAll(".line-2"); gsap.timeline({ scrollTrigger: { trigger: element, start: "top 40%", toggleActions: "restart none none reset" } }) .from(lines2, .5, { yPercent: 100, ease: Power4.out, stagger: 0.5, }); }); // blog-details categories $(".single .cat-wrapper ul li").each(function() { var catName = $(this).find('a').html(); str = catName.replace(/\s+/g, '-').toLowerCase(); $(".blog-category-col .category-tags").append('<a href="https://www.bikebear.com.my/' + str + '" class="roll-up-button"><div class="inner-link"></div><div class="inner-link"><p class="scoll-text">' + catName + '</p><p class="scoll-text">' + catName + '</p></div></a>'); }); // blog-listing categories $(".insights-section .post-desc").append('<div class="category-tags"></div>'); $(".insights-section .post-item").each(function() { // var catWrapper = $(this).find('.cat-wrapper ul').html(); // $(this).find(".category-tags").append(catWrapper); $(this).find('.cat-wrapper ul li').each(function() { var catName = $(this).find('a').html(); str = catName.replace(/\s+/g, '-').toLowerCase(); $(this).parent().parent().parent().parent().parent().parent().find(".category-tags").append('<a href="https://www.bikebear.com.my/' + str + '" class="roll-up-button"><div class="inner-link"></div><div class="inner-link"><p class="scoll-text">' + catName + '</p><p class="scoll-text">' + catName + '</p></div></a>'); }); }); $(document).ready(function() { getDate(); }); $(".pager_lm .pager_load_more").click(function() { setTimeout(function() { getDate(); }, 3000); }); function getDate() { $(".insights-section .post-item").each(function() { if ($(this).find('.category-tags').length > 0) { // console.log('already have'); } else { // console.log('dont have, please append'); $(this).find(".post-desc").append('<div class="category-tags"></div>'); $(this).find('.cat-wrapper ul li').each(function() { var catName = $(this).find('a').html(); str = catName.replace(/\s+/g, '-').toLowerCase(); $(this).parent().parent().parent().parent().parent().parent().find(".category-tags").append('<a href="https://www.bikebear.com.my/' + str + '" class="roll-up-button"><div class="inner-link"></div><div class="inner-link"><p class="scoll-text">' + catName + '</p><p class="scoll-text">' + catName + '</p></div></a>'); }); } }); $(".insights-section .post-item").each(function() { // var catWrapper = $(this).find('.cat-wrapper ul').html(); // $(this).find(".category-tags").append(catWrapper); $(this).find('.cat-wrapper ul li').each(function() { var catName = $(this).find('a').html(); str = catName.replace(/\s+/g, '-').toLowerCase(); $(this).parent().parent().parent().parent().parent().parent().find(".category-tags").append('<a href="https://www.bikebear.com.my/' + str + '" class="roll-up-button"><div class="inner-link"></div><div class="inner-link"><p class="scoll-text">' + catName + '</p><p class="scoll-text">' + catName + '</p></div></a>'); }); }); } }); jQuery(function($){ var $window = $(window), win_height_padded = $window.height() * 0.7 $window.on('scroll', setInterval(maskinleftload, 100)); function maskinleftload() { var scrolled = $window.scrollTop(); $(".element-fade-up:not(.animated)").each(function () { var $this = $(this), offsetTop = $this.offset().top; if (scrolled + win_height_padded > offsetTop) { if ($this.data('timeout')) { window.setTimeout( function () { $this.addClass('triggered ' + $this.data('animation')); }, parseInt($this.data('timeout'), 10)); } else { $this.addClass('triggered ' + $this.data('animation')); } } }); } }); jQuery(function($){ $('.single-portfolio .post-related').each(function(){ var relatedImgLink = $(this).find('img').attr('src'); var newLink = relatedImgLink.replace('-890x450', ''); $(this).find('img').attr('src', newLink); }) }) // Portfolio Page jQuery(function($){ $(document).ready(function(){ // Related Portfolio Section $('.single-portfolio .section-related-adjustment .related-top-wrapper').prepend('<p class="main-title text-white">More Projects</p>'); $('.single-portfolio .section-related-adjustment .related-title').text('Stuff We Like'); }) }); //Blog Progress Bar jQuery(function ($) { $(document).ready(function () { $('body.post-template-default').prepend('<div class="progress-container"><div class="progress-bar" id="progressBar"></div></div>'); function progressBarScroll() { let winScroll = document.body.scrollTop || document.documentElement.scrollTop, height = document.documentElement.scrollHeight - document.documentElement.clientHeight, scrolled = (winScroll / height) * 100; // document.getElementById('progressBar').style.width = scrolled + "%"; $('#progressBar').css('width', scrolled + "%" ); } window.onscroll = function () { progressBarScroll(); }; }) }); /*============= * Author *=============*/ jQuery(function($){ let authorName = $('.author-detail .main-title span').text().toLowerCase(); let authorNameUpper = $('.author-detail .main-title span').text().toUpperCase(); $('.author-col .column_attr').prepend('<div class="author-bottom-detail"><div class="left"><img class="author-img"/></div><div class="right"><span class="author-name"></span><span class="author-title"></span></div><a href="" class="button-solid author-share-link" target="_blank" rel="nofollow">FOLLOW</a></div>'); /* ======================================================= * Find Author name and append the neccessary information * =======================================================*/ switch(authorName) { case "shane": $('.author-img').attr('src', '/wp-content/uploads/2023/02/SHANE-PROFILE-img.png'); $('.author-bottom-detail .author-name').text(authorNameUpper); $('.author-bottom-detail .author-title').text('Content Writer'); $('.author-share-link').attr('href', 'https://www.linkedin.com/in/shane-boo-987342224/') break; case 'y': // code block break; default: // code block break; } }) /* ]]> */ });</script> <script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://www.bikebear.com.my/wp-content/plugins/wp-rocket/assets/js/lazyload/17.5/lazyload.min.js"></script> </body> </html>