CINXE.COM
Home - BlackBuck
<!DOCTYPE html> <!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Thu Jul 04 2024 09:41:06 GMT+0000 (Coordinated Universal Time) --> <html data-wf-page="65b9f4d9b0862750cb837733" data-wf-site="65b9f4d9b0862750cb837732" > <head> <meta charset="utf-8" /> <title>Home - BlackBuck</title> <meta content="India's Largest Trucking Platform" name="description" /> <meta content="Home - BlackBuck" property="og:title" /> <meta content="India's Largest Trucking Platform" property="og:description" /> <meta content="https://uploads-ssl.webflow.com/64b65f74cbb311f07e19141f/65097fa82e3e5e4ef8603f2c_home.webp" property="og:image" /> <meta content="Home - BlackBuck" property="twitter:title" /> <meta content="India's Largest Trucking Platform" property="twitter:description" /> <meta content="https://uploads-ssl.webflow.com/64b65f74cbb311f07e19141f/65097fa82e3e5e4ef8603f2c_home.webp" property="twitter:image" /> <meta property="og:type" content="website" /> <meta content="summary_large_image" name="twitter:card" /> <meta content="width=device-width, initial-scale=1" name="viewport" /> <meta content="Webflow" name="generator" /> <link href="https://s3.ap-south-1.amazonaws.com/blackbuck.com/css/normalize.css" rel="stylesheet" type="text/css" /> <link href="https://s3.ap-south-1.amazonaws.com/blackbuck.com/css/webflow.css" rel="stylesheet" type="text/css" /> <link href="https://s3.ap-south-1.amazonaws.com/blackbuck.com/css/blackbuck-562d0d79edb0ab50ea4dffa78132e.webflow.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> !(function (o, c) { var n = c.documentElement, t = " w-mod-"; (n.className += t + "js"), ("ontouchstart" in o || (o.DocumentTouch && c instanceof DocumentTouch)) && (n.className += t + "touch"); })(window, document); </script> <link href="https://s3.ap-south-1.amazonaws.com/blackbuck.com/images/favicon.svg" rel="shortcut icon" type="image/x-icon" /> <link href="https://s3.ap-south-1.amazonaws.com/blackbuck.com/images/webclip.svg" rel="apple-touch-icon" /> <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-GB7CPCZJVN" ></script> <script type="text/javascript"> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag("js", new Date()); gtag("set", "developer_id.dZGVlNj", true); gtag("config", "G-GB7CPCZJVN"); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/gsap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/ScrollTrigger.min.js"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <style> ::-webkit-scrollbar:horizontal { display: none; } html.wf-loading * { opacity: 0; } .fastag-card-gradient { background: linear-gradient(171deg, #000 -9.86%, #2a157d 143.47%), radial-gradient( 210.23% 97.47% at 24.99% 43.36%, rgba(103, 77, 212, 0.4) 37.73%, rgba(40, 32, 93, 0.4) 64.83%, rgba(46, 32, 104, 0.4) 100% ); } </style> <script src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@v0.2.28/bundled/lenis.js"></script> <script> const lenis = new Lenis({ duration: 1.2, easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)), // https://www.desmos.com/calculator/brs54l4xou direction: "vertical", // vertical, horizontal gestureDirection: "vertical", // vertical, horizontal, both smooth: true, mouseMultiplier: 1, smoothTouch: false, touchMultiplier: 2, infinite: false, }); function raf(time) { lenis.raf(time); requestAnimationFrame(raf); } requestAnimationFrame(raf); </script> <style> .w-lightbox-frame, .w-lightbox-embed { width: 80vw; height: 80vh; } </style> </head> <body> <main class="page-wrapper"> <div id="navbar" data-w-id="8ff6902e-4c3a-54cf-0684-d7fa5354de8c" class="navbar no-bg" > <div data-w-id="8ff6902e-4c3a-54cf-0684-d7fa5354de8d" data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar-logo-center-container shadow-three w-nav" > <div class="container-large nav"> <div class="navbar-wrapper-three padding-15"> <a href="#" class="navbar-brand-three is-hide-show-tab w-nav-brand" > <div class="nav-image w-embed"> <svg width="100%" height="100%" viewbox="0 0 100 32" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8.18804 26.5712C9.25575 26.1949 9.96263 25.4718 9.96263 24.2839V24.2543C9.96263 23.5682 9.71226 23.059 9.35146 22.6974C8.76979 22.1146 7.90086 21.8047 6.52391 21.8047H0.949895H0.942504H0L0.566966 24.3282H0.942504V31.7878H6.46504C8.98332 31.7878 10.294 30.622 10.294 29.0208V28.9914C10.294 27.619 9.46928 26.9401 8.18804 26.5712ZM4.18262 24.3281H5.62583C6.33271 24.3281 6.6935 24.5716 6.6935 25.0143V25.0438C6.6935 25.4791 6.34741 25.7226 5.64054 25.7226H4.18262V24.3281ZM6.95122 28.5299C6.95122 28.9579 6.58304 29.2604 5.8541 29.2604H4.18262V27.7773H5.86881C6.59039 27.7773 6.95122 28.0725 6.95122 28.5078V28.5299Z" fill="#D71E48" ></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1241 21.8008H11.7959V31.7839H18.9604V28.9285H15.1241V21.8008Z" fill="#D71E48" ></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M24.7069 21.7305L20.5098 31.7874H24.0736L24.4197 30.8799H28.2413L28.5947 31.7874H32.2102L28.0131 21.7305H24.7069ZM27.2253 28.0247H25.4434L26.3343 25.6562L27.2253 28.0247Z" fill="#D71E48" ></path> <mask id="mask0_3597_4433" style="mask-type: alpha" maskunits="userSpaceOnUse" x="32" y="21" width="11" height="12" > <path fill-rule="evenodd" clip-rule="evenodd" d="M32.3213 21.5898H42.2029V32.001H32.3213V21.5898Z" fill="white" ></path> </mask> <g mask="url(#mask0_3597_4433)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M38.0694 29.0053C36.9796 29.0053 36.2065 28.0904 36.2065 26.7917V26.7696C36.2065 25.5669 36.9502 24.5856 38.0694 24.5856C38.9825 24.5856 39.5127 25.0799 39.8808 25.7956L42.6273 24.1871C41.7879 22.6598 40.3079 21.5898 38.121 21.5898C35.1388 21.5898 32.8193 23.8108 32.8193 26.7917V26.8213C32.8193 29.9202 35.2272 32.001 37.9884 32.001C40.4625 32.001 41.8616 30.7909 42.701 29.3078L39.9544 27.7509C39.5421 28.4888 39.0119 29.0053 38.0694 29.0053Z" fill="#D71E48" ></path> </g> <path fill-rule="evenodd" clip-rule="evenodd" d="M64.1757 26.5712C65.2435 26.1949 65.9577 25.4718 65.9577 24.2839V24.2543C65.9577 23.5682 65.7 23.059 65.3465 22.6974C64.7575 22.1146 63.8886 21.8047 62.5043 21.8047H56.9229V31.7878H62.4527C64.971 31.7878 66.2817 30.622 66.2817 29.0208V28.9914C66.2817 27.619 65.457 26.9401 64.1757 26.5712ZM60.1719 24.3281H61.6151C62.3293 24.3281 62.6828 24.5716 62.6828 25.0143V25.0438C62.6828 25.4791 62.3441 25.7226 61.6298 25.7226H60.1719V24.3281ZM62.9405 28.5299C62.9405 28.9579 62.5649 29.2604 61.8434 29.2604H60.1719V27.7773H61.8581C62.5797 27.7773 62.9405 28.0725 62.9405 28.5078V28.5299Z" fill="#D71E48" ></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M74.1545 27.3385C74.1545 28.5487 73.5138 29.0357 72.6155 29.0357C71.7246 29.0357 71.0766 28.5044 71.0766 27.2648V21.8047H67.6895V27.309C67.6895 30.622 69.6113 31.987 72.5861 31.987C75.5609 31.987 77.5416 30.6516 77.5416 27.2353V21.8047H74.1545V27.3385Z" fill="#D71E48" ></path> <mask id="mask1_3597_4433" style="mask-type: alpha" maskunits="userSpaceOnUse" x="77" y="21" width="11" height="12" > <path fill-rule="evenodd" clip-rule="evenodd" d="M77.7471 21.5898H87.6287V32.001H77.7471V21.5898Z" fill="white" ></path> </mask> <g mask="url(#mask1_3597_4433)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M84.2301 29.0053C83.1329 29.0053 82.3598 28.0904 82.3598 26.7917V26.7696C82.3598 25.5669 83.1035 24.5856 84.2301 24.5856C85.1358 24.5856 85.6659 25.0799 86.0341 25.7956L88.7806 24.1871C87.9412 22.6598 86.4612 21.5898 84.2669 21.5898C81.2921 21.5898 78.9727 23.8108 78.9727 26.7917V26.8213C78.9727 29.9202 81.3805 32.001 84.1417 32.001C86.6158 32.001 88.0148 30.7909 88.8543 29.3078L86.1077 27.7509C85.6954 28.4888 85.1652 29.0053 84.2301 29.0053Z" fill="#D71E48" ></path> </g> <path fill-rule="evenodd" clip-rule="evenodd" d="M99.9726 21.8008H96.0333L92.5651 26.3681V21.8008H89.2295V31.7839H92.5651V29.6589V27.2167L96.0333 31.7839H99.9726L96.1879 26.7888L99.9726 21.8008Z" fill="#D71E48" ></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M50.9053 21.8008L47.4371 26.3681V21.8008H44.1016V31.7839H47.4371V29.6589V27.2167L50.9053 31.7839H54.8521L51.0599 26.7888L54.8521 21.8008H50.9053Z" fill="#D71E48" ></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M84.233 0.563601C83.6293 0.670819 83.0104 0.793331 82.4678 0.931177C80.5193 0.333947 78.2269 0.0122948 75.583 0.234415C75.583 0.234415 79.3273 -0.470108 84.233 0.563601ZM98.9731 10.0271C97.3532 7.86783 95.588 6.16038 93.777 4.82031C92.776 5.02706 91.3241 5.37169 90.048 5.78516C90.8122 6.62745 91.1866 7.22464 91.1866 7.22464C71.3879 7.14809 56.9229 17.8144 56.9229 17.8144C75.2009 12.5463 92.0959 14.1773 92.0959 14.1773L90.2849 15.8924L94.4036 13.8711L88.13 11.436C93.6012 8.8173 98.9731 10.0271 98.9731 10.0271ZM86.8149 1.24609C85.982 1.39923 85.1033 1.60598 84.5684 1.74379C85.9591 2.38706 87.1282 3.16033 88.0758 3.92607C88.7864 3.67336 89.818 3.34414 91.01 3.04551C89.5887 2.27219 88.1751 1.69018 86.8149 1.24609Z" fill="#D71E48" ></path> </svg> </div> </a> <nav role="navigation" class="nav-menu-wrapper-three w-nav-menu"> <div class="nav-menu-three nav-menu"> <a href="index.html" aria-current="page" class="navbar-brand-three is-hide-mobile-show-desktop margin-right-5 w-nav-brand w--current" > <div class="nav-image w-embed"> <svg width="100%" height="100%" viewbox="0 0 100 32" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8.18804 26.5712C9.25575 26.1949 9.96263 25.4718 9.96263 24.2839V24.2543C9.96263 23.5682 9.71226 23.059 9.35146 22.6974C8.76979 22.1146 7.90086 21.8047 6.52391 21.8047H0.949895H0.942504H0L0.566966 24.3282H0.942504V31.7878H6.46504C8.98332 31.7878 10.294 30.622 10.294 29.0208V28.9914C10.294 27.619 9.46928 26.9401 8.18804 26.5712ZM4.18262 24.3281H5.62583C6.33271 24.3281 6.6935 24.5716 6.6935 25.0143V25.0438C6.6935 25.4791 6.34741 25.7226 5.64054 25.7226H4.18262V24.3281ZM6.95122 28.5299C6.95122 28.9579 6.58304 29.2604 5.8541 29.2604H4.18262V27.7773H5.86881C6.59039 27.7773 6.95122 28.0725 6.95122 28.5078V28.5299Z" fill="#D71E48" ></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1241 21.8008H11.7959V31.7839H18.9604V28.9285H15.1241V21.8008Z" fill="#D71E48" ></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M24.7069 21.7305L20.5098 31.7874H24.0736L24.4197 30.8799H28.2413L28.5947 31.7874H32.2102L28.0131 21.7305H24.7069ZM27.2253 28.0247H25.4434L26.3343 25.6562L27.2253 28.0247Z" fill="#D71E48" ></path> <mask id="mask0_3597_4433" style="mask-type: alpha" maskunits="userSpaceOnUse" x="32" y="21" width="11" height="12" > <path fill-rule="evenodd" clip-rule="evenodd" d="M32.3213 21.5898H42.2029V32.001H32.3213V21.5898Z" fill="white" ></path> </mask> <g mask="url(#mask0_3597_4433)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M38.0694 29.0053C36.9796 29.0053 36.2065 28.0904 36.2065 26.7917V26.7696C36.2065 25.5669 36.9502 24.5856 38.0694 24.5856C38.9825 24.5856 39.5127 25.0799 39.8808 25.7956L42.6273 24.1871C41.7879 22.6598 40.3079 21.5898 38.121 21.5898C35.1388 21.5898 32.8193 23.8108 32.8193 26.7917V26.8213C32.8193 29.9202 35.2272 32.001 37.9884 32.001C40.4625 32.001 41.8616 30.7909 42.701 29.3078L39.9544 27.7509C39.5421 28.4888 39.0119 29.0053 38.0694 29.0053Z" fill="#D71E48" ></path> </g> <path fill-rule="evenodd" clip-rule="evenodd" d="M64.1757 26.5712C65.2435 26.1949 65.9577 25.4718 65.9577 24.2839V24.2543C65.9577 23.5682 65.7 23.059 65.3465 22.6974C64.7575 22.1146 63.8886 21.8047 62.5043 21.8047H56.9229V31.7878H62.4527C64.971 31.7878 66.2817 30.622 66.2817 29.0208V28.9914C66.2817 27.619 65.457 26.9401 64.1757 26.5712ZM60.1719 24.3281H61.6151C62.3293 24.3281 62.6828 24.5716 62.6828 25.0143V25.0438C62.6828 25.4791 62.3441 25.7226 61.6298 25.7226H60.1719V24.3281ZM62.9405 28.5299C62.9405 28.9579 62.5649 29.2604 61.8434 29.2604H60.1719V27.7773H61.8581C62.5797 27.7773 62.9405 28.0725 62.9405 28.5078V28.5299Z" fill="#D71E48" ></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M74.1545 27.3385C74.1545 28.5487 73.5138 29.0357 72.6155 29.0357C71.7246 29.0357 71.0766 28.5044 71.0766 27.2648V21.8047H67.6895V27.309C67.6895 30.622 69.6113 31.987 72.5861 31.987C75.5609 31.987 77.5416 30.6516 77.5416 27.2353V21.8047H74.1545V27.3385Z" fill="#D71E48" ></path> <mask id="mask1_3597_4433" style="mask-type: alpha" maskunits="userSpaceOnUse" x="77" y="21" width="11" height="12" > <path fill-rule="evenodd" clip-rule="evenodd" d="M77.7471 21.5898H87.6287V32.001H77.7471V21.5898Z" fill="white" ></path> </mask> <g mask="url(#mask1_3597_4433)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M84.2301 29.0053C83.1329 29.0053 82.3598 28.0904 82.3598 26.7917V26.7696C82.3598 25.5669 83.1035 24.5856 84.2301 24.5856C85.1358 24.5856 85.6659 25.0799 86.0341 25.7956L88.7806 24.1871C87.9412 22.6598 86.4612 21.5898 84.2669 21.5898C81.2921 21.5898 78.9727 23.8108 78.9727 26.7917V26.8213C78.9727 29.9202 81.3805 32.001 84.1417 32.001C86.6158 32.001 88.0148 30.7909 88.8543 29.3078L86.1077 27.7509C85.6954 28.4888 85.1652 29.0053 84.2301 29.0053Z" fill="#D71E48" ></path> </g> <path fill-rule="evenodd" clip-rule="evenodd" d="M99.9726 21.8008H96.0333L92.5651 26.3681V21.8008H89.2295V31.7839H92.5651V29.6589V27.2167L96.0333 31.7839H99.9726L96.1879 26.7888L99.9726 21.8008Z" fill="#D71E48" ></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M50.9053 21.8008L47.4371 26.3681V21.8008H44.1016V31.7839H47.4371V29.6589V27.2167L50.9053 31.7839H54.8521L51.0599 26.7888L54.8521 21.8008H50.9053Z" fill="#D71E48" ></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M84.233 0.563601C83.6293 0.670819 83.0104 0.793331 82.4678 0.931177C80.5193 0.333947 78.2269 0.0122948 75.583 0.234415C75.583 0.234415 79.3273 -0.470108 84.233 0.563601ZM98.9731 10.0271C97.3532 7.86783 95.588 6.16038 93.777 4.82031C92.776 5.02706 91.3241 5.37169 90.048 5.78516C90.8122 6.62745 91.1866 7.22464 91.1866 7.22464C71.3879 7.14809 56.9229 17.8144 56.9229 17.8144C75.2009 12.5463 92.0959 14.1773 92.0959 14.1773L90.2849 15.8924L94.4036 13.8711L88.13 11.436C93.6012 8.8173 98.9731 10.0271 98.9731 10.0271ZM86.8149 1.24609C85.982 1.39923 85.1033 1.60598 84.5684 1.74379C85.9591 2.38706 87.1282 3.16033 88.0758 3.92607C88.7864 3.67336 89.818 3.34414 91.01 3.04551C89.5887 2.27219 88.1751 1.69018 86.8149 1.24609Z" fill="#D71E48" ></path> </svg> </div> </a> <ul role="list" class="nav-menu-block left-1 home w-list-unstyled" > <li class="list-nav-item"> <div class="light"></div> <a href="index.html" aria-current="page" class="nav-link w--current" style="color: white; font-weight: bold; opacity: 1" >Home</a > </li> <li class="list-nav-item"> <a href="company-products.html" class="nav-link" >Products</a > </li> <li class="list-nav-item item-mobile"> <a href="team-blackbuck.html" class="nav-link">Team</a> </li> <li class="list-nav-item company-dropdown"> <div data-delay="2" data-hover="false" class="nav-link-2 w-dropdown" > <div class="dropdown-toggle-4 w-dropdown-toggle"> <div class="icon-4 w-icon-dropdown-toggle"></div> <div class="text-block-58">Company</div> </div> <nav class="dropdown-list-3 w-dropdown-list"> <a href="about-us.html" class="dropdown-link-8 w-dropdown-link" >About us</a > <a href="team-blackbuck.html" class="dropdown-link-9 w-dropdown-link" >Team @BlackBuck</a > <a href="governance.html" class="dropdown-link-9 w-dropdown-link" >Governance</a > </nav> </div> </li> <li class="list-nav-item item-mobile"> <a href="about-us.html" class="nav-link">About us</a> </li> <li class="list-nav-item item-mobile"> <a href="governance.html" class="nav-link">Governance</a> </li> <li class="list-nav-item item-mobile"> <a href="investor-relations.html" class="nav-link" >Investor Relations</a > </li> <li class="list-nav-item item-mobile"> <a href="blog-and-news.html" class="nav-link" >Blogs &聽News</a > </li> <li class="list-nav-item item-mobile"> <a href="contact-us.html" class="nav-link">Contact Us</a> </li> </ul> <ul role="list" class="nav-menu-block left-1 home right mobile-nav-hide w-list-unstyled" > <li class="list-nav-item"> <a href="investor-relations.html" class="nav-link" >Investor Relations</a > </li> <li class="list-nav-item"> <a href="blog-and-news.html" class="nav-link" >Blogs & News</a > </li> <li class="list-nav-item"> <a href="contact-us.html" class="nav-link">Contact Us</a> </li> </ul> </div> </nav> <section data-lenis-prevent="1" data-lenis-toggle="" class="nav-menu-button w-nav-button" > <div data-is-ix2-target="1" class="lottie-animation" data-w-id="8ff6902e-4c3a-54cf-0684-d7fa5354deaf" data-animation-type="lottie" data-src="https://uploads-ssl.webflow.com/65a8bcb2c0b0229cae65172b/65a8bcb2c0b0229cae651747_Menu%20V2.lottie" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="2" data-duration="2" data-ix2-initial-state="0" ></div> </section> </div> </div> </div> <div class="home-line other-pages w-embed"> <svg width="100%" height="100%" viewbox="0 0 1360 13" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M0 0.5H572L604 12.5H680H756L788 0.5H1360" stroke="url(#paint0_linear_1939_4537)" ></path> <defs> <lineargradient id="paint0_linear_1939_4537" x1="-2.19693e-06" y1="6.99985" x2="1360" y2="6.99985" gradientunits="userSpaceOnUse" > <stop stop-color="white" stop-opacity="0"></stop> <stop offset="0.500549" stop-color="white" stop-opacity="0.499451" ></stop> <stop offset="1" stop-color="white" stop-opacity="0"></stop> </lineargradient> </defs> </svg> </div> </div> <div class="main-wrapper homepage"> <div class="background-video w-embed"> <video id="video" width="100%" style="object-fit: cover" autoplay="" muted="" loop="" src="https://bb-website-public-assets.s3.ap-south-1.amazonaws.com/Videos/Home+Video+Short.mp4" > <!-- <source src="https://bb-website-public-assets.s3.ap-south-1.amazonaws.com/Videos/Home+Video+Short.mp4" /> --> Your browser does not support the video tag. </video> </div> <div class="background-overlay mobile-home-overlay"></div> <div class="section homepage"> <div class="container-large"> <div class="flex-wrapper"> <div class="heading-wrapper"> <h1 class="h1-large text-style-allcaps text-color-crimson text-align-center text-family-druk line-height" > INDIA鈥檚 LARGEST </h1> <h1 class="text-outline text-style-allcaps letter-spacing text-align-center text-family-druk home-mobile" > DIGITAL聽trucking platform </h1> </div> <div class="spacer-xmedium"></div> <div class="button-wrapper is-home"> <div class="cta hide-mobile-portrait"></div> <a href="company-products.html" class="cta button-primary w-inline-block" > <div class="text-size-small text-weight-semibold consistant-size" > Explore </div> <div class="arrow w-embed"> <svg width="100%" height="100%" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <mask id="mask0_3597_4423" style="mask-type: alpha" maskunits="userSpaceOnUse" x="0" y="0" width="100%" height="100%" > <rect width="100%" height="100%" fill="#D9D9D9"></rect> </mask> <g mask="url(#mask0_3597_4423)"> <path d="M12 20L10.575 18.6L16.175 13H4V11H16.175L10.575 5.4L12 4L20 12L12 20Z" fill="white" ></path> </g> </svg> </div> </a> </div> </div> </div> </div> <section class="footer-bottom-2"> <div class="home-line-2 w-embed"> <svg width="100%" height="100%" viewbox="0 0 1360 13" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M0 12.5H572L604 0.5H680H756L788 12.5H1360" stroke="url(#paint0_linear_3597_4462)" ></path> <defs> <lineargradient id="paint0_linear_3597_4462" x1="-2.19693e-06" y1="6.00015" x2="1360" y2="6.00015" gradientunits="userSpaceOnUse" > <stop stop-color="white" stop-opacity="0"></stop> <stop offset="0.500549" stop-color="white" stop-opacity="0.499451" ></stop> <stop offset="1" stop-color="white" stop-opacity="0"></stop> </lineargradient> </defs> </svg> </div> <div class="text-size-tiny letter-spacing-0-375rem text-weight-medium text-style-allcaps opacity-text-color" > 漏2024 BLACKBUCK </div> </section> </div> </main> <div class="page-loader"> <div data-is-ix2-target="1" class="lottie-animation-7" data-w-id="89d697fd-5996-6a06-5e9c-efd3dd967535" data-animation-type="lottie" data-src="https://s3.ap-south-1.amazonaws.com/blackbuck.com/documents/counter-2_4.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="3" data-duration="0" data-ix2-initial-state="0" ></div> </div> <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=65b9f4d9b0862750cb837732" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous" ></script> <script src="https://s3.ap-south-1.amazonaws.com/blackbuck.com/js/webflow.js" type="text/javascript"></script> <script> window.addEventListener("scroll", () => { const navbar = document.querySelector(".navbar"); if (window.scrollY > 100) { navbar.style.backgroundColor = "black"; // Change the color when scrolled } else { navbar.style.backgroundColor = "transparent"; // Reset to transparent when not scrolled } }); </script> <script> $(document).ready(() => { let isMenuAlreadyOpen = false; $(".nav-menu-button").on("click", () => { $("body").css("overflow", isMenuAlreadyOpen ? "auto" : "hidden"); isMenuAlreadyOpen = !isMenuAlreadyOpen; }); }); </script> <script> $(".nav-link").on("click", () => { $(".menu-button").click(); }); </script> <script> let dropdownElemts = document.getElementsByClassName("investor-dropdown"); for (let i = 0; i < dropdownElemts.length; i++) { dropdownElemts[i].addEventListener("click", function () { let quartelyResultDropdown = document.getElementsByClassName( "quarterly-results-mobile" )[0]; let activeElem = document.getElementsByClassName( "investor-relation-sub-tab w--current" )[0]; let firstActiveTab = document.getElementsByClassName( "investor-relation-sub-tab-1 w--current" )[0]; if (activeElem) { activeElem.classList.remove("w--current"); } if (firstActiveTab) { firstActiveTab.classList.remove("w--current"); } }); } let quartelyResultDropdown = document.getElementsByClassName( "quarterly-results-mobile" )[0]; quartelyResultDropdown.addEventListener("click", function () { let quarterlySubTab = document.getElementsByClassName("tab-link-tab-1-3")[0]; quarterlySubTab.classList.add("w--current"); }); </script> <script> let defaultImage = document.getElementsByClassName( "image-22 default-show" )[0]; let hoveredImage = document.getElementsByClassName("hover-show")[0]; defaultImage.addEventListener("mouseenter", function () { defaultImage.style.display = "none"; hoveredImage.style.display = "block"; }); hoveredImage.addEventListener("mouseleave", function () { hoveredImage.style.display = "none"; defaultImage.style.display = "block"; }); </script> <script> const video = document.getElementById("video"); const muted = document.getElementById("muted"); const unmuted = document.getElementById("unmuted"); const toggleAudioButton = document.getElementById("toggleAudioButton"); // Function to toggle video audio function toggleAudio() { if (video.muted) { video.muted = false; muted.style.display = "none"; unmuted.style.display = "inline"; } else { video.muted = true; muted.style.display = "inline"; unmuted.style.display = "none"; } } // Add a click event listener to the button toggleAudioButton.addEventListener("click", toggleAudio); </script> </body> </html>