CINXE.COM
MaterialNEXT
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><meta name="author" content="Hungama Digital Services"><link rel="shortcut icon" type="image/ico" href="/images/favicon.ico"> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css"/> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css"/> <link rel="stylesheet" type="text/css" href="/css/tatasteel.css?id=23022023e1"> <link rel="stylesheet" type="text/css" href="/css/accessibility-style.css?id=10062022e10"> <link rel="canonical" href="https://www.tatasteel.com/careers/campus-connect/materialnext/"/> <meta name="facebook-domain-verification" content="lvq7dr7dkq37cenfiode665vdplwlq" /> <!--[if lt IE 9]><script type="text/javascript" src="/scripts/ie./scripts"></script><![endif] Html.Raw(selections.GetPropertyValue("gACode"))--> <style> .all_result a{font-size:17px !important;} p.home-no-result { color: #fff; font-size: 20px;} header .head_toplink .sublevel li a{padding:10px 10px;} header .head_toplink .sublevel{ background: rgba(61,126,219,1);} </style> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-15463542-1', 'auto'); ga('send', 'pageview'); </script> <meta property="og:title" content="MaterialNEXT"/> <meta property="og:type" content="website"/> <meta property="og:url" content="http://www.tatasteel.com/careers/campus-connect/materialnext/"/> <meta property="og:description" content="MaterialNEXT"/> <meta name="twitter:card" content="MaterialNEXT"/> <meta name="twitter:url" content="http://www.tatasteel.com/careers/campus-connect/materialnext/"/> <meta name="twitter:title" content="MaterialNEXT"/> <meta name="twitter:description" content="MaterialNEXT"/> <!--Style start--> <!--Style End--> <title>MaterialNEXT</title> <meta name="description" content="MaterialNEXT"> <meta name="keywords" content=""> <meta property="og:image" content=""> <meta name="google-site-verification" content="ZOGz94_xm3Vg6MIM4q3VxVRe_zgtAI4cTvGAA0PXpGQ" /> <script type="application/ld+json"> { "@context": "http://www.schema.org", "@type": "Organization", "name": "Tata steel", "url": "https://www.tatasteel.com/", "logo": "https://www.tatasteel.com/images/tata-steel-logo.png" } </script> <!-- Google Tag Manager --> <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-58BQXMQ');</script> <!-- End Google Tag Manager --> <!-- Global Site Tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'GA_TRACKING_ID'); </script> <!-- Hitsteps TRACKING CODE - Manual 2020-02-04 - DO NOT CHANGE --> <script type="text/javascript">(function(){var hstc=document.createElement('script'); hstc.src='https://log.hitsteps.com/track.php?code=8c188c909f5c84787ce438d307158394';hstc.async=true;var htssc = document.getElementsByTagName('script')[0];htssc.parentNode.insertBefore(hstc, htssc);})(); </script><noscript><a href="http://www.hitsteps.com/"><img src="//log.hitsteps.com/track.php?mode=img&code=8c188c909f5c84787ce438d307158394" alt="Realtime Web Statistics" width="1" height="1" />Realtime blog statistics</a></noscript> <!-- Hitsteps TRACKING CODE - DO NOT CHANGE --> </head> <body class="multi-fontszie" style="padding-right: 0px !important"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-58BQXMQ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="over_menu"> <div class="over_menu_overlay"></div> <div class="over_menu_close"></div> <ul class="over_level1"> <li><a href="javascript:;"> <img src="/images/over-menu/corporate.png" alt=""> <span class="text">Corporate</span></a> <ul class="over_level2"> <li class="menu_head"><span class="back"></span><a href="/corporate/"><span>Corporate</span></a></li> <li><a href="javascript:;"><span>Our Organisation</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/corporate/our-organisation/"><span>Our Organisation</span></a></li> <li><a href="/corporate/our-organisation/tata-group-profile/"><span>Tata Group Profile</span></a> </li> <li><a href="/corporate/our-organisation/company-profile/"><span>Company Profile</span></a> </li> <li><a href="/corporate/our-organisation/vision-mission-values/"><span>Vision, Mission & Values</span></a> </li> <li><a href="/corporate/our-organisation/leadership/"><span>Leadership</span></a> </li> <li><a href="/corporate/our-organisation/ethics/"><span>Ethics</span></a> </li> <li><a href="/corporate/our-organisation/policies/"><span>Policies</span></a> </li> <li><a href="/corporate/our-organisation/heritage/"><span>Heritage</span></a> </li> <li><a href="/corporate/our-organisation/innovation/"><span>Innovation</span></a> </li> <li><a href="javascript:;"><span>Safety</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/corporate/our-organisation/safety/"><span>Safety</span></a></li> <li><a href="/corporate/our-organisation/safety/overview/"><span>Overview</span></a></li> <li><a href="/corporate/our-organisation/safety/performance-highlights/"><span>Performance Highlights</span></a></li> <li><a href="/corporate/our-organisation/safety/building-a-culture-of-safety/"><span>Building a culture of Safety</span></a></li> <li><a href="/corporate/our-organisation/safety/awards-and-accolades/"><span>Awards and Accolades</span></a></li> </ul> </li> <li><a href="javascript:;"><span>Environment</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/corporate/our-organisation/environment/"><span>Environment</span></a></li> <li><a href="/corporate/our-organisation/environment/environment-compliance-reports/"><span>Environment Compliance Reports</span></a></li> <li><a href="/corporate/our-organisation/environment/policy/"><span>Policy</span></a></li> <li><a href="/corporate/our-organisation/environment/environmental-certifications/"><span>Environmental Certifications</span></a></li> </ul> </li> <li><a href="/corporate/our-organisation/hr/"><span>HR</span></a> </li> <li><a href="/corporate/our-organisation/csr/"><span>CSR</span></a> </li> <li><a href="/corporate/our-organisation/awards-recognitions/"><span>Awards & Recognitions</span></a> </li> <li><a href="/corporate/our-organisation/tata-steel-group-companies/"><span>Tata Steel Group Companies</span></a> </li> <li><a href="/corporate/our-organisation/procurement/"><span>Procurement</span></a> </li> <li><a href="javascript:;"><span>Campaigns</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/corporate/our-organisation/campaigns/"><span>Campaigns</span></a></li> <li><a href="/corporate/our-organisation/campaigns/celebrating-25-glorious-years-of-the-tata-steel-archives/"><span>Celebrating 25 Glorious Years of the Tata Steel Archives</span></a></li> <li><a href="/corporate/our-organisation/campaigns/a-celebration-of-sports/"><span>A Celebration of Sports</span></a></li> <li><a href="/corporate/our-organisation/campaigns/missiongange/"><span>#MissionGange</span></a></li> <li><a href="/corporate/our-organisation/campaigns/write-brain-challenge/"><span>Write Brain Challenge</span></a></li> <li><a href="/corporate/our-organisation/campaigns/howrah-bridge-75-years-anniversary/"><span>Howrah Bridge 75 Years Anniversary</span></a></li> <li><a href="/corporate/our-organisation/campaigns/bachendri-pal/"><span>Bachendri Pal</span></a></li> <li><a href="/corporate/our-organisation/campaigns/doorwaytogreen/"><span>#DoorwayToGreen</span></a></li> <li><a href="/corporate/our-organisation/campaigns/swachh-bharat-and-ezynest/"><span>Swachh Bharat and EzyNest</span></a></li> <li><a href="/corporate/our-organisation/campaigns/labour-day/"><span>Labour Day</span></a></li> <li><a href="/corporate/our-organisation/campaigns/jamshedpurat100/"><span>#JamshedpurAt100</span></a></li> <li><a href="/corporate/our-organisation/campaigns/restoretodayfortomorrow/"><span>#RestoreTodayForTomorrow</span></a></li> <li><a href="/corporate/our-organisation/campaigns/sir-dorabji-tata-birth-anniversary/"><span>Sir Dorabji Tata Birth Anniversary</span></a></li> <li><a href="/corporate/our-organisation/campaigns/founders-day-2023/"><span>Founder's Day 2023</span></a></li> <li><a href="/corporate/our-organisation/campaigns/environment-day-2022/"><span>Environment Day 2022</span></a></li> <li><a href="/corporate/our-organisation/campaigns/jrd-tata-birth-anniversary/"><span>JRD Tata Birth Anniversary</span></a></li> </ul> </li> <li><a href="/corporate/our-organisation/sports/"><span>Sports</span></a> </li> <li><a href="/corporate/our-organisation/centre-for-excellence/"><span>Centre for Excellence</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Our Value Chain</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/corporate/our-value-chain/"><span>Our Value Chain</span></a></li> <li><a href="/corporate/our-value-chain/business-model-strategy/"><span>Business Model & Strategy</span></a> </li> <li><a href="/corporate/our-value-chain/the-making-of-steel/"><span>The Making of Steel</span></a> </li> <li><a href="/corporate/our-value-chain/operational-excellence/"><span>Operational Excellence</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Wealsomaketomorrow</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/corporate/wealsomaketomorrow/"><span>Wealsomaketomorrow</span></a></li> <li><a href="/corporate/wealsomaketomorrow/innovation/"><span>Innovation</span></a> </li> <li><a href="/corporate/wealsomaketomorrow/technology/"><span>Technology</span></a> </li> <li><a href="/corporate/wealsomaketomorrow/sustainability/"><span>Sustainability</span></a> </li> <li><a href="/corporate/wealsomaketomorrow/blog/"><span>Blog</span></a> </li> <li><a href="javascript:;"><span>Structures of Tomorrow</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/corporate/wealsomaketomorrow/structures-of-tomorrow/"><span>Structures of Tomorrow</span></a></li> <li><a href="/corporate/wealsomaketomorrow/structures-of-tomorrow/the-narendra-modi-stadium/"><span>The Narendra Modi Stadium</span></a></li> <li><a href="/corporate/wealsomaketomorrow/structures-of-tomorrow/metro-airports/"><span>Metro & Airports</span></a></li> <li><a href="/corporate/wealsomaketomorrow/structures-of-tomorrow/sports-stadium/"><span>Sports Stadium</span></a></li> </ul> </li> <li><a href="javascript:;"><span>Solutions Of Tommorrow</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/"><span>Solutions Of Tommorrow</span></a></li> <li><a href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/smart-fab/"><span>Smart Fab</span></a></li> <li><a href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/nest-in/"><span>Nest In</span></a></li> <li><a href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/door-windows/"><span>Door & Windows</span></a></li> <li><a href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/hyperfoam-automotive-steel/"><span>Hyperfoam® Automotive Steel</span></a></li> <li><a href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/alternative-material/"><span>Alternative Material</span></a></li> </ul> </li> <li><a href="javascript:;"><span>Landmarks Of Tomorrow</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/"><span>Landmarks Of Tomorrow</span></a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/kanaka-durga-flyover/"><span>Kanaka Durga Flyover</span></a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/the-london-eye/"><span>The London Eye</span></a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/south-east-asia/"><span>South-East Asia</span></a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/bogibeel-bridge/"><span>Bogibeel Bridge</span></a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/the-shard/"><span>The Shard</span></a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/bandra-worli-sea-link/"><span>Bandra-Worli Sea Link</span></a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/burj-khalifa/"><span>Burj Khalifa</span></a></li> </ul> </li> <li><a href="javascript:;"><span>Greener Tomorrow</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/corporate/wealsomaketomorrow/greener-tomorrow/"><span>Greener Tomorrow</span></a></li> <li><a href="/corporate/wealsomaketomorrow/greener-tomorrow/tata-steel-bsl/"><span>Tata steel BSL</span></a></li> <li><a href="/corporate/wealsomaketomorrow/greener-tomorrow/tata-steel-kalinganagar-steel-plant/"><span>Tata Steel Kalinganagar Steel Plant</span></a></li> <li><a href="/corporate/wealsomaketomorrow/greener-tomorrow/preserving-biodiversity-at-mining-locations/"><span>Preserving Biodiversity At Mining Locations</span></a></li> <li><a href="/corporate/wealsomaketomorrow/greener-tomorrow/roadmaking-utilising-ld-slag-and-plastic-waste/"><span>Roadmaking Utilising LD Slag And Plastic Waste</span></a></li> </ul> </li> <li><a href="/corporate/wealsomaketomorrow/leadership-speak/"><span>Leadership Speak</span></a> </li> <li><a href="/corporate/wealsomaketomorrow/our-showcase/"><span>Our Showcase</span></a> </li> </ul> </li> </ul> </li> <li><a href="javascript:;"> <img src="/images/over-menu/sustainability.png" alt=""> <span class="text">Sustainability</span></a> <ul class="over_level2"> <li class="menu_head"><span class="back"></span><a href="/sustainability/"><span>Sustainability</span></a></li> <li><a href="javascript:;"><span>Environment</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/sustainability/environment/"><span>Environment</span></a></li> <li><a href="/sustainability/environment/climate-action/"><span>Climate Action</span></a> </li> <li><a href="/sustainability/environment/environment-management/"><span>Environment Management</span></a> </li> <li><a href="/sustainability/environment/circular-economy/"><span>Circular Economy</span></a> </li> <li><a href="/sustainability/environment/product-sustainability/"><span>Product Sustainability</span></a> </li> <li><a href="/sustainability/environment/biodiversity/"><span>Biodiversity</span></a> </li> <li><a href="/sustainability/environment/sustainable-mining/"><span>Sustainable Mining</span></a> </li> <li><a href="/sustainability/environment/water-management/"><span>Water Management</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Social</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/sustainability/social/"><span>Social</span></a></li> <li><a href="/sustainability/social/human-resource-management/"><span>Human Resource Management</span></a> </li> <li><a href="/sustainability/social/towards-zero-harm/"><span>Towards Zero Harm</span></a> </li> <li><a href="/sustainability/social/respecting-human-rights/"><span>Respecting Human Rights</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Governance</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/sustainability/governance/"><span>Governance</span></a></li> <li><a href="/sustainability/governance/sustainability-governance/"><span>Sustainability Governance</span></a> </li> <li><a href="/sustainability/governance/policies/"><span>Policies</span></a> </li> <li><a href="/sustainability/governance/material-issues/"><span>Material Issues</span></a> </li> <li><a href="/sustainability/governance/building-a-culture-of-ethics/"><span>Building a Culture of Ethics</span></a> </li> <li><a href="/sustainability/governance/responsible-supply-chain/"><span>Responsible Supply Chain</span></a> </li> <li><a href="/sustainability/governance/tax-transparency-reports/"><span>Tax Transparency Reports</span></a> </li> </ul> </li> <li><a href="/sustainability/un-sustainability-development-goals/"><span>UN Sustainability Development Goals</span></a> </li> <li><a href="/sustainability/integrated-reportannual-report/"><span>Integrated Report/Annual Report</span></a> </li> <li><a href="/sustainability/esg-indicators-factsheet/"><span>ESG Indicators Factsheet</span></a> </li> <li><a href="/sustainability/media/"><span>Media</span></a> </li> <li><a href="/sustainability/awards-and-recognitions/"><span>Awards and Recognitions</span></a> </li> </ul> </li> <li><a href="javascript:;"> <img src="/images/over-menu/products.png" alt=""> <span class="text">Products & Solutions</span></a> <ul class="over_level2"> <li class="menu_head"><span class="back"></span><a href="/products-solutions/"><span>Products & Solutions</span></a></li> <li><a href="javascript:;"><span>India</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/products-solutions/india/"><span>India</span></a></li> <li><a href="javascript:;"><span>Segments</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/products-solutions/india/segments/"><span>Segments</span></a></li> <li><a href="/products-solutions/india/segments/agriculture/"><span>Agriculture</span></a></li> <li><a href="/products-solutions/india/segments/automotive/"><span>Automotive</span></a></li> <li><a href="/products-solutions/india/segments/construction/"><span>Construction</span></a></li> <li><a href="/products-solutions/india/segments/consumer-goods/"><span>Consumer Goods</span></a></li> <li><a href="/products-solutions/india/segments/energy-and-power/"><span>Energy and Power</span></a></li> <li><a href="/products-solutions/india/segments/engineering/"><span>Engineering</span></a></li> <li><a href="/products-solutions/india/segments/material-handling/"><span>Material Handling</span></a></li> </ul> </li> <li><a href="javascript:;"><span>Products</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/products-solutions/india/products/"><span>Products</span></a></li> <li><a href="/products-solutions/india/products/automotive-steels/"><span>Automotive Steels</span></a></li> <li><a href="/products-solutions/india/products/galvano/"><span>Galvano</span></a></li> <li><a href="/products-solutions/india/products/tata-agrico-agriculture-construction-hand-tools/"><span>Tata Agrico | Agriculture, Construction & Hand Tools</span></a></li> <li><a href="/products-solutions/india/products/tata-astrum/"><span>Tata Astrum</span></a></li> <li><a href="/products-solutions/india/products/tata-bearings/"><span>Tata Bearings</span></a></li> <li><a href="/products-solutions/india/products/tata-ferro-alloys-and-minerals-division/"><span>Tata Ferro Alloys and Minerals Division</span></a></li> <li><a href="/products-solutions/india/products/tata-steel-industrial-by-products-management-division-ibmd/"><span>Tata Steel Industrial By-products Management Division (IBMD)</span></a></li> <li><a href="/products-solutions/india/products/tata-pipes/"><span>Tata Pipes</span></a></li> <li><a href="/products-solutions/india/products/tata-precision-tubes/"><span>Tata Precision Tubes</span></a></li> <li><a href="/products-solutions/india/products/raw-materials-and-responsible-mining/"><span>Raw Materials and Responsible Mining</span></a></li> <li><a href="/products-solutions/india/products/tata-shaktee/"><span>Tata Shaktee</span></a></li> <li><a href="/products-solutions/india/products/tata-steelium/"><span>Tata Steelium</span></a></li> <li><a href="/products-solutions/india/products/tata-structura/"><span>Tata Structura</span></a></li> <li><a href="/products-solutions/india/products/tata-tiscon/"><span>Tata Tiscon</span></a></li> <li><a href="/products-solutions/india/products/tata-wiron/"><span>Tata Wiron</span></a></li> <li><a href="/products-solutions/india/products/galvaros/"><span>GalvaRoS</span></a></li> <li><a href="/products-solutions/india/products/colornova/"><span>Colornova</span></a></li> <li><a href="/products-solutions/india/products/galvanova/"><span>Galvanova</span></a></li> <li><a href="/products-solutions/india/products/tinplate/"><span>Tinplate</span></a></li> <li><a href="/products-solutions/india/products/tata-ductura/"><span>Tata Ductura</span></a></li> <li><a href="/products-solutions/india/products/tata-efee/"><span>Tata eFee</span></a></li> </ul> </li> <li><a href="/products-solutions/india/solutions/"><span>Solutions</span></a> </li> <li><a href="/products-solutions/india/aashiyana/"><span>Aashiyana</span></a> </li> <li><a href="/products-solutions/india/tata-steel-industrial-consulting/"><span>Tata Steel Industrial Consulting</span></a> </li> </ul> </li> <li><a href="/products-solutions/europe/"><span>Europe</span></a> </li> <li><a href="/products-solutions/south-east-asia/"><span>South East Asia</span></a> </li> <li><a href="/products-solutions/fraud-alert-message/"><span>Fraud Alert Message</span></a> </li> </ul> </li> <li><a href="javascript:;"> <img src="/images/over-menu/investors.png" alt=""> <span class="text">Investors</span></a> <ul class="over_level2"> <li class="menu_head"><span class="back"></span><a href="/investors/"><span>Investors</span></a></li> <li><a href="/investors/investor-day-2021/"><span>Investor Day 2021</span></a> </li> <li><a href="javascript:;"><span>Financial Performance</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/investors/financial-performance/"><span>Financial Performance</span></a></li> <li><a href="/investors/financial-performance/financial-results/"><span>Financial Results</span></a> </li> <li><a href="/investors/financial-performance/earnings-release/"><span>Earnings Release</span></a> </li> <li><a href="/investors/financial-performance/analyst-presentations/"><span>Analyst Presentations</span></a> </li> <li><a href="/investors/financial-performance/analyst-call-recording/"><span>Analyst Call Recording</span></a> </li> <li><a href="/investors/financial-performance/investor-presentations/"><span>Investor Presentations</span></a> </li> <li><a href="/investors/financial-performance/tax-transparency-reports/"><span>Tax Transparency Reports</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Integrated Report/Annual Report</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/investors/integrated-reportannual-report/"><span>Integrated Report/Annual Report</span></a></li> <li><a href="javascript:;"><span>Integrated Report & Annual Accounts 2023-24 (117th Year) and related documents</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2023-24-117th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2023-24 (117th Year) and related documents</span></a></li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2023-24-117th-year-and-related-documents/financial-statements-of-subsidiary-companies-fy-2023-24/"><span>Financial Statements of Subsidiary Companies-FY 2023-24</span></a></li> </ul> </li> <li><a href="javascript:;"><span>Integrated Report & Annual Accounts 2022-23 (116th year) and related documents</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2022-23-116th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2022-23 (116th year) and related documents</span></a></li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2022-23-116th-year-and-related-documents/financial-statements-of-subsidiary-companies-fy-2022-23/"><span>Financial Statements of Subsidiary Companies-FY 2022-23</span></a></li> </ul> </li> <li><a href="javascript:;"><span>Integrated Report & Annual Accounts 2021-22 (115th year) and related documents</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2021-22-115th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2021-22 (115th year) and related documents</span></a></li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2021-22-115th-year-and-related-documents/financial-statements-of-subsidiary-companies-fy-2021-22/"><span>Financial Statements of Subsidiary Companies-FY 2021-22</span></a></li> </ul> </li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2020-21-114th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2020-21 (114th Year) and related documents</span></a> </li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2019-20-113th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2019-20 (113th Year) and related documents</span></a> </li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2018-19-112th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2018-19 (112th Year) and related documents</span></a> </li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2017-18-111th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2017-18 (111th Year) and related documents</span></a> </li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2016-17-110th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2016-17 (110th Year) and related documents</span></a> </li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2015-16-109th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2015-16 (109th Year) and related documents</span></a> </li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2014-15-108th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2014-15 (108th Year) and related documents</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Investor Information</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/investors/investor-information/"><span>Investor Information</span></a></li> <li><a href="/investors/investor-information/key-facts/"><span>Key Facts</span></a> </li> <li><a href="javascript:;"><span>Bonds Information</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/investors/investor-information/bonds-information/"><span>Bonds Information</span></a></li> <li><a href="/investors/investor-information/bonds-information/bonds-information-2018-19/"><span>Bonds Information 2018-19</span></a></li> <li><a href="/investors/investor-information/bonds-information/bonds-information-2019-20/"><span>Bonds Information 2019-20</span></a></li> <li><a href="/investors/investor-information/bonds-information/bonds-information-2020-2021/"><span>Bonds Information 2020-2021</span></a></li> <li><a href="/investors/investor-information/bonds-information/bonds-information-2021/"><span>Bonds Information 2021</span></a></li> <li><a href="/investors/investor-information/bonds-information/bonds-information-2022/"><span>Bonds Information 2022</span></a></li> <li><a href="/investors/investor-information/bonds-information/bonds-information-2023/"><span>Bonds Information 2023</span></a></li> <li><a href="/investors/investor-information/bonds-information/bonds-information-2024/"><span>Bonds Information 2024</span></a></li> </ul> </li> <li><a href="/investors/investor-information/credit-ratings/"><span>Credit Ratings</span></a> </li> <li><a href="/investors/investor-information/record-datebook-closure-date-for-equity-shares/"><span>Record date/book closure date for equity shares</span></a> </li> <li><a href="/investors/investor-information/corporate-benefits/"><span>Corporate Benefits</span></a> </li> <li><a href="/investors/investor-information/unclaimed-dividend/"><span>Unclaimed Dividend</span></a> </li> <li><a href="/investors/investor-information/schedule-of-analystinstitutional-investor-meet/"><span>Schedule of Analyst/Institutional Investor Meet</span></a> </li> <li><a href="/investors/investor-information/share-prices-charts/"><span>Share Prices & Charts</span></a> </li> <li><a href="/investors/investor-information/frequently-asked-questions/"><span>Frequently Asked Questions</span></a> </li> <li><a href="/investors/investor-information/forms/"><span>Forms</span></a> </li> <li><a href="/investors/investor-information/postal-ballot/"><span>Postal Ballot</span></a> </li> <li><a href="/investors/investor-information/annual-general-meeting/"><span>Annual General Meeting</span></a> </li> <li><a href="/investors/investor-information/extraordinary-general-meeting/"><span>Extraordinary General Meeting</span></a> </li> <li><a href="/investors/investor-information/contacts/"><span>Contacts</span></a> </li> <li><a href="/investors/investor-information/registrars-transfer-agents/"><span>Registrars & Transfer Agents</span></a> </li> <li><a href="/investors/investor-information/subscribe-for-investor-relations-alerts/"><span>Subscribe for Investor Relations Alerts</span></a> </li> <li><a href="/investors/investor-information/shareholder-query-form/"><span>Shareholder Query Form</span></a> </li> <li><a href="/investors/investor-information/advertisements-for-transfer-of-equity-shares/"><span>Advertisements for transfer of equity shares</span></a> </li> <li><a href="/investors/investor-information/agm-showcase/"><span>AGM Showcase</span></a> </li> <li><a href="/investors/investor-information/rights-issue-first-and-final-call/"><span>Rights Issue – First and Final Call</span></a> </li> <li><a href="/investors/investor-information/intimation-under-regulation-39-3-of-sebi-listing-obligations-and-disclosure-requirements-regulations-2015/"><span>Intimation under Regulation 39(3) of SEBI (Listing Obligations and Disclosure Requirements), Regulations, 2015</span></a> </li> <li><a href="/investors/investor-information/sebi-circulars/"><span>SEBI Circulars</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Corporate Governance</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/investors/corporate-governance/"><span>Corporate Governance</span></a></li> <li><a href="/investors/corporate-governance/compliance/"><span>Compliance</span></a> </li> <li><a href="/investors/corporate-governance/corporate-governance-report/"><span>Corporate Governance Report</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Stock Exchange Compliances</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/investors/stock-exchange-compliances/"><span>Stock Exchange Compliances</span></a></li> <li><a href="/investors/stock-exchange-compliances/stock-exchange-releases/"><span>Stock Exchange Releases</span></a> </li> <li><a href="/investors/stock-exchange-compliances/stock-exchange-information/"><span>Stock Exchange Information</span></a> </li> <li><a href="/investors/stock-exchange-compliances/shareholding-pattern/"><span>Shareholding Pattern</span></a> </li> <li><a href="/investors/stock-exchange-compliances/compliance-report-on-corporate-governance/"><span>Compliance Report on Corporate Governance</span></a> </li> <li><a href="/investors/stock-exchange-compliances/reconciliation-of-share-capital-audit-reports/"><span>Reconciliation of Share Capital Audit Reports</span></a> </li> <li><a href="/investors/stock-exchange-compliances/certificate-from-pcs-under-regulation-40-9-and-61-4/"><span>Certificate from PCS under Regulation 40(9) and 61(4)</span></a> </li> <li><a href="/investors/stock-exchange-compliances/certificate-under-regulation-7-3/"><span>Certificate under Regulation 7(3)</span></a> </li> <li><a href="/investors/stock-exchange-compliances/revision-in-ratings/"><span>Revision in Ratings</span></a> </li> <li><a href="/investors/stock-exchange-compliances/investor-complaints-report/"><span>Investor Complaints Report</span></a> </li> <li><a href="/investors/stock-exchange-compliances/change-in-directorship/"><span>Change in Directorship</span></a> </li> <li><a href="/investors/stock-exchange-compliances/related-party-transaction-disclosures/"><span>Related Party Transaction Disclosures</span></a> </li> <li><a href="/investors/stock-exchange-compliances/annual-secretarial-compliance-report/"><span>Annual Secretarial Compliance Report</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Amalgamation</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/investors/amalgamation/"><span>Amalgamation</span></a></li> <li><a href="/investors/amalgamation/amalgamation-of-bamnipal-steel-limited-and-tata-steel-bsl-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of Bamnipal Steel Limited and Tata Steel BSL Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-rujuvalika-investments-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of Rujuvalika Investments Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-tata-steel-long-products-into-and-with-tata-steel-limited/"><span>Amalgamation of Tata Steel Long Products into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-the-tinplate-company-of-india-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of The Tinplate Company of India Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-tata-metaliks-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of Tata Metaliks Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-trf-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of TRF Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-the-indian-steel-wire-products-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of The Indian Steel & Wire Products Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-tata-steel-mining-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of Tata Steel Mining Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-s-t-mining-company-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of S & T Mining Company Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-angul-energy-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of Angul Energy Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-bhubaneshwar-power-private-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of Bhubaneshwar Power Private Limited into and with Tata Steel Limited</span></a> </li> </ul> </li> <li><a href="/investors/financial-performance-summary/"><span>Financial Performance summary</span></a> </li> <li><a href="/investors/link-to-smart-odr/"><span>Link to Smart ODR</span></a> </li> <li><a href="/investors/additional-information-pursuant-to-regulation-46-2-and-62-1-of-the-securities-and-exchange-board-of-india-listing-obligations-and-disclosure-requirements-regulations-2015/"><span>Additional Information Pursuant to Regulation 46(2) and 62(1) of the Securities and Exchange Board of India (Listing Obligations and Disclosure Requirements) Regulations, 2015</span></a> </li> </ul> </li> <li><a href="javascript:;"> <img src="/images/over-menu/media.png" alt=""> <span class="text">Media</span></a> <ul class="over_level2"> <li class="menu_head"><span class="back"></span><a href="/media/"><span>Media</span></a></li> <li><a href="javascript:;"><span>Newsroom</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/media/newsroom/"><span>Newsroom</span></a></li> <li><a href="/media/newsroom/press-releases/"><span>Press Releases</span></a> </li> <li><a href="/media/newsroom/in-the-news/"><span>In The News</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Media Kit</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/media/media-kit/"><span>Media Kit</span></a></li> <li><a href="/media/media-kit/logos-usage-guidelines/"><span>Logos usage & guidelines</span></a> </li> <li><a href="/media/media-kit/factsheet/"><span>FactSheet</span></a> </li> <li><a href="/media/media-kit/gallery/"><span>Gallery</span></a> </li> <li><a href="/media/media-kit/publications/"><span>Publications</span></a> </li> <li><a href="/media/media-kit/awards-and-recognitions/"><span>Awards and Recognitions</span></a> </li> </ul> </li> <li><a href="/media/podcasts/"><span>Podcasts</span></a> </li> </ul> </li> <li><a href="javascript:;"> <span class="text">Newsroom</span></a> <ul class="over_level2"> <li class="menu_head"><span class="back"></span><a href="/newsroom/"><span>Newsroom</span></a></li> <li><a href="/newsroom/press-releases/"><span>Press Releases</span></a> </li> <li><a href="/newsroom/in-the-news/"><span>In The News</span></a> </li> <li><a href="/newsroom/publications/"><span>Publications</span></a> </li> <li><a href="/newsroom/awards-and-recognitions/"><span>Awards and Recognitions</span></a> </li> <li><a href="/newsroom/logos-usage-guidelines/"><span>Logos usage & guidelines</span></a> </li> <li><a href="/newsroom/podcasts/"><span>Podcasts</span></a> </li> <li><a href="/newsroom/factsheet/"><span>FactSheet</span></a> </li> <li><a href="/newsroom/gallery/"><span>Gallery</span></a> </li> <li><a href="/newsroom/blog/"><span>Blog</span></a> </li> </ul> </li> <li><a href="javascript:;"> <img src="/images/over-menu/careers.png" alt=""> <span class="text">Careers</span></a> <ul class="over_level2"> <li class="menu_head"><span class="back"></span><a href="/careers/"><span>Careers</span></a></li> <li><a href="javascript:;"><span>Culture at Tata Steel</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/careers/culture-at-tata-steel/"><span>Culture at Tata Steel</span></a></li> <li><a href="/careers/culture-at-tata-steel/culture-tata/"><span>Culture@Tata</span></a> </li> <li><a href="/careers/culture-at-tata-steel/employee-volunteerism/"><span>Employee Volunteerism</span></a> </li> <li><a href="/careers/culture-at-tata-steel/wellness-and-sports/"><span>Wellness and sports</span></a> </li> <li><a href="/careers/culture-at-tata-steel/diverse-workforce/"><span>Diverse Workforce</span></a> </li> <li><a href="/careers/culture-at-tata-steel/meet-our-people/"><span>Meet our people</span></a> </li> <li><a href="/careers/culture-at-tata-steel/locationalregional-showcase/"><span>Locational/Regional Showcase</span></a> </li> <li><a href="/careers/culture-at-tata-steel/recruitment-racket-busted/"><span>Recruitment Racket Busted</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Work at Tata Steel</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/careers/work-at-tata-steel/"><span>Work at Tata Steel</span></a></li> <li><a href="/careers/work-at-tata-steel/rewards-and-recognition/"><span>Rewards and Recognition</span></a> </li> <li><a href="/careers/work-at-tata-steel/leadership-development/"><span>Leadership Development</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Work With Us</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/careers/work-with-us/"><span>Work With Us</span></a></li> <li><a href="/careers/work-with-us/notice-fraudulent-job-offers/"><span>Notice | Fraudulent Job Offers</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Campus Connect</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/careers/campus-connect/"><span>Campus Connect</span></a></li> <li><a href="/careers/campus-connect/overview/"><span>Overview</span></a> </li> <li><a href="/careers/campus-connect/mind-over-matter/"><span>Mind Over Matter</span></a> </li> <li><a href="/careers/campus-connect/steel-a-thon/"><span>Steel-a-thon</span></a> </li> <li><a href="/careers/campus-connect/women-of-mettle/"><span>Women Of Mettle</span></a> </li> <li><a href="/careers/campus-connect/materialnext/"><span>MaterialNEXT</span></a> </li> <li><a href="/careers/campus-connect/tomorrowlab/"><span>TomorrowLAB</span></a> </li> <li><a href="/careers/campus-connect/tata-steel-young-astronomer-talent-search/"><span>Tata Steel Young Astronomer Talent Search</span></a> </li> </ul> </li> </ul> </li> <li><a href="/contact-us/"> <img src="/images/over-menu/contact.png" alt=""> <span class="text">Contact Us</span></a> </li> </ul> </div> <div class="wrapper"> <!--header start--> <header><a href="/" class="logo"><img src="/images/tata-steel-logo.png" width="126" height="16" alt="Tata Steel logo new"></a><a href="http://www.tata.com/" class="tatalogo" target="_blank"><img src="/images/tata_logo.png" width="61" height="55" alt="Tata Steel"></a><a href="#" class="humberger_icon">Menu</a> <div class="access-links"> <div class="ablink"> <a href="#" title="Accessibility Tools">Accessibility Tools <svg aria-hidden="true" focusable="false" width="30" height="30" data-prefix="fas" data-icon="universal-access" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-universal-access fa-w-16 fa-5x"> <path fill="currentColor" d="M256 48c114.953 0 208 93.029 208 208 0 114.953-93.029 208-208 208-114.953 0-208-93.029-208-208 0-114.953 93.029-208 208-208m0-40C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 56C149.961 64 64 149.961 64 256s85.961 192 192 192 192-85.961 192-192S362.039 64 256 64zm0 44c19.882 0 36 16.118 36 36s-16.118 36-36 36-36-16.118-36-36 16.118-36 36-36zm117.741 98.023c-28.712 6.779-55.511 12.748-82.14 15.807.851 101.023 12.306 123.052 25.037 155.621 3.617 9.26-.957 19.698-10.217 23.315-9.261 3.617-19.699-.957-23.316-10.217-8.705-22.308-17.086-40.636-22.261-78.549h-9.686c-5.167 37.851-13.534 56.208-22.262 78.549-3.615 9.255-14.05 13.836-23.315 10.217-9.26-3.617-13.834-14.056-10.217-23.315 12.713-32.541 24.185-54.541 25.037-155.621-26.629-3.058-53.428-9.027-82.141-15.807-8.6-2.031-13.926-10.648-11.895-19.249s10.647-13.926 19.249-11.895c96.686 22.829 124.283 22.783 220.775 0 8.599-2.03 17.218 3.294 19.249 11.895 2.029 8.601-3.297 17.219-11.897 19.249z" class=""></path> </svg> </a> </div> <div class="glink"> <a href="#" title="Accessibility Guide">Accessibility Guide <svg xmlns="http://www.w3.org/2000/svg" id="guide-ab" color="#f2f2f2" width="30" height="30" fill="currentColor" class="bi bi-gear-fill" viewBox="0 0 16 16"> <path d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z"/> </svg> </a> </div> <div class="abtools"> <div class="sublevel2"> <h2>ACCESSIBILITY TOOLS</h2> <h3>Text Size:</h3> <div id="font_selection_box_abtools"></div><!-- EOF #font_selection_box --> <h3 class="mt-5">Contrast Scheme:</h3> <div class="contrast" style="display: flex"> <div class="btn-normal-contrast"> <span>C</span> </div> <div class="btn-add-contrast"> <span>C</span> </div> <div class="btn-add-contrast2"> <span>C</span> </div> </div> <h3 class="mt-5">Text to Audio:</h3> <div class="consolPopup"> <div class="switch-checkbox"> <label class="switch2"> <input type="checkbox" id="chkToggleAudioAccessToolMobile" onclick="handleToggleAudio(this);"> <span class="slider2 round2"></span> <span class="absolute-no2">OFF</span> </label> </div> </div> <h3 class="mt-5">Mouse Trail:</h3> <div class="consolPopup"> <div class="switch-checkbox"> <label class="switch2"> <input type="checkbox" id="chkToggleMouseTrailAccessToolMobile" onclick="handleToggleMouseTrail(this);"> <span class="slider2 round2"></span> <span class="absolute-no2">OFF</span> </label> </div> </div> <a role="button" class="reset-accessibility">Reset</a> </div> </div> </div> <div class="head_toplink"> <ul><li class="home_link"><a href="/" title="Home">Home</a></li><li class="phone_link"><a href="/contact-us/" title="Contact Us">contact us</a></li><li class="search_link"><a href="#" title="Search">search</a> <ul class="sublevel"> <li><form id="search" method="get" action="/search"> <div class="container"><input type="text" autocomplete="off" value="" id="txt_search" name="Search" onkeyup="hdsSearch()" placeholder="Search" class="textbox"> <input type="submit" value="" class="searchbut"><div id="search_res"></div> </div></form></li></ul></li> <li class="location_link locgz"><a href="#" title="Locations">Locations</a> <ul class="sublevel"> <li><a href="http://www.tatasteeleurope.com/en/">Europe</a></li> <li><a href="http://www.tatasteelthailand.com/">Thailand</a></li> </ul> </li> <!--<li class="location_link accessibility-link">--> <li class="location_link accessibility-link atgz"> <a href="#" title="Accessibility Tools">Accessibility Tools <svg aria-hidden="true" focusable="false" width="40" height="40" data-prefix="fas" data-icon="universal-access" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-universal-access fa-w-16 fa-5x"> <path fill="currentColor" d="M256 48c114.953 0 208 93.029 208 208 0 114.953-93.029 208-208 208-114.953 0-208-93.029-208-208 0-114.953 93.029-208 208-208m0-40C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 56C149.961 64 64 149.961 64 256s85.961 192 192 192 192-85.961 192-192S362.039 64 256 64zm0 44c19.882 0 36 16.118 36 36s-16.118 36-36 36-36-16.118-36-36 16.118-36 36-36zm117.741 98.023c-28.712 6.779-55.511 12.748-82.14 15.807.851 101.023 12.306 123.052 25.037 155.621 3.617 9.26-.957 19.698-10.217 23.315-9.261 3.617-19.699-.957-23.316-10.217-8.705-22.308-17.086-40.636-22.261-78.549h-9.686c-5.167 37.851-13.534 56.208-22.262 78.549-3.615 9.255-14.05 13.836-23.315 10.217-9.26-3.617-13.834-14.056-10.217-23.315 12.713-32.541 24.185-54.541 25.037-155.621-26.629-3.058-53.428-9.027-82.141-15.807-8.6-2.031-13.926-10.648-11.895-19.249s10.647-13.926 19.249-11.895c96.686 22.829 124.283 22.783 220.775 0 8.599-2.03 17.218 3.294 19.249 11.895 2.029 8.601-3.297 17.219-11.897 19.249z" class=""></path> </svg> </a> <div class="sublevel sublevel2"> <h2>ACCESSIBILITY TOOLS</h2> <h3>Text Size:</h3> <div id="font_selection_box" style="display: flex; align-items: center;"><span id="fontsize_opt1" class="multi_font_icon" style="font-size: 14px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span><span id="fontsize_opt2" class="multi_font_icon" style="font-size: 18px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span><span id="fontsize_opt3" class="multi_font_icon" style="font-size: 26px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span></div><!-- EOF #font_selection_box --> <!-- EOF #font_selection_box --> <h3 class="mt-5">Contrast Scheme:</h3> <div class="contrast" style="display: flex"> <div class="btn-normal-contrast"> <span>C</span> </div> <div class="btn-add-contrast"> <span>C</span> </div> <div class="btn-add-contrast2"> <span>C</span> </div> </div> <h3 class="mt-5">Text to Audio:</h3> <div class="consolPopup"> <div class="switch-checkbox"> <label class="switch2"> <input type="checkbox" id="chkToggleAudioAccessTool" onclick="handleToggleAudio(this);"> <span class="slider2 round2"></span> <span class="absolute-no2">OFF</span> </label> </div> </div> <h3 class="mt-5">Mouse Trail:</h3> <div class="consolPopup"> <div class="switch-checkbox"> <label class="switch2"> <input type="checkbox" id="chkToggleMouseTrailAccessTool" onclick="handleToggleMouseTrail(this);"> <span class="slider2 round2"></span> <span class="absolute-no2">OFF</span> </label> </div> </div> <a role="button" class="reset-accessibility">Reset</a> </div> </li> <li class="guide_link"> <a href="#" title="Accessibility Guide">Accessibility Guide <svg xmlns="http://www.w3.org/2000/svg" id="guide" color="#f2f2f2" width="40" height="40" fill="currentColor" class="bi bi-gear-fill" viewBox="0 0 16 16"> <path d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z"/> </svg> </a> </li> </ul><div class="clearfix"></div></div></header> <!--header end--> <!-- consolPopup Bootstap Modal Start Ear/Eye Icon --> <div class="modal fade" id="consolPopup" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" data-keyboard="false" data-backdrop="static"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="consolPopup"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> Other users can skip <span aria-hidden="true">×</span> </button> <h1>Select category of user</h1> <!--<div class="swich-main"> <div class="switch-checkbox"> <label class="switch"> <input type="checkbox" id="chkToggleAudioConsolPopup" onclick='handleToggleAudio(this);'> <span class="slider round"></span> <span class="absolute-no">OFF</span> </label> </div> <div class="switch-checkbox-text"> Toggle this button to switch ON/OFF text-to-audio and mouse trail functionality </div> </div>--> <div class="swich-wrapper"> <div class="swich-main audioGz"> <div class="switch-checkbox"> <label class="switch"> <input type="checkbox" id="chkToggleAudioConsolPopup" onclick="handleToggleAudio(this);"> <span class="slider round"></span> <span class="absolute-no">OFF</span> </label> </div> <div class="switch-checkbox-text">Audio</div> </div> <div class="swich-main mousetrailGz"> <div class="switch-checkbox"> <label class="switch"> <input type="checkbox" id="chkToggleMouseTrailConsolPopup" onclick="handleToggleMouseTrail(this);"> <span class="slider round"></span> <span class="absolute-no">OFF</span> </label> </div> <div class="switch-checkbox-text">Mouse Trail</div> </div> </div> <div> <strong style="color: red">Note*: </strong> Toggle above buttons to switch ON/OFF audio or mouse trail functionality </div><br> <div class="disability-all"> <a href="#" id="cat-visually-impaired" class="disability VisuallyImpaired">Visually Impaired</a> <a href="#" id="cat-hearing-impaired" class="disability HearingImpaired">Hearing Impaired</a> </div> </div> </div> <div class="modal-footer"> <strong>Note:</strong> If you close this popup, you can still open it by clicking gear icon <svg xmlns="http://www.w3.org/2000/svg" id="" color="#000000" width="14" height="14" fill="currentColor" class="bi bi-gear-fill" viewBox="0 0 16 16"> <path d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z"/> </svg> on the extreme right hand top corner </div> </div> </div> </div> <!-- consolPopup Bootstap Modal End Ear/Eye Icon --> <!-- consolPopup Bootstap Modal Start Impaired Dropdown --> <div class="modal fade" id="consolPopupImpairedDD" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="consolPopup VisuallyImpaired types-innr" id="visuallyImpairedDD" style="display: none;"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="types-innr-hdr"> <a href="#" id="back-btn-visually-impaired" class="arrow-back"><img src="https://www.tatasteel.com/media/14134/arrow-back.png"></a> <h1>Select types of Visually Impaired</h1> </div> <div class="select-types"> <form> <select id="select-types" class="select-visually-impaired"> <option value="0">Select your type*</option> <option value="1">Partially blind</option> <option value="2">Color blind</option> </select> </form> </div> </div> <div class="consolPopup HearingImpaired types-innr" id="hearingImpairedDD" style="display: none;"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="types-innr-hdr"> <a href="#" id="back-btn-hearing-impaired" class="arrow-back"><img src="https://www.tatasteel.com/media/14134/arrow-back.png"></a> <h1>Select types of Hearing Impaired</h1> </div> <div class="select-types"> <form> <select id="select-types" class="select-hearing-impaired"> <option value="0">Select your type*</option> <option value="1">Partial hearing loss</option> <option value="2">Complete hearing loss</option> </select> </form> </div> </div> </div> </div> </div> </div> <!-- consolPopup Bootstap Modal End Impaired Dropdown --> <!-- consolPopup Bootstap Modal Start Impaired Content --> <div class="modal fade" id="consolPopupImpairedContent" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" data-keyboard="false" data-backdrop="static"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="consolPopup VisuallyImpaired types-innr" id="consolPopupPartiallyBlindContent" style="display: none;"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="accessibility-tools"> <div class="sublevel sublevel2"> <div class="tools-innr"> <h3>Text Size:</h3> <div id="font_selection_box" style="display: flex; align-items: center;"><span id="fontsize_opt1" class="multi_font_icon" style="font-size: 14px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span><span id="fontsize_opt2" class="multi_font_icon" style="font-size: 18px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span><span id="fontsize_opt3" class="multi_font_icon" style="font-size: 26px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span></div><!-- EOF #font_selection_box --> </div> <div class="tools-innr"> <h3 class="mt-5">Contrast Scheme:</h3> <div class="contrast" style="display: flex"> <div class="btn-normal-contrast"> <!--<span class="btn-normal-contrast">C</span>--> <span>C</span> </div> <div class="btn-add-contrast"> <span>C</span> </div> <div class="btn-add-contrast2"> <span>C</span> </div> </div> </div> <div class="tools-innr" style="display: flex; align-items: center;"> <a role="button" class="reset-accessibility" target="_blank">Reset</a> </div> </div> </div> <div class="types-innr-hdr"> <a href="#" id="back-btn-partial-blind" class="arrow-back"> <!--<img src="https://www.tatasteel.com/media/14134/arrow-back.png">--> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-arrow-left-short" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z"/> </svg> </a> <!--<h1>Partially Blind</h1>--> <h1>Visual Impaired</h1> </div> <div class="help-content"> <ul> <li> <p>We have provided accessibility tools on our website that will ease user experience. The Accessibility tool will help you to increase/decrease font size, change different contrast scheme on our website.</p> </li> <li> <p>You can locate accessibility tools <img src="https://www.tatasteel.com/media/14126/icon-accessibility-hover.png"></img> at the extreme right at the top of our website.</p> </li> <li> <p>If you have low vision, colour vision, you can increase the font size of the text and can opt for a different contrast scheme throughout our website. You can do this by clicking the accessibility tools icon at the extreme right at the top of our website and choose from the different font sizes and different color contrasts.</p> </li> <li> <p>Further you can select text to speak it. Additionally, you can turn ON/OFF the text-to-audio functionality in the website for the text to speak it. If you are not able to see images/pictures properly on the website you can hover on the images to listen to the image description.</p> </li> <li> <p> If you have selected the text to speak and you no longer want to listen to an audio, you can click on the Cancel Audio button <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#f60" class="bi bi-x-circle" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"></path> </svg> located on the right-hand side and it will stops playing the speech. </p> </li> <li> <p>At any point, you can click the ‘Reset’ button (below the font size options) to set the website back to its default mode.</p> </li> </ul> </div> </div> <div class="consolPopup VisuallyImpaired types-innr" id="consolPopupColorBlindContent" style="display: none;"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="types-innr-hdr"> <a href="#" id="back-btn-color-blind" class="arrow-back btn-content-back"> <!--<img src="https://www.tatasteel.com/media/14134/arrow-back.png">--> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-arrow-left-short" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z"/> </svg> </a> <h1>Color Blind</h1> </div> <div> <ul> <li> <p>We have provided accessibility tools on our website that will ease user experience. The Accessibility tool will help you to increase/decrease font size, change different contrast scheme on our website.</p> </li> <li> <p>You can locate accessibility tools <img src="https://www.tatasteel.com/media/14126/icon-accessibility-hover.png"></img> at the extreme right at the top of our website.</p> </li> <li> <p>If you have colour vision deficiency, you can opt for a different contrast scheme on our website. You can do this by clicking the accessibility tools icon at the extreme right at the top of our website and choose from the different color contrasts.</p> </li> <li> <p>Additionally, you can turn ON/OFF the text-to-audio functionality in the website for the text to speak it. If you are not able to see images/pictures properly on the website you can hover on the images to listen to the image description.</p> </li> <li> <p>At any point, you can click the ‘Reset’ button (below the font size options) to set the website back to its default mode.</p> </li> </ul> </div> </div> <div class="consolPopup HearingImpaired types-innr" id="consolPopupPartialHearingLossContent" style="display: none;"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="accessibility-tools"> <div class="sublevel sublevel2"> <div class="tools-innr"> <h3>Text Size:</h3> <div id="font_selection_box" style="display: flex; align-items: center;"><span id="fontsize_opt1" class="multi_font_icon" style="font-size: 14px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span><span id="fontsize_opt2" class="multi_font_icon" style="font-size: 18px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span><span id="fontsize_opt3" class="multi_font_icon" style="font-size: 26px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span></div><!-- EOF #font_selection_box --> </div> <div class="tools-innr"> <h3 class="mt-5">Contrast Scheme:</h3> <div class="contrast" style="display: flex"> <div class="btn-normal-contrast"> <!--<span class="btn-normal-contrast">C</span>--> <span>C</span>--> </div> <div class="btn-add-contrast"> <span>C</span> </div> <div class="btn-add-contrast2"> <span>C</span> </div> </div> </div> <div class="tools-innr" style="display: flex; align-items: center;"> <a role="button" class="reset-accessibility" target="_blank">Reset</a> </div> </div> </div> <div class="types-innr-hdr"> <a href="#" id="back-btn-partial-hear-loss" class="arrow-back"> <!--<img src="https://www.tatasteel.com/media/14134/arrow-back.png">--> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-arrow-left-short" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z"/> </svg> </a> <!--<h1>Partial hearing loss</h1>--> <h1>Hearing Impaired</h1> </div> <div class="help-content"> <ul> <li> <p>If you have any kind of hearing impairment such as partial or complete hearing loss, you will be able to see the transcripts/captions (sub-titles) for all the videos on our website and view along. You can do this by clicking on the ‘cc’ option on the bottom right side of the video box.</p> </li> </ul> </div> </div> <div class="consolPopup HearingImpaired types-innr" id="consolPopupMixedHearingLossContent" style="display: none;"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="accessibility-tools"> <div class="sublevel sublevel2"> <div class="tools-innr"> <h3>Text Size:</h3> <div id="font_selection_box" style="display: flex; align-items: center;"><span id="fontsize_opt1" class="multi_font_icon" style="font-size: 14px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span><span id="fontsize_opt2" class="multi_font_icon" style="font-size: 18px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span><span id="fontsize_opt3" class="multi_font_icon" style="font-size: 26px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span></div><!-- EOF #font_selection_box --> </div> <div class="tools-innr"> <h3 class="mt-5">Contrast Scheme:</h3> <div class="contrast" style="display: flex"> <div class="btn-normal-contrast"> <span class="btn-normal-contrast">C</span> </div> <div class="btn-add-contrast"> <span>C</span> </div> </div> </div> <div class="tools-innr" style="display: flex; align-items: center;"> <a role="button" class="reset-accessibility" target="_blank">Reset</a> </div> </div> </div> <div class="types-innr-hdr"> <a href="#" id="back-btn-mixed-hear-loss" class="arrow-back btn-content-back"> <!--<img src="https://www.tatasteel.com/media/14134/arrow-back.png">--> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-arrow-left-short" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z"/> </svg> </a> <h1>Complete hearing loss</h1> </div> <div class="help-content"> <ul> <li> <p>For any other kind of hearing impairment, you will be able to see the transcripts/captions (sub-titles) for all the videos on our website and view along.</p> </li> </ul> </div> </div> </div> </div> </div> </div> <!-- consolPopup Bootstap Modal End Impaired Content --> <!-- Imported jQuery and soyo-jquery-multi-font-size script to increase/decrease font size --> <!-- <script type="text/javascript" src="/scripts/jquery-1.11.3.min.js"></script> --> <script src="https://code.jquery.com/jquery-3.7.0.js"></script> <script src="https://code.jquery.com/jquery-migrate-3.4.1.js"></script> <script src="/scripts/soyo-jquery-multi-font-size.js?id=13072022e2"></script> <!-- Imported accessibility-guide-style and accessibility-guide script to show/hide Ear/Eye Icon modal popup --> <script src="/scripts/accessibility-guide.js?id=17012023e2"></script> <link rel="stylesheet" type="text/css" href="/css/accessibility-guide-style.css?id=10062022e9"> <script> function resizePopupSwitches(innerWidth){ if (innerWidth <= 425) { $('.consolPopup .swich-wrapper .swich-main .switch-checkbox > label').removeClass('switch').addClass('switch2'); $('.consolPopup .swich-wrapper .swich-main .switch-checkbox >label').find('span:first').removeClass('slider round').addClass('slider2 round2'); $('.consolPopup .swich-wrapper .swich-main .switch-checkbox >label').find('span:eq(1)').removeClass('absolute-no').addClass('absolute-no2'); }else{ $('.consolPopup .swich-wrapper .swich-main .switch-checkbox > label').removeClass('switch2').addClass('switch'); $('.consolPopup .swich-wrapper .swich-main .switch-checkbox >label').find('span:first').removeClass('slider2 round2').addClass('slider round'); $('.consolPopup .swich-wrapper .swich-main .switch-checkbox >label').find('span:eq(1)').removeClass('absolute-no2').addClass('absolute-no'); } } $(window).resize(function() { resizePopupSwitches(window.innerWidth); }); $(document).ready(function() { resizePopupSwitches(window.innerWidth); $(".table-hover > tbody > tr").css('pointer-events', 'none'); $('header .access-links .ablink > a').click(function() { if($(this).hasClass('active')){ $(this).removeClass('active'); $('header .access-links .abtools').css('display','none'); }else{ $(this).addClass('active'); $('header .access-links .abtools').css('display','block'); } return false; }); $(".btn-add-contrast").click(function(){ console.log('add contrast clicked'); $('body').addClass('add-contrast'); $('body').removeClass('add-contrast2'); $('.btn-add-contrast').addClass('active'); $('.btn-normal-contrast').removeClass('active'); $('.btn-add-contrast2').removeClass('active'); $('.desp_bg, .graybg, .disp_tablecell, .lightBlueBg, .pos_xs_static, .animatedParent').css('background', '#000000'); $('.banner-caption h1').css('text-shadow','0 0 5px #000000, 0 0 5px #000000'); $("#consolPopupImpairedContent").find('.modal-content').addClass('add-contrast-consolPopup'); //$("#consolPopupPartiallyBlindContent").find('.help-content').css('background','#333'); //$("#consolPopupPartiallyBlindContent").find('.help-content').css('color','#FFFF00'); $("select").css('background', '#000000'); $('.table > tbody > tr > th').css('background', '#000000'); $('.card > a').css('background', '#333'); $('.title_text_style').css('background', '#000000'); $('.financial-summary .financial-summary-section').css('background', '#333'); $('.testi_txt').css('background', '#333'); $('.testimonial_item > p, .ethics-tcoc').css('background', '#333'); //$(".fancybox-skin").css('cssText', 'background', '#2e2d2d !important'); //$('.tab-content .panel.open').css('background', 'transparent'); }); $(".btn-normal-contrast").click(function(){ $('body').removeClass('add-contrast') $('body').removeClass('add-contrast2'); $('.btn-normal-contrast').addClass('active') $('.btn-add-contrast').removeClass('active') $('.btn-add-contrast2').removeClass('active') $('.desp_bg, .graybg, .disp_tablecell, .lightBlueBg, .pos_xs_static, .animatedParent ').css('background', '#f2f6f9') $('.banner-caption h1').css('text-shadow','2px 2px 4px rgb(0 0 0 / 73%)'); $("#consolPopupImpairedContent").find('.modal-content').removeClass('add-contrast-consolPopup'); //$("#consolPopupPartiallyBlindContent").find('.help-content').css('background','#FFF'); //$("#consolPopupPartiallyBlindContent").find('.help-content').css('color','#333'); $("select").css('background', '#ffffff'); $('.table > tbody > tr > th').css('background', '#f2f6f9'); $('.card > a').css('background', '#fff'); $('.title_text_style').css('background', '#f2f6f9'); $('.financial-summary .financial-summary-section').css('background', '#fff'); $('.testi_txt, .animatedParent-tcoc').css('background', '#fff'); $('.testimonial_item > p, .ethics-tcoc').css('background', '#f2f6f9'); //$('.tab-content .panel.open').css('background', '#f2f6f9'); }); $(".btn-add-contrast2").click(function(){ console.log('add contrast clicked'); $('body').addClass('add-contrast2'); $('body').removeClass('add-contrast'); $('.btn-add-contrast2').addClass('active'); $('.btn-normal-contrast').removeClass('active'); $('.btn-add-contrast').removeClass('active'); $('.desp_bg, .graybg, .disp_tablecell, .lightBlueBg, .pos_xs_static, .animatedParent ').css('background', '#000000'); $('.banner-caption h1').css('text-shadow','0 0 5px #000000, 0 0 5px #000000'); $("#consolPopupImpairedContent").find('.modal-content').addClass('add-contrast-consolPopup'); //$("#consolPopupPartiallyBlindContent").find('.help-content').css('background','#333'); //$("#consolPopupPartiallyBlindContent").find('.help-content').css('color','#FFFF00'); $("select").css('background', '#000000'); $('.table > tbody > tr > th').css('background', '#000000'); $('.card > a').css('background', '#333'); $('.title_text_style').css('background', '#000000'); $('.financial-summary .financial-summary-section').css('background', '#333'); $('.testi_txt').css('background', '#333'); $('.testimonial_item > p, .ethics-tcoc').css('background', '#333'); //$('.tab-content .panel.open').css('background', 'transparent'); }); $(".reset-accessibility").click(function(){ $('body').removeClass('add-contrast') $('body').removeClass('add-contrast2') $('.btn-normal-contrast').removeClass('active') $('.btn-add-contrast').removeClass('active') $('.btn-add-contrast2').removeClass('active') $('.desp_bg, .graybg, .lightBlueBg, .pos_xs_static, .animatedParent ').css('background', '#f2f6f9') $(".multi-fontszie").css('font-size','16px'); //$(".banner-caption p").css('font-size','16px'); $(".banner-caption p").css('font-size','18px'); $("#consolPopupImpairedContent").find('.modal-content').removeClass('add-contrast-consolPopup'); $('#consolPopupImpairedContent ul li p').css('font-size','16px'); $('.banner-caption h1').css('text-shadow','2px 2px 4px rgb(0 0 0 / 73%)'); $("select").css('background', '#ffffff'); $('.table > tbody > tr > th').css('background', '#f2f6f9'); $('.card > a').css('background', '#fff'); $('.title_text_style').css('background', '#f2f6f9'); $('.financial-summary .financial-summary-section').css('background', '#fff'); $('.testi_txt, .animatedParent-tcoc').css('background', '#fff'); $('.testimonial_item > p, .ethics-tcoc').css('background', '#f2f6f9'); //$('.tab-content .panel.open').css('background', '#f2f6f9'); handleToggleAudio(this); handleToggleMouseTrail(this); }); $('#consolPopupImpairedContent').on('hidden.bs.modal', function (e) { $('body').css('padding-right','0'); }) }); </script> <div id="fullpage"> <!-- BANNER START --> <section id="template7-banner" class="banner-container" > <div class="banner scalbg_abs animatedParent"> <div class="scalebg hidden-xs" style="background-image:url(/media/19560/materialnext-50-website-banner-converted.jpg);"></div> <div class="scalebg visible-xs" style="background-image:url(/media/19562/website-banner-adapt-500-781-1.png);"></div> <div class="banner-caption"> <h1></h1> <p> </p> </div> </div> </section> <!-- BANNER END --> <section id="breadcrumb"> <div class="container"> <ul> <li><a href="/" class="black_home ico" style="font-size: 0">Home</a> <ul class="dropdown-menu"> <li><a href="/corporate/">Corporate</a></li> <li><a href="/sustainability/">Sustainability</a></li> <li><a href="/products-solutions/">Products & Solutions</a></li> <li><a href="/investors/">Investors</a></li> <li><a href="/media/">Media</a></li> <li><a href="/newsroom/">Newsroom</a></li> <li><a href="/careers/">Careers</a></li> <li><a href="/contact-us/">Contact Us</a></li> </ul> <li> <a href="/careers/">Careers</a> <ul class="dropdown-menu"> <li><a href="/careers/culture-at-tata-steel/">Culture at Tata Steel</a></li> <li><a href="/careers/work-at-tata-steel/">Work at Tata Steel</a></li> <li><a href="/careers/work-with-us/">Work With Us</a></li> <li><a href="/careers/campus-connect/">Campus Connect</a></li> </ul> </li> <li> <a href="/careers/campus-connect/">Campus Connect</a> <ul class="dropdown-menu"> <li><a href="/careers/campus-connect/overview/">Overview</a></li> <li><a href="/careers/campus-connect/mind-over-matter/">Mind Over Matter</a></li> <li><a href="/careers/campus-connect/steel-a-thon/">Steel-a-thon</a></li> <li><a href="/careers/campus-connect/women-of-mettle/">Women Of Mettle</a></li> <li><a href="/careers/campus-connect/materialnext/">MaterialNEXT</a></li> <li><a href="/careers/campus-connect/tomorrowlab/">TomorrowLAB</a></li> <li><a href="/careers/campus-connect/tata-steel-young-astronomer-talent-search/">Tata Steel Young Astronomer Talent Search</a></li> </ul> </li> <li class="active"><a href="#">MaterialNEXT</a></li> </ul> </div></section> <div class="quick_menu"> <div class="quick_menu_background"></div> <div class="quick_menu_wrapper"> <div class="quick_menu_btn"> <img class="quick_menu_open" src="/images/quick-links.png" alt="Explore more"> <img class="quick_menu_close" src="/images/quick-menu-close.png" alt=""> <span>EXPLORE<br/>MORE</span> </div> <div class="quick_menu_body"> <div class="quick_menu_head"> <h5>Campus Connect</h5> </div> <div class="quick_menu_links"> <ul> <li><a href="/careers/campus-connect/overview/">Overview</a></li> <li><a href="/careers/campus-connect/mind-over-matter/">Mind Over Matter</a></li> <li><a href="/careers/campus-connect/steel-a-thon/">Steel-a-thon</a></li> <li><a href="/careers/campus-connect/women-of-mettle/">Women Of Mettle</a></li> <li><a href="/careers/campus-connect/materialnext/">MaterialNEXT</a></li> <li><a href="/careers/campus-connect/tomorrowlab/">TomorrowLAB</a></li> <li><a href="/careers/campus-connect/tata-steel-young-astronomer-talent-search/">Tata Steel Young Astronomer Talent Search</a></li> </ul> </div> </div> </div> </div> <!--<div class="cancel-btn-right" onclick="cancelSpeech()"> <div role="img" aria-label="Cancel Audio"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#f60" class="bi bi-x-circle" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/> </svg> <span>Cancel<br/>Audio</span> </div> </div> <script> function cancelSpeech(){ console.log('canceSpeech called'); responsiveVoice.cancel(); } </script>--> <!-- CONTENT START --> <div class="eventslogo"><span class="wom_logo1"><img class="img-responsive" src="/media/13050/logo.jpg" alt="" width="" height="" /></span></div> <div class="well desp_bg animatedParent" style="background-color: #fff !important;"> <div class="container "> <h2 class="text-center" style="color: #f79320;">Explore Design Innovate with Tata Steel MaterialNEXT</h2> <p class="text-center" style="text-align: justify;">The world of Tata Steel is one without boundaries - growing, changing and challenging, a world that embraces different skills, continuous innovation, sustainable growth and a better quality of life.</p> <br /> <p class="text-center" style="text-align: justify;">Tata Steel’s sustainable growth and technology leadership aspirations are driven by innovation in multiple areas primary among them being in the domain of New Materials beyond Iron and Steel. At Tata Steel, we are actively pursuing research in Advanced Materials.</p> <br /> <p class="text-center" style="text-align: justify;">Tata Steel Advanced Materials Research Centres (TSAMRC) have also been established to achieve this aspiration, one at Chennai in collaboration with the Indian Institute of Technology, Madras (IITM), and the other at Bengaluru, in collaboration with the Centre for Nano and Soft Matter Sciences (CeNS). The objective of these Centres is to work closely with academia and other centres of expertise to strengthen the portfolio of advanced material research and its applications.</p> <br /> <p class="text-center" style="text-align: justify;">With ever emerging needs, requiring new generation of materials or technologies around the world, Open Innovation approaches are gaining importance and are being increasingly adopted by organizations to feed their innovation funnels to address the problems/challenges identified.</p> <br /> <p class="text-center" style="text-align: justify;">MaterialNEXT, an Open Innovation event hosted by TSAMRC is an effort to increase the richness factor of the innovative ideas in advanced materials domain. Explore Design Innovate with Tata Steel MaterialNEXT.</p> <br /> <p class="text-center" style="text-align: justify;">MaterialNEXT is a flagship event by Tata Steel across Pan-India and is based on key themes/challenges already pre-identified by Tata Steel.</p> <br /> <p class="text-center" style="font-size: 1em;"><a href="https://materialnext.tatasteel.com/" target="_blank" style="font-weight: bold;" class="btn btn-blue-outline anchor_button hvr-sweep-to-right" rel="noopener noreferrer">Click here to Register</a></p> <br /><br /> <!--<p class="text-center" > <img src="/media/13064/tv-narendran.png"> <img src="/media/13060/dr-debashish-bhattacharjee.png"> </p>--></div> </div> <!-- kiran--> <div id="section3" class="section fp-section fp-table active fp-completely" style="background-color: #ffffff;" data-anchor="productions-brands blueheader"> <div class="fp-tableCell" style="height: 1100px;"> <div class="products_brands_bg"> <div class="prod_brand_cont tab_content"> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 height100p heightauto_xs bluebg mobiledropdown animatedParent disp_table" style="background-color: #f79320;"> <div class="disp_tablecell"> <div class="prod_thumb tab_thumb animated slow fadeInLeft go"><span class="span_select">Highlights of MaterialNEXT 5.0 (2024) </span> <ul class="options"> <li class="active"><a href="#" data-letters="Highlights of MaterialNEXT 5.0 (2024)" class="texthover">Highlights of MaterialNEXT 5.0 (2024)</a></li> <li><a href="#" data-letters="Past Events - MaterialNEXT 4.0 (2023)" class="texthover">Past Events - MaterialNEXT 4.0 (2023)</a></li> <li><a href="#" data-letters="Past Events - MaterialNEXT 3.0 (2022)" class="texthover">Past Events - MaterialNEXT 3.0 (2022)</a></li> <li><a href="#" data-letters="Past Events - MaterialNEXT 2.0 (2021)" class="texthover">Past Events - MaterialNEXT 2.0 (2021)</a></li> <li><a href="#" data-letters="Past Events - MaterialNEXT 1.0 (2019)" class="texthover">Past Events - MaterialNEXT 1.0 (2019)</a></li> </ul> <div class="clearfix"></div> </div> </div> </div> <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 height100p heightauto_xs pos_xs_static"> <div class="prod_cont animatedParent" style="padding: 50px 0 0 0;"><!-- Done by Pradeep Kushwaha --> <!-- MN - 4.0 --> <div class="tabdetails" style="display: block; text-align: left;"> <p><strong>MaterialNEXT 5.0 (2024)</strong></p> <p>MaterialNEXT 5.0 has 2 parallel tracks for participation:</p> <ul style="margin-left: 18px;"> <li>Research Track</li> <li>Start-up Track</li> </ul> <p></p> <p style="text-align: justify;">MaterialNEXT 5.0 also has 4 Technology Theme Areas open to both tracks.</p> <p style="text-align: justify;">Advanced materials play a fundamental role in developing breakthrough technologies for a sustainable future. To further explore use of advanced materials in identified emerging technology theme areas, sub-areas have been identified in each area from current and future industry relevance.</p> <p style="text-align: justify;">Ideas and proposals are invited in these sub-areas through research or start-up track after registration. Please refer the eligibility and rules below, before registering in applicable track.</p> <p style="text-align: justify;">The event would consist of 3 Major Phases: Selection, Performance and Finale. After registration by teams, the Selection Phase is a 2-stage process of an online screening followed by discussion-cum-evaluation stage, conducted by subject matter experts. The selected entries will progress to Performance Phase. Performance Phase ends with an evaluation (Pre-Finale) round.</p> <p style="text-align: justify;">The Selected entries from this phase qualify for the Finale Phase and will be called for the Grand Finale to decide winner and runner-up. Please refer the depiction below on event details and timelines.</p> <p style="text-align: justify;">Winner and runner-up teams from both the track gets awarded with cash prizes. Also, post-event mentorship and grants for next level of development will be provided, if applicable.</p> <p class="text-center" style="font-size: 1em;"><a href="https://materialnext.tatasteel.com/" target="_blank" style="font-weight: bold;" class="btn btn-blue-outline anchor_button hvr-sweep-to-right" rel="noopener noreferrer">Click here to Register</a></p> </div> <!-- MN - 4.0 --> <div class="tabdetails" style="display: block; text-align: left;"> <p><strong>MaterialNEXT 4.0 (2023)</strong></p> <p style="text-align: justify;">With encouraging responses during first, second & third editions, fourth edition was launched on November 26th, 2022. The fourth edition of the initiative was launched across pan-India as a flagship event of Tata Steel on four key themes/challenges: Applied Nanomaterials, Energy Materials, Novel Composites & Emerging Construction Materials.</p> <p style="text-align: justify;">MaterialNEXT 4.0 had two tracks: first one for aspiring registered PG and Ph.D. students & research scholars from academia/research centres and second one for the incubated start-ups in seed or series A funding level. Teams competed for the cash prizes, mentorship, and grants for next level of idea developments.</p> <p style="text-align: justify;">The program received registrations from 180 teams with final 158 active ideas (140 in Research track and 18 in Startup track). After the two-stage selection process, 22 top ideas were onboarded for a guided idea development for 2 months. During the idea development/performance phase, all teams received interactive mentoring sessions from the industry specialists cum challenge area owners from Tata Steel and subject matter experts from reputed technical/research institutes. The teams were also supported with small revenue expenditure funds as per activity estimates. All top projects were evaluated and among them 8 pre-finalist teams were selected to participate in grand finale.</p> <p style="text-align: justify;">The grand finale event was held physically at SNTI, Jamshedpur on 11th May 2023. The finale jury comprised of Dr. Bhagavatula L.V. Prasad, Director, Centre for Nano & Soft Matter Sciences (CENS), Bangaluru; Dr Ramanuj Narayan, Senior Principal Scientist & Chair-IICT Hyderabad; Dr Abhaykumar M Kuthe, Professor (HAG), VNIT, Nagpur; Mr. Peeyush Gupta – Vice President, Group Strategic Procurement & Supply Chain, Tata Steel, Mr. Vinay Mahasabde, Chief R&D and Product Technology, Tata Steel.</p> <p style="text-align: justify;">Team “Breath Applied Science Pvt. Ltd.” of Jawaharlal Nehru Centre for Advanced Scientific Research (JNCASR) emerged as the winner of MaterialNEXT 4.0 for developing a solution on “Integrated technologies for sustainable & economical production of Methanol from CO2”. Team “High Energy Zone” of TIFR, Hyderabad was declared as the 1st runner-up for “Development of high-performance rechargeable Zinc-air batteries”.</p> <p style="text-align: justify;">Two 2nd Runner up teams were identified as the intense competitive outcome of the event. Team “Interface Icon” of NIT, Rourkela demonstrated solution for “Hybrid Composite for Hydrogen Storage Tanks” followed by Team “Graphecon Materials” of IIT Guwahati for presenting solution on “Sustainable durable geopolymer coating through homogeneous dispersion of Graphene”.</p> <!--<p class="text-center" style="font-size: 1em;"><a href="https://materialnext.tatasteel.com/" target="_blank" style="font-weight: bold;" class="btn btn-blue-outline anchor_button hvr-sweep-to-right" rel="noopener noreferrer">Click here to Login</a></p>--></div> <!-- MN - 3.0 --> <div class="tabdetails" style="display: none; text-align: left;"> <p><strong>MaterialNEXT 3.0 (2022)</strong></p> <p></p> <p style="text-align: justify;">With encouraging responses during first edition & second edition, third edition was launched on December 16th, 2021. The third edition of the initiative was launched across pan-India as a flagship event of Tata Steel on four key themes/challenges: Material Recycle & Recovery, Hydrogen & CO2, Alternate Construction Materials & Nano Materials</p> <p style="text-align: justify;">MaterialNEXT 3.0 had two tracks: first one for aspiring registered PG and Ph.D. students & research scholars from academia/research centres and second one for the incubated start-ups in seed or series A funding level. Teams competed for the cash prizes, mentorship, and grants for next level of idea developments.</p> <p style="text-align: justify;">The program received registrations from 278 teams with final 166 active ideas (151 in Research track and 15 in Startup track). After the two-stage selection process, 25 top ideas were onboarded for a guided idea development for 2 months. During the idea development/performance phase, all teams received interactive mentoring sessions from the industry specialists cum challenge area owners from Tata Steel and subject matter experts from IITs, NITs and IISc. The teams were also supported with small revenue expenditure funds as per activity estimates. All top projects were evaluated and among them 8 pre-finalist teams were selected to participate in grand finale.</p> <p style="text-align: justify;">The grand finale event was held physically at Beldih Club, Jamshedpur on 1st June 2022. The finale jury comprised of Mr. Indranil Chattoraj, Director, CSIR-NML, Jamshedpur; Mr. Ashish Anupam, Managing Director, Tata Steel Long Products; Dr. Debashish Bhattacharjee, Vice President, Technology & New Material Business, Tata Steel; Mr. Peeyush Gupta – Vice President, Supply Chain Tata Steel.</p> <p style="text-align: justify;">Team “Nano Tribe” from IIT, Hyderabad won the MaterialNEXT 3.0 for developing a prototype of “Self-powering sensor to detect pre-diabetes in human breadth”. Team “Materials Engineering Lab” from IACS, Kolkata was declared as the 1st runner-up for developing “Facile, high yield & room temperature synthesis process for 2D materials. Team “TCN-IITRPR” of IIT Ropar bagged 2nd runner-up position for showcasing the solution titled “Recovery of pure hydrogen from H2S by greener electrochemical approach”.</p> <!--<p class="text-center" style="font-size: 1em;"><a href="https://materialnext.tatasteel.com/" target="_blank" style="font-weight: bold;" class="btn btn-blue-outline anchor_button hvr-sweep-to-right" rel="noopener noreferrer">Click here to Login</a></p>--></div> <!-- MN 2.0 --> <div class="tabdetails" style="display: none; text-align: left;"> <p><strong>MaterialNEXT 2.0 (2021)</strong></p> <p style="text-align: justify;">With encouraging responses during first edition, second edition was launched on December 28, 2020, coinciding with the birthday of Mr. Ratan N Tata, Chairman Tata Trusts and Chairman Emeritus Tata Sons. The second edition of the initiative was launched across pan-India as a flagship event of Tata Steel on four key themes/challenges: Fiber Reinforced Composites, Novel Coatings, Urban Mining and Medical Materials.</p> <p style="text-align: justify;">MaterialNEXT 2.0 had two tracks: first one for aspiring registered PG and Ph.D. students & research scholars from academia/research centres and second one for the incubated start-ups in seed or series A funding level. Teams competed for the cash prizes, mentorship, and grants for next level of idea developments.</p> <p style="text-align: justify;">The program received registrations from 250 teams with final 91 active ideas (68 in Research track and 23 in Startup track). After the two-stage selection process, 15 top ideas (13 in Research track and 2 in Startup track) were onboarded for a guided idea development for 2-3 months. During the idea development/performance phase, all teams received interactive mentoring sessions from the industry specialists cum challenge area owners from Tata Steel and subject matter experts from IITs, NITs and IISc. The teams were also supported with small revenue expenditure funds as per activity estimates.</p> <p style="text-align: justify;">The grand finale was held as an online event on July 9, 2021. The grand finale jury comprised Dr. Tata Narasinga Rao, Director, ARCI Hyderabad; Dr. Debashish Bhattacharjee, Vice President, Technology & New Material Business, Tata Steel; Mr. Ravi Arora, Vice President, Innovation Program, Tata Sons.</p> <p style="text-align: justify;">Team Titans from VIT, Vellore won the MaterialNEXT 2.0 for developing a prototype of a Titanium alloy implant for the reconstruction of bone defects. Team Changemakers from IISc, Bangalore was declared as the runner-up for creating prototypes of biodegradable & deployable gastrointestinal stents using shape memory polymer composites. The remaining three teams in the top 5 was, Team Biomaterials from IISc Bangalore, Team 7 from IIT Guwahati, Team Collaborative Research from IIT Guwahati and IIT Gandhinagar.</p> <p class="text-center" style="font-size: 1em;"><a href="/media/newsroom/press-releases/india/2021/tata-steel-announces-the-winners-of-the-second-edition-of-materialnext-programme/" target="_blank" style="font-weight: bold;" class="btn btn-blue-outline anchor_button hvr-sweep-to-right" rel="noopener noreferrer">For more detail please visit the press release</a></p> </div> <div class="tabdetails" style="display: none; text-align: left;"> <p><strong>MaterialNEXT 1.0 (2019)</strong></p> <p style="text-align: justify;">The 1st edition of MaterialNEXT was conducted in 2019 in collaboration with the Entrepreneurship Cell, IIT Madras. The event offered a chance to the budding researchers, technology developers and enthusiasts in the field of advanced materials, to propose, produce and present their solution model to experts for the 4 different industrial challenges posed.</p> <p style="text-align: justify;">The first edition, involving three phases, received a registration of a total of 32 teams and 11 teams were selected. In the second phase, teams were given eight weeks to work on their preliminary proposals. The top five teams, selected at the end of second phase, moved to the third and final phase of grand finale. The grand finale was held on May 15, 2019 in Chennai.</p> <p style="text-align: justify;">Team BION from IIT Madras, which created an innovative solution and prototype using Graphene Oxide (GO)-based flexible sweat sensors, won the first edition of the MaterialNEXT.</p> <p style="text-align: justify;">Team BION, comprising Dr. V.T. Fidal Kumar, Dr. Chithra Lekha P, Dr. S Balamurugan and Ms. Desika Prabhakar, was mentored by Prof. T S Chandra from IIT Madras and Dr. Chandrani Pramanik from Tata Steel</p> <p class="text-center" style="font-size: 1em;"><a href="/media/newsroom/press-releases/india/2019/new-flexible-sweat-sensors-wins-the-1st-edition-of-tata-steel-materialnext-programme/" target="_blank" style="font-weight: bold;" class="btn btn-blue-outline anchor_button hvr-sweep-to-right" rel="noopener noreferrer">For more detail please visit the press release</a></p> </div> </div> </div> <div class="clearfix"></div> </div> </div> </div> </div> <!-- /media/15099/tf1-selected-ideas-_-mn-30.pdf--> <div class="mom_block1 animatedParent" style="padding: 0 0 20px 0;"> <ul class="iconlist animated fadeInUp go"> <li><a href="#contentpopup3" class="fancybox"><img src="/media/13047/eligibility.png" alt="Eligibility" width="96" height="96" /> <strong>Eligibility</strong></a></li> <li><a href="#contentpopup1" class="fancybox"><img src="/media/13049/rules-1.png" alt="Rules" width="96" height="96" /> <strong> Rules</strong></a></li> <li><a href="#contentpopup2" class="fancybox"><img src="/media/13048/rewards-1.png" alt="Rewards" width="96" height="96" /> <strong>Rewards</strong></a></li> <li><a href="/media/20421/mn5-0-grand-finale-results-06-05-24.pdf" target="_blank" rel="noopener noreferrer"><img src="/media/13376/result-icon.png" alt="Result" width="96" height="96" /> <strong>Result</strong></a></li> <li><a href="#contentpopup5" class="fancybox"><img src="/media/13140/contact.png" alt="Contact Us" width="96" height="96" /> <strong>Contact Us</strong></a></li> <!--<li><a href="#contentpopup7" class="fancybox"><img src="/images/icons/wild-card.png" alt="" width="96" height="96" /> <strong>Finalists 2019</strong></a></li> <li><a href="#contentpopup6" class="fancybox"><img src="/images/icons/Rewards.png" alt="" width="96" height="96" /> <strong>Winners</strong></a></li>--></ul> <div class="clearfix"></div> </div> <!-- --> <div class="winners_section" style="background: #eee !important; margin-top: 0px !important;"> <p class="text-center big-center1"><img src="/media/20404/info-stage-material-next-5-0-event-details.jpg" class="img-responsive" style="display: inline-block;" alt="MaterialNext 4.0 Event Details" /></p> <p class="text-center" style="font-size: 1em;"><a href="https://materialnext.tatasteel.com/" target="_blank" style="font-weight: bold;" class="btn btn-blue-outline anchor_button hvr-sweep-to-right" rel="noopener noreferrer">Click here to Register</a></p> </div> <!--/media/13351/schedule-1.jpg --> <div class="content_text animatedParent" style="display: block;"> <h2 class="text-center" style="color: #f79320;">MN5.0 Challenge/Theme Areas</h2> <div class=""> <ul class="nav nav-tabs text-center hidden-xs"> <li class=""><a href="#section0" aria-controls="section0" role="tab" data-toggle="tab" class="btn btn-blue-outline">Energy Materials</a></li> <li class=""><a href="#section1" aria-controls="section1" role="tab" data-toggle="tab" class="btn btn-blue-outline">Sustainable Materials</a></li> <li class=""><a href="#section2" aria-controls="section2" role="tab" data-toggle="tab" class="btn btn-blue-outline">Advanced Composites</a></li> <li class=""><a href="#section4" aria-controls="section4" role="tab" data-toggle="tab" class="btn btn-blue-outline">Functional Materials</a></li> </ul> <div class="tabselect"> <div class="form-group select"><select role="tablist" class="form-control"> <option value="0">Energy Materials</option> <option value="1">Sustainable Materials</option> <option value="2">Advanced Composites</option> <option value="3">Functional Materials</option> </select> <div class="select_arrow"></div> </div> </div> <div class="clearfix"></div> <div class="tab-content"> <div id="section0" class="tab-pane fade in active "> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="text-left big-center1"> <p><b class="subarea">Sub-Area :</b> Emerging Materials for Energy storage & Transition in Steel Plant value chain.</p> <p><b class="challages">Scope :</b> Battery Materials, Supercapacitors, Phase change materials, Thermoelectric materials etc.</p> <p><b class="subarea">Sub-Area :</b> Emerging Technologies for Hydrogen.</p> <p><b class="challages">Scope :</b> Hydrogen Synthesis, Hydrogen storage & transfer.</p> </div> </div> </div> </div> <br /> <h3 class="text-center" style="display: none;">Mentors</h3> <div class="well_slider" style="display: none; padding: 0px 0px 70px 0px;"> <div class=" desp_bg" style="padding: 0;"> <div class="container "><!--<h2 class="text-center">Training Centres</h2>--></div> <div id="academy_slider" class="carousel slide" data-ride="carousel" data-interval="false" data-wrap="false"> <div class="carousel-inner"> <div class="row item active"> <div class="wellslider-text text-center"> <div class="wellslider-text-wrapper"><img alt="Material Recycle Recovery Mentors" src="/media/15247/material-recycle-recovery.png" /></div> </div> </div> <!-- <div class="row item"> <div class="wellslider-text text-center"> <div class="wellslider-text-wrapper"> <h2>Mr. Arun Kumar Singh</h2> <img src="/media/14952/arun-kumar-singh.png" /><br /><br /> Steel Recycling Business</div> </div> </div> <div class="row item"> <div class="wellslider-text text-center"> <div class="wellslider-text-wrapper"> <h2>Mr. Aneesh Singhal</h2> <img src="/media/14858/aneesha-singhai.png" /><br /><br /> Steel Recycle Business</div> </div> </div> --></div> </div> </div> <!--<div class="sports_slider_control"> <a class="sports_slider_prev" href="#academy_slider" data-slide="prev"> </a> <a class="sports_slider_next" href="#academy_slider" data-slide="next"> </a> </div>--> <!--<p class="container" style="margin-top: 20px;">The location for NTHA has been identified and is being developed at ISWP Sports Complex in Jamshedpur.</p>--></div> <!--<p class="text-center" style="font-size: 1em;"><a href="https://materialnext.tatasteel.com/" target="_blank" style="font-weight: bold;" class="btn btn-blue-outline anchor_button hvr-sweep-to-right" rel="noopener noreferrer">Click here to Login</a></p>--> <!--<p class="text-center" style="font-size: 1em;"><a href="https://materialnext.tatasteel.com" target="_blank" style="font-weight: bold;" class="btn btn-blue-outline anchor_button hvr-sweep-to-right" rel="noopener noreferrer">Click here to Register</a></p>--></div> <div id="section1" class="tab-pane fade"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="text-left big-center1"> <p><b class="subarea">Sub-Area :</b> Emerging Materials towards Net-Zero Construction.</p> <p><b class="challages">Scope :</b> Recycled materials, Processed Waste, Bio-based materials etc.</p> <p><b class="subarea">Sub-Area :</b> Emerging Materials for Industrial Separation (Water/Air purification, CO2 capture & conversion to fuel).</p> <p><b class="challages">Scope :</b> Catalysts, MOF, COF, etc.</p> </div> </div> </div> </div> <br /> <h3 class="text-center" style="display: none;">Mentors</h3> <div class="well_slider" style="display: none; padding: 0px 0px 70px 0px;"> <div class=" desp_bg" style="padding: 0;"> <div class="container "><!--<h2 class="text-center">Training Centres</h2>--></div> <div id="sports_slider" class="carousel slide" data-ride="carousel" data-interval="false" data-wrap="false"> <div class="carousel-inner"> <div class="row item active"> <div class="wellslider-text text-center"> <div class="wellslider-text-wrapper"><img alt="Mentors" src="/media/15246/hco2-copy.png" /></div> </div> </div> <!-- <div class="row item "> <div class="wellslider-text text-center"> <div class="wellslider-text-wrapper"> <h2>Dr. Mario van Wingerde</h2> <img src="/media/14850/mario-van.png" /><br /><br /> New Materials Business</div> </div> </div> --></div> </div> </div> <!--<div class="sports_slider_control"><a class="sports_slider_prev" href="#sports_slider" data-slide="prev"> </a> <a class="sports_slider_next" href="#sports_slider" data-slide="next"> </a></div> <p class="container" style="margin-top: 20px;">The location for NTHA has been identified and is being developed at ISWP Sports Complex in Jamshedpur.</p>--></div> <!--<p class="text-center" style="font-size: 1em;"><a href="https://materialnext.tatasteel.com/" target="_blank" style="font-weight: bold;" class="btn btn-blue-outline anchor_button hvr-sweep-to-right" rel="noopener noreferrer">Click here to Register</a></p>--></div> <div id="section2" class="tab-pane fade"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="text-left big-center1"> <p><b class="subarea">Sub-Area :</b> Emerging Polymer Composite Applications.</p> <p><b class="challages">Scope :</b> Additive Manufacturing, Shape memory materials, Meta-Materials etc.</p> <p><b class="subarea">Sub-Area :</b> Emerging Light-Weight & Greener Composite Materials.</p> <p><b class="challages">Scope :</b> For Automobile, Transport, Structural applications.</p> </div> </div> </div> </div> <br /> <h3 class="text-center" style="display: none;">Mentors</h3> <div class="well_slider" style="display: none; padding: 0px 0px 70px 0px;"> <div class=" desp_bg" style="padding: 0;"> <div class="container "><!--<h2 class="text-center">Training Centres</h2>--></div> <div id="events_slider" class="carousel slide" data-ride="carousel" data-interval="false" data-wrap="false"> <div class="carousel-inner"> <div class="row item active"> <div class="wellslider-text text-center"> <div class="wellslider-text-wrapper"><img alt="mentors" src="/media/15249/ulternate-construct-1.png" /></div> </div> </div> <!-- <div class="row item"> <div class="wellslider-text text-center"> <div class="wellslider-text-wrapper"> <h2>Mr. Ashok Kumar P</h2> <img src="/media/14859/ashok-kumar.png" /><br /><br /> Research & Development</div> </div> </div> <div class="row item"> <div class="wellslider-text text-center"> <div class="wellslider-text-wrapper"> <h2>Mr. Rohitaswa Chakrabarti</h2> <img src="/media/14852/rohitashwa.png" /><br /><br /> Innovent</div> </div> </div> --></div> </div> </div> <!--<div class="sports_slider_control"><a class="sports_slider_prev" href="#events_slider" data-slide="prev"> </a> <a class="sports_slider_next" href="#events_slider" data-slide="next"> </a></div> <p class="container" style="margin-top: 20px;">The location for NTHA has been identified and is being developed at ISWP Sports Complex in Jamshedpur.</p>--></div> <!--<p class="text-center" style="font-size: 1em;"><a href="https://materialnext.tatasteel.com" target="_blank" style="font-weight: bold;" class="btn btn-blue-outline anchor_button hvr-sweep-to-right" rel="noopener noreferrer">Click here to Register</a></p>--></div> <div id="section4" class="tab-pane fade"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="text-left big-center1"> <p><b class="subarea">Sub-Area :</b> Functional Coating & Lubrication</p> <p><b class="challages">Scope :</b> Heat reflective coatings, Self-healing coatings, stimuli-responsive materials etc.</p> <p><b class="subarea">Sub-Area :</b> Functional Materials for Sensing</p> <p><b class="challages">Scope :</b> Applications in Steel Industry & In-vitro biomedical domain.</p> </div> </div> </div> </div> <br /> <h3 class="text-center" style="display: none;">Mentors</h3> <div class="well_slider" style="display: none; padding: 0px 0px 70px 0px;"> <div class=" desp_bg" style="padding: 0;"> <div class="container "><!--<h2 class="text-center">Training Centres</h2>--></div> <div id="academy_slider1" class="carousel slide" data-ride="carousel" data-interval="false" data-wrap="false"> <div class="carousel-inner"> <div class="row item active"> <div class="wellslider-text text-center"> <div class="wellslider-text-wrapper"><img alt="Mentors" src="/media/15248/nano-material-1.png" /></div> </div> </div> <!-- <div class="row item "> <div class="wellslider-text text-center"> <div class="wellslider-text-wrapper"> <h2>Dr. Chandrani Pramanik</h2> <img src="/media/14860/chandrani-pramanik.png" /><br /><br /> Graphene Business</div> </div> </div> <div class="row item "> <div class="wellslider-text text-center"> <div class="wellslider-text-wrapper"> <h2>Dr. Trilochan Bagarti</h2> <img src="/media/14856/trilochan.png" /><br /><br /> Graphene Business</div> </div> </div> --></div> </div> </div> <!--<div class="sports_slider_control"><a class="sports_slider_prev" href="#academy_slider1" data-slide="prev"> </a> <a class="sports_slider_next" href="#academy_slider1" data-slide="next"> </a></div> <p class="container" style="margin-top: 20px;">The location for NTHA has been identified and is being developed at ISWP Sports Complex in Jamshedpur.</p>--></div> <!--<p class="text-center" style="font-size: 1em;"><a href="https://materialnext.tatasteel.com/" target="_blank" style="font-weight: bold;" class="btn btn-blue-outline anchor_button hvr-sweep-to-right" rel="noopener noreferrer">Click here to Register</a></p>--></div> </div> </div> </div> <div id="contentpopup1" style="display: none;"> <div class="leadership_popup prdetails"> <h3>Rules</h3> <p>1. Participants must first register their team on event portal (<a href="https://materialnext.tatasteel.com/" target="_blank" rel="noopener noreferrer">https://materialnext.tatasteel.com/</a>) to create login credentials. Teams of 2-4 people should be formed to participate in the event.</p> <p>2. All correspondences between the organiser and the team will happen through the registered email-ids of the team. All submissions in this event portal must be done through the unique login credentials generated and shared with teams during registration.</p> <p>3. Participants must login (<a href="https://materialnext.tatasteel.com/" target="_blank" rel="noopener noreferrer">https://materialnext.tatasteel.com/</a>) and submit the idea as per prescribed format in any one Challenge/Theme area under any-one track (Research/ Start-up).</p> <p>4. In the event of selection of submitted idea, participants would be notified for subsequent stage guidelines for submission, evaluation rounds etc. along with deadlines.</p> <p>5. In the event of idea being dropped at any stage of the event, Participants would be notified and their login credentials would be blocked.</p> </div> </div> <div id="contentpopupResult" style="display: none;"> <div class="leadership_popup prdetails"> <h3>Result</h3> <p>Results awaited</p> </div> </div> <div id="contentpopup2" style="display: none;"> <div class="leadership_popup prdetails"> <h3>Rewards</h3> <p>Winner and 1st runner-up teams from both the track gets awarded with cash prizes and mentorship, grants for next level of developments, if applicable.</p> </div> </div> <div id="contentpopup3" style="display: none;"> <div class="leadership_popup prdetails"> <h3>Eligibility</h3> <p><strong>Research Track:</strong> Registered PhD, Research Scholar, Post Doc, PG & UG* from academic institute and research centre. At least one team member must be a PG or PhD.</p> <p><strong>Start-up Track:</strong> Incubated Start-ups in Seed and/or series a funding level.</p> </div> </div> <div id="contentpopup5" style="display: none;"> <div class="leadership_popup prdetails"> <h3>Contact Us</h3> <p>For any queries, please connect us at:</p> <p><strong>Email id: </strong> <a href="mailto:materialnext@tatasteel.com">materialnext@tatasteel.com</a></p> <p><strong>Phone nos: </strong> <a href="tel:7033094837">7033094837</a> , <a href="tel:7907100783">7907100783</a></p> </div> </div> <!------------------------------------Gallery------------------------------------------------------> <div class="winners_section" style="background: #f79320 !important; margin-top: 0px !important;"> <div class="container animatedParent"> <h3 class="animated fadeInUp">Gallery</h3> <ul class="nav nav-tabs text-center animated fadeInUp slow hidden-xs"> <li class="active"><a href="#MN4" aria-controls="MN4" class="btn btn-white-outline" data-toggle="tab">MN 4.0 (2023) - Photos</a></li> <li><a href="#MN3" aria-controls="MN3" class="btn btn-white-outline" data-toggle="tab">MN 3.0 (2022) - Photos</a></li> <li><a href="#win1" aria-controls="win1" class="btn btn-white-outline" data-toggle="tab">MN 2.0 (2021) - Photos</a></li> <li><a href="#win2" aria-controls="win2" class="btn btn-white-outline" data-toggle="tab">MN 2.0 (2021) - Videos</a></li> <li><a href="#win3" aria-controls="win3" class="btn btn-white-outline" data-toggle="tab">MN 1.0 (2019) - Photos</a></li> <li><a href="#win4" aria-controls="win4" class="btn btn-white-outline" data-toggle="tab">MN 1.0 (2019) - Videos</a></li> </ul> <div class="tabselect animated fadeInUp slow"> <div class="form-group select"><select role="tablist" class="form-control"> <option value="0">MN 4.0 (2023) – Photos</option> <option value="1">MN 3.0 (2022) – Photos</option> <option value="2">MN 2.0 (2021) – Photos</option> <option value="3">MN 2.0 (2021) - Videos</option> <option value="4">MN 1.0 (2019) – Photos</option> <option value="5">MN 1.0 (2019) - Videos</option> </select> <div class="select_arrow"></div> </div> </div> <div id="winners" class="tab-content winners_block animated fadeInUp slower"> <div id="MN4" class="tab-pane fade in active "> <ul class="winnergallery"> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/18461/materialnext-image-resize1.jpg"> <img class="img-responsive" src="/media/18461/materialnext-image-resize1.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/18462/materialnext-image-resize2.jpg"> <img class="img-responsive" src="/media/18462/materialnext-image-resize2.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/18463/materialnext-image-resize3.jpg"> <img class="img-responsive" src="/media/18463/materialnext-image-resize3.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/18464/materialnext-image-resize4.jpg"> <img class="img-responsive" src="/media/18464/materialnext-image-resize4.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/18465/materialnext-image-resize5.jpg"> <img class="img-responsive" src="/media/18465/materialnext-image-resize5.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/18466/materialnext-image-resize6.jpg"> <img class="img-responsive" src="/media/18466/materialnext-image-resize6.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/18467/materialnext-image-resize7.jpg"> <img class="img-responsive" src="/media/18467/materialnext-image-resize7.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/18468/materialnext-image-resize8.jpg"> <img class="img-responsive" src="/media/18468/materialnext-image-resize8.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/18469/materialnext-image-resize9.jpg"> <img class="img-responsive" src="/media/18469/materialnext-image-resize9.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/18470/materialnext-image-resize10.jpg"> <img class="img-responsive" src="/media/18470/materialnext-image-resize10.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/18456/materialnext-image-resize11.jpg"> <img class="img-responsive" src="/media/18456/materialnext-image-resize11.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/18457/materialnext-image-resize12.jpg"> <img class="img-responsive" src="/media/18457/materialnext-image-resize12.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/18458/materialnext-image-resize13.jpg"> <img class="img-responsive" src="/media/18458/materialnext-image-resize13.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/18459/materialnext-image-resize14.jpg"> <img class="img-responsive" src="/media/18459/materialnext-image-resize14.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/18460/materialnext-image-resize15.jpg"> <img class="img-responsive" src="/media/18460/materialnext-image-resize15.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> </ul> <div class="clearfix"></div> <p></p> </div> <div id="MN3" class="tab-pane fade "> <ul class="winnergallery"> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/16019/dsc_6256_3.jpg"> <img class="img-responsive" src="/media/16019/dsc_6256_3.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/16018/dsc_6235_3.jpg"> <img class="img-responsive" src="/media/16018/dsc_6235_3.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/16017/dsc_6211_3.jpg"><img class="img-responsive" src="/media/16017/dsc_6211_3.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/16016/dsc_6190_3.jpg"><img class="img-responsive" src="/media/16016/dsc_6190_3.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/16015/dsc_6176_2.jpg"><img class="img-responsive" src="/media/16015/dsc_6176_2.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/16014/dsc_6171_4.jpg"><img class="img-responsive" src="/media/16014/dsc_6171_4.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/16013/dsc_6169_3.jpg"><img class="img-responsive" src="/media/16013/dsc_6169_3.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/16012/dsc_6149_5.jpg"><img class="img-responsive" src="/media/16012/dsc_6149_5.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/16011/dsc_6121_5.jpg"><img class="img-responsive" src="/media/16011/dsc_6121_5.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/16010/dsc_6076_5.jpg"><img class="img-responsive" src="/media/16010/dsc_6076_5.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/16009/dsc_6069_6.jpg"><img class="img-responsive" src="/media/16009/dsc_6069_6.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/16008/dsc_6067_5.jpg"><img class="img-responsive" src="/media/16008/dsc_6067_5.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/16007/dsc_6064_6.jpg"><img class="img-responsive" src="/media/16007/dsc_6064_6.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/16006/img_1968.jpg"><img class="img-responsive" src="/media/16006/img_1968.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/16005/img_1932.jpg"><img class="img-responsive" src="/media/16005/img_1932.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/16004/dsc_6342_5.jpg"><img class="img-responsive" src="/media/16004/dsc_6342_5.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/16003/dsc_6332_6.jpg"><img class="img-responsive" src="/media/16003/dsc_6332_6.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/16002/dsc_6329_6.jpg"><img class="img-responsive" src="/media/16002/dsc_6329_6.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/16001/dsc_6318_6.jpg"><img class="img-responsive" src="/media/16001/dsc_6318_6.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/15999/dsc_6308_6.jpg"><img class="img-responsive" src="/media/15999/dsc_6308_6.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/15998/dsc_6294_5.jpg"><img class="img-responsive" src="/media/15998/dsc_6294_5.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/15997/dsc_6292_7.jpg"><img class="img-responsive" src="/media/15997/dsc_6292_7.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/15996/dsc_6288_6.jpg"><img class="img-responsive" src="/media/15996/dsc_6288_6.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/15995/dsc_6277_6.jpg"><img class="img-responsive" src="/media/15995/dsc_6277_6.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/15994/dsc_6264_5.jpg"><img class="img-responsive" src="/media/15994/dsc_6264_5.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/16000/dsc_6317_6.jpg"><img class="img-responsive" src="/media/16000/dsc_6317_6.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> </ul> <div class="clearfix"></div> <p></p> </div> <div id="win1" class="tab-pane fade"> <ul class="winnergallery"> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/14866/mn-20-finale-result.jpg"> <img class="img-responsive" src="/media/14866/mn-20-finale-result.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/14826/solution-squad.jpg"> <img class="img-responsive" src="/media/14826/solution-squad.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/14825/recomet.jpg"><img class="img-responsive" src="/media/14825/recomet.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/14824/ppt-2.jpg"><img class="img-responsive" src="/media/14824/ppt-2.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/14823/ppt-1.jpg"><img class="img-responsive" src="/media/14823/ppt-1.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/14822/jury.jpg"><img class="img-responsive" src="/media/14822/jury.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/14821/changermakers.jpg"><img class="img-responsive" src="/media/14821/changermakers.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/14820/biomaterials.jpg"><img class="img-responsive" src="/media/14820/biomaterials.jpg" style="width: 310px;" alt="" title="" /></a></div> </li> </ul> <div class="clearfix"></div> <p></p> </div> <div id="win2" class="tab-pane fade"> <div style="text-align: center;"><a class="fancybox" rel="group1 noopener noreferrer" href="#video02" target="_blank"><img class="img-responsive" src="/media/14829/thumbnail-400_200-1.jpg" alt="" title="" style="display: compact !important;" /></a></div> </div> <div id="win3" class="tab-pane fade"> <ul class="winnergallery"> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/13030/dsc_0238.png"><img class="img-responsive" src="/media/13030/dsc_0238.png" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/13031/dsc_0245.png"><img class="img-responsive" src="/media/13031/dsc_0245.png" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/13032/dsc_0249.png"><img class="img-responsive" src="/media/13032/dsc_0249.png" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/13033/dsc_0255.png"><img class="img-responsive" src="/media/13033/dsc_0255.png" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/13034/dsc_0264.png"><img class="img-responsive" src="/media/13034/dsc_0264.png" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/13061/dsc_0312.png"><img class="img-responsive" src="/media/13061/dsc_0312.png" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/13036/dsc_0364.png"><img class="img-responsive" src="/media/13036/dsc_0364.png" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/13062/dsc_0384.png"><img class="img-responsive" src="/media/13062/dsc_0384.png" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/13063/dsc_0422.png"><img class="img-responsive" src="/media/13063/dsc_0422.png" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/13039/dsc_0447.png"><img class="img-responsive" src="/media/13039/dsc_0447.png" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/13040/dsc_0453.png"><img class="img-responsive" src="/media/13040/dsc_0453.png" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/13041/dsc_0456.png"><img class="img-responsive" src="/media/13041/dsc_0456.png" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/13042/dsc_0458.png"><img class="img-responsive" src="/media/13042/dsc_0458.png" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/13043/dsc_0467.png"><img class="img-responsive" src="/media/13043/dsc_0467.png" style="width: 310px;" alt="" title="" /></a></div> </li> <li> <div class="slide"><a class="fancybox" rel="group1" href="/media/13044/dsc_0479.png"><img class="img-responsive" src="/media/13044/dsc_0479.png" style="width: 310px;" alt="" title="" /></a></div> </li> </ul> <div class="clearfix"></div> <p></p> </div> <div id="win4" class="tab-pane fade"> <div style="text-align: center;"><a class="fancybox" rel="group1 noopener noreferrer" href="#video01" target="_blank"><img class="img-responsive" src="/media/13065/thumbnail.jpg" alt="" title="" style="display: compact !important;" /></a></div> </div> <div class="clearfix"></div> <!--<div id="video01" style="display: none;"><video controls="controls" width="100%" height="auto"> <source src="/media/summer-camp/2019-Summer-Camp-compressed-final.mp4" type="video/mp4" /> </video></div>--> <div id="video02" style="display: none;"> <div class="videodisp"><iframe width="560" height="315" src="https://www.youtube.com/embed/SqueC5p_c4I" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div> <div class="videodispm"><iframe width="100%" height="315" src="https://www.youtube.com/embed/SqueC5p_c4I" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div> </div> <div id="video01" style="display: none;"> <div class="videodisp"><iframe width="560" height="315" src="https://www.youtube.com/embed/Uz0tskRdX5o" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div> <div class="videodispm"><iframe width="100%" height="315" src="https://www.youtube.com/embed/Uz0tskRdX5o" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div> </div> </div> </div> </div> <!-----------Gallery Slider-------------------------> <div id="video202013" style="display: none;"> <div class="videodisp"><iframe width="560" height="315" src="https://www.youtube.com/embed/pjeBXAJEtSk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div> <div class="videodispm"><iframe width="100%" height="315" src="https://www.youtube.com/embed/pjeBXAJEtSk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div> </div> <div id="video202014" style="display: none;"> <div class="videodisp"><iframe width="560" height="315" src="https://www.youtube.com/embed/NbWhpScTIQg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div> <div class="videodispm"><iframe width="100%" height="315" src="https://www.youtube.com/embed/NbWhpScTIQg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div> </div> <div id="video202015" style="display: none;"> <div class="videodisp"><iframe width="560" height="315" src="https://www.youtube.com/embed/QZVYVBfS4xg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div> <div class="videodispm"><iframe width="100%" height="315" src="https://www.youtube.com/embed/QZVYVBfS4xg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div> </div> <div id="video202016" style="display: none;"> <div class="videodisp"><iframe width="560" height="315" src="https://www.youtube.com/embed/bPBpw_7oSvc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div> <div class="videodispm"><iframe width="100%" height="315" src="https://www.youtube.com/embed/bPBpw_7oSvc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div> </div> <div id="video202017" style="display: none;"> <div class="videodisp"><iframe width="560" height="315" src="https://www.youtube.com/embed/ptBFYvS2XZA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div> <div class="videodispm"><iframe width="100%" height="315" src="https://www.youtube.com/embed/ptBFYvS2XZA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div> </div> <div id="video202018" style="display: none;"> <div class="videodisp"><iframe width="560" height="315" src="https://www.youtube.com/embed/WDGkdGvLtsI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div> <div class="videodispm"><iframe width="100%" height="315" src="https://www.youtube.com/embed/WDGkdGvLtsI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div> </div> <!-- CONTENT END --> <!-- Footer Section--> <footer> <div class="container"> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12"> <ul class="footer_link"> <li><a href="/disclaimer/" title="Disclaimer" target="_blank">Disclaimer</a>|</li> <li><a href="/privacy-policy/" title="Privacy Policy" target="_blank">Privacy Policy</a>|</li> <li><a href="/cookie-policy/" title="Cookie Policy" target="_blank">Cookie Policy</a>|</li> <li><a href="/sitemap/" title="Sitemap" target="_blank">Sitemap</a></li> </ul> <div class="clearfix"></div> <span class="copyright">© Copyright Tata Steel 2024. All rights reserved.<br> <!-- Crafted by --> <!-- <a href="http://www.hungamadigitalservices.com/" target="_blank">Hungama Digital Services</a> --> </span> </div> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12"> <ul class="download_app"> <!-- <li><img src="/media/12691/rs-logo_18-mm.png" width="" height="" alt=""></li>--> </ul><div class="clearfix"></div> </div> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="margin-top: 13px;"> <ul class="follow_us"> <li>Follow Us On</li> <li><a target='_blank' href="https://www.facebook.com/TataSteelLtd/" class="hvr-bob" title="Facebook"><img src="/media/21237/facebook_logo.png" width="33" height="33" alt="Follow us on Facebook" title="Facebook"></a></li> <li><a target='_blank' href="https://twitter.com/Tatasteelltd" class="hvr-bob" title="Twitter"><img src="/media/21236/x-logo-white.png" width="33" height="33" alt="Follow us on Twitter" title="Twitter"></a></li> <li><a target='_blank' href="https://www.linkedin.com/company/tatasteelltd" class="hvr-bob" title="LinkedIn"><img src="/media/21235/linkedin-logo.png" width="33" height="33" alt="Follow us on LinkedIn" title="LinkedIn"></a></li> <li><a target='_blank' href="https://www.youtube.com/user/Thetatasteel/" class="hvr-bob" title="YouTube"><img src="/media/21234/youtube-logo.png" width="33" height="33" alt="Follow us on YouTube" title="YouTube"></a></li> <li><a target='_blank' href="https://www.instagram.com/tatasteelltd/" class="hvr-bob" title="Instagram"><img src="/media/21233/instagram-logo.png" width="33" height="33" alt="Follow us on Instagram" title="Instagram"></a></li> </ul> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div></div></footer><!-- End Footer Section--> <script type="text/javascript"> $(document).ready(function () { // $('.over_level2 li:nth-child(7)').css('display', 'block'); $(".over_menu .over_level2 a").click(function (e) { var $nextUl = $(this).next("ul"); // Check if any li within the next ul has the text 'India' var hasIndia = $nextUl.find('li:contains("India")').length > 0; // Check if any li within the next ul has the text 'Our Organisation' var hasOur_Organisation = $nextUl.find('li:contains("Our Organisation")').length > 0; // Check if any li within the next ul has the text 'Integrated Report/Annual Report' var hasintegrated_report = $nextUl.find('li:contains("Integrated Report/Annual Report")').length > 0; // var hasAmalgamation = $nextUl.find('li:contains("Amalgamation")').length > 0; // if (!hasIndia && !hasOur_Organisation && !hasintegrated_report && !hasAmalgamation) { if (!hasIndia && !hasOur_Organisation) { $nextUl.addClass("scroll_class_one"); console.log("Class added!"); } }); // Handle click event on third-level menu items $(".over_menu .over_level3 a:contains('Bonds Information')").click(function (e) { console.log("click on bonds info menu!"); var $nextUl = $(this).next("ul"); // Remove scroll_class_one from the third-level menu if 'Bonds Information' is clicked $(this).closest('.over_level3').removeClass("scroll_class_one"); console.log("Removed scroll_class_one from third level!"); }); $(".over_menu .over_level3 a").filter(function () { return $(this).text().trim() === 'Integrated Report & Annual Accounts 2023-24 (117th Year) and related documents'; }).click(function (e) { var $nextUl = $(this).next("ul"); // Remove scroll_class_one from the third-level menu if the exact text is matched $(this).closest('.over_level3').removeClass("scroll_class_one"); console.log("Removed scroll_class_one from third level!"); }); $(".over_menu .over_level3 a").filter(function () { return $(this).text().trim() === 'Integrated Report & Annual Accounts 2022-23 (116th year) and related documents'; }).click(function (e) { var $nextUl = $(this).next("ul"); // Remove scroll_class_one from the third-level menu if the exact text is matched $(this).closest('.over_level3').removeClass("scroll_class_one"); console.log("Removed scroll_class_one from third level!"); }); $(".over_menu .over_level3 a").filter(function () { return $(this).text().trim() === 'Integrated Report & Annual Accounts 2021-22 (115th year) and related documents'; }).click(function (e) { var $nextUl = $(this).next("ul"); // Remove scroll_class_one from the third-level menu if the exact text is matched $(this).closest('.over_level3').removeClass("scroll_class_one"); console.log("Removed scroll_class_one from third level!"); }); }); </script> </div> </div> <div class="privacy-cookie-alert"> <div class="col-md-10 col-sm-10 col-xs-10" style="font-size: 14px;"> This website uses cookies. By continuing to browse this website you are agreeing to our use of cookies. Find out more by reading our <a href="/privacy-policy/" style="font-size: 14px;" target="_blank">Privacy Policy</a> & <a href="/cookies-policy/" style="font-size: 14px;" target="_blank">Cookie Policy.</a></div> <div class="col-md-2 col-sm-2 col-xs-2"> <div class="cookies-closeBtn right" style="display: block;"><span>×</span></div> </div> </div> <!-- Cancel Audio Global --> <div class="cancel-btn-right-global" onclick="cancelSpeech()"> <div role="img" aria-label="Cancel Audio"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#f60" class="bi bi-x-circle" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"></path> </svg> <span>Cancel<br>Audio</span> </div> </div> <script src="/scripts/tatasteel-latest23.js?id=2"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script> <script> function debounce(func, wait, immediate) { var timeout; return function () { var context = this, args = arguments; var later = function () { timeout = null; if (!immediate) func.apply(context, args); }; var callNow = immediate && !timeout; clearTimeout(timeout); timeout = setTimeout(later, wait); if (callNow) func.apply(context, args); }; } if($(".append-career-floating").length > 0){ $("body").append('<div class="careersFloating"><p class="close-btn">×</p>Current openings:<br><a onclick="ga(\'send\',\'event\',\'Tata Steel India Careers\',\'click\',\'naukri\');" rel="noopener noreferrer" href="http://jobsearch.naukri.com/search?xz=7_0_5&qp=TATASTEELNAUK&tem=tatasteel" target="_blank" class="btn btn-blue-outline anchor_button hvr-sweep-to-right">Hosted on Naukri</a> <a onclick="ga(\'send\',\'event\',\'Tata Steel India Careers\',\'click\',\'others_openings\');" rel="noopener noreferrer" href="http://203.197.123.30/recruit/AppList.aspx" target="_blank" class="btn btn-blue-outline anchor_button hvr-sweep-to-right">Apply for jobs/internship</a></div>') $(".careersFloating p.close-btn").click(function(){$(".careersFloating").fadeOut(300)}); } $("#btn_search").click(function(e){ //console.log("enter"); var currentUrl = window.location.hostname; //returns the entire url window.open('https://'+currentUrl + '/search?Search=' + $("#SearchTerm").val(),'_blank'); }); $(document).on("change paste keyup", "#SearchTerm", debounce(function (e) { e.preventDefault(); var form = $(e.target).closest('form'); $(form).submit(); }, 300)); var timelines = $('.cd-horizontal-timeline'), eventsMinDistance = 150; (timelines.length > 0) && initTimeline(timelines); function initTimeline(timelines) { timelines.each(function(){ var timeline = $(this), timelineComponents = {}; //cache timeline components timelineComponents['timelineWrapper'] = timeline.find('.events-wrapper'); timelineComponents['eventsWrapper'] = timelineComponents['timelineWrapper'].children('.events'); timelineComponents['fillingLine'] = timelineComponents['eventsWrapper'].children('.filling-line'); timelineComponents['timelineEvents'] = timelineComponents['eventsWrapper'].find('a'); timelineComponents['timelineDates'] = parseDate(timelineComponents['timelineEvents']); timelineComponents['eventsMinLapse'] = minLapse(timelineComponents['timelineDates']); timelineComponents['timelineNavigation'] = timeline.find('.cd-timeline-navigation'); timelineComponents['eventsContent'] = timeline.children('.events-content'); //assign a left postion to the single events along the timeline setDatePosition(timelineComponents, eventsMinDistance); //assign a width to the timeline var timelineTotWidth = setTimelineWidth(timelineComponents, eventsMinDistance); //the timeline has been initialize - show it timeline.addClass('loaded'); //detect click on the next arrow timelineComponents['timelineNavigation'].on('click', '.next', function(event){ event.preventDefault(); updateSlide(timelineComponents, timelineTotWidth, 'next'); }); //detect click on the prev arrow timelineComponents['timelineNavigation'].on('click', '.prev', function(event){ event.preventDefault(); updateSlide(timelineComponents, timelineTotWidth, 'prev'); }); //detect click on the a single event - show new event content timelineComponents['eventsWrapper'].on('click', 'a', function(event){ event.preventDefault(); timelineComponents['timelineEvents'].removeClass('selected'); $(this).addClass('selected'); updateOlderEvents($(this)); updateFilling($(this), timelineComponents['fillingLine'], timelineTotWidth); updateVisibleContent($(this), timelineComponents['eventsContent']); }); //on swipe, show next/prev event content timelineComponents['eventsContent'].on('swipeleft', function(){ var mq = checkMQ(); ( mq == 'mobile' ) && showNewContent(timelineComponents, timelineTotWidth, 'next'); }); timelineComponents['eventsContent'].on('swiperight', function(){ var mq = checkMQ(); ( mq == 'mobile' ) && showNewContent(timelineComponents, timelineTotWidth, 'prev'); }); //keyboard navigation $(document).keyup(function(event){ if(event.which=='37' && elementInViewport(timeline.get(0)) ) { showNewContent(timelineComponents, timelineTotWidth, 'prev'); } else if( event.which=='39' && elementInViewport(timeline.get(0))) { showNewContent(timelineComponents, timelineTotWidth, 'next'); } }); }); } function updateSlide(timelineComponents, timelineTotWidth, string) { //retrieve translateX value of timelineComponents['eventsWrapper'] var translateValue = getTranslateValue(timelineComponents['eventsWrapper']), wrapperWidth = Number(timelineComponents['timelineWrapper'].css('width').replace('px', '')); //translate the timeline to the left('next')/right('prev') (string == 'next') ? translateTimeline(timelineComponents, translateValue - wrapperWidth + eventsMinDistance, wrapperWidth - timelineTotWidth) : translateTimeline(timelineComponents, translateValue + wrapperWidth - eventsMinDistance); } function showNewContent(timelineComponents, timelineTotWidth, string) { //go from one event to the next/previous one var visibleContent = timelineComponents['eventsContent'].find('.selected'), newContent = ( string == 'next' ) ? visibleContent.next() : visibleContent.prev(); if ( newContent.length > 0 ) { //if there's a next/prev event - show it var selectedDate = timelineComponents['eventsWrapper'].find('.selected'), newEvent = ( string == 'next' ) ? selectedDate.parent('li').next('li').children('a') : selectedDate.parent('li').prev('li').children('a'); updateFilling(newEvent, timelineComponents['fillingLine'], timelineTotWidth); updateVisibleContent(newEvent, timelineComponents['eventsContent']); newEvent.addClass('selected'); selectedDate.removeClass('selected'); updateOlderEvents(newEvent); updateTimelinePosition(string, newEvent, timelineComponents, timelineTotWidth); } } function updateTimelinePosition(string, event, timelineComponents, timelineTotWidth) { //translate timeline to the left/right according to the position of the selected event var eventStyle = window.getComputedStyle(event.get(0), null), eventLeft = Number(eventStyle.getPropertyValue("left").replace('px', '')), timelineWidth = Number(timelineComponents['timelineWrapper'].css('width').replace('px', '')), timelineTotWidth = Number(timelineComponents['eventsWrapper'].css('width').replace('px', '')); var timelineTranslate = getTranslateValue(timelineComponents['eventsWrapper']); if( (string == 'next' && eventLeft > timelineWidth - timelineTranslate) || (string == 'prev' && eventLeft < - timelineTranslate) ) { translateTimeline(timelineComponents, - eventLeft + timelineWidth/2, timelineWidth - timelineTotWidth); } } function translateTimeline(timelineComponents, value, totWidth) { var eventsWrapper = timelineComponents['eventsWrapper'].get(0); value = (value > 0) ? 0 : value; //only negative translate value value = ( !(typeof totWidth === 'undefined') && value < totWidth ) ? totWidth : value; //do not translate more than timeline width setTransformValue(eventsWrapper, 'translateX', value+'px'); //update navigation arrows visibility (value == 0 ) ? timelineComponents['timelineNavigation'].find('.prev').addClass('inactive') : timelineComponents['timelineNavigation'].find('.prev').removeClass('inactive'); (value == totWidth ) ? timelineComponents['timelineNavigation'].find('.next').addClass('inactive') : timelineComponents['timelineNavigation'].find('.next').removeClass('inactive'); } function updateFilling(selectedEvent, filling, totWidth) { //change .filling-line length according to the selected event var eventStyle = window.getComputedStyle(selectedEvent.get(0), null), eventLeft = eventStyle.getPropertyValue("left"), eventWidth = eventStyle.getPropertyValue("width"); eventLeft = Number(eventLeft.replace('px', '')) + Number(eventWidth.replace('px', ''))/2; var scaleValue = eventLeft/totWidth; setTransformValue(filling.get(0), 'scaleX', scaleValue); } function setDatePosition(timelineComponents, min) { for (i = 0; i < timelineComponents['timelineDates'].length; i++) { var distance = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][i]), distanceNorm = Math.round(distance/timelineComponents['eventsMinLapse']) + 2; timelineComponents['timelineEvents'].eq(i).css('left', distanceNorm*min+'px'); } } function setTimelineWidth(timelineComponents, width) { var timeSpan = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][timelineComponents['timelineDates'].length-1]), timeSpanNorm = timeSpan/timelineComponents['eventsMinLapse'], timeSpanNorm = Math.round(timeSpanNorm) + 4, totalWidth = timeSpanNorm*width; timelineComponents['eventsWrapper'].css('width', totalWidth+'px'); updateFilling(timelineComponents['timelineEvents'].eq(0), timelineComponents['fillingLine'], totalWidth); return totalWidth; } function updateVisibleContent(event, eventsContent) { var eventDate = event.data('date'), visibleContent = eventsContent.find('.selected'), selectedContent = eventsContent.find('[data-date="'+ eventDate +'"]'), selectedContentHeight = selectedContent.height(); if (selectedContent.index() > visibleContent.index()) { var classEnetering = 'selected enter-right', classLeaving = 'leave-left'; } else { var classEnetering = 'selected enter-left', classLeaving = 'leave-right'; } selectedContent.attr('class', classEnetering); visibleContent.attr('class', classLeaving).one('webkitAnimationEnd oanimationend msAnimationEnd animationend', function(){ visibleContent.removeClass('leave-right leave-left'); selectedContent.removeClass('enter-left enter-right'); }); eventsContent.css('height', selectedContentHeight+'px'); } function updateOlderEvents(event) { event.parent('li').prevAll('li').children('a').addClass('older-event').end().end().nextAll('li').children('a').removeClass('older-event'); } function getTranslateValue(timeline) { var timelineStyle = window.getComputedStyle(timeline.get(0), null), timelineTranslate = timelineStyle.getPropertyValue("-webkit-transform") || timelineStyle.getPropertyValue("-moz-transform") || timelineStyle.getPropertyValue("-ms-transform") || timelineStyle.getPropertyValue("-o-transform") || timelineStyle.getPropertyValue("transform"); if( timelineTranslate.indexOf('(') >=0 ) { var timelineTranslate = timelineTranslate.split('(')[1]; timelineTranslate = timelineTranslate.split(')')[0]; timelineTranslate = timelineTranslate.split(','); var translateValue = timelineTranslate[4]; } else { var translateValue = 0; } return Number(translateValue); } function setTransformValue(element, property, value) { element.style["-webkit-transform"] = property+"("+value+")"; element.style["-moz-transform"] = property+"("+value+")"; element.style["-ms-transform"] = property+"("+value+")"; element.style["-o-transform"] = property+"("+value+")"; element.style["transform"] = property+"("+value+")"; } //based on http://stackoverflow.com/questions/542938/how-do-i-get-the-number-of-days-between-two-dates-in-javascript function parseDate(events) { var dateArrays = []; events.each(function(){ var dateComp = $(this).data('date').split('/'), newDate = new Date(dateComp[2], dateComp[1]-1, dateComp[0]); dateArrays.push(newDate); }); return dateArrays; } function parseDate2(events) { var dateArrays = []; events.each(function(){ var singleDate = $(this), dateComp = singleDate.data('date').split('T'); if( dateComp.length > 1 ) { //both DD/MM/YEAR and time are provided var dayComp = dateComp[0].split('/'), timeComp = dateComp[1].split(':'); } else if( dateComp[0].indexOf(':') >=0 ) { //only time is provide var dayComp = ["2000", "0", "0"], timeComp = dateComp[0].split(':'); } else { //only DD/MM/YEAR var dayComp = dateComp[0].split('/'), timeComp = ["0", "0"]; } var newDate = new Date(dayComp[2], dayComp[1]-1, dayComp[0], timeComp[0], timeComp[1]); dateArrays.push(newDate); }); return dateArrays; } function daydiff(first, second) { return Math.round((second-first)); } function minLapse(dates) { //determine the minimum distance among events var dateDistances = []; for (i = 1; i < dates.length; i++) { var distance = daydiff(dates[i-1], dates[i]); dateDistances.push(distance); } return Math.min.apply(null, dateDistances); } /* How to tell if a DOM element is visible in the current viewport? http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport */ function elementInViewport(el) { var top = el.offsetTop; var left = el.offsetLeft; var width = el.offsetWidth; var height = el.offsetHeight; while(el.offsetParent) { el = el.offsetParent; top += el.offsetTop; left += el.offsetLeft; } return ( top < (window.pageYOffset + window.innerHeight) && left < (window.pageXOffset + window.innerWidth) && (top + height) > window.pageYOffset && (left + width) > window.pageXOffset ); } function checkMQ() { //check if mobile or desktop device return window.getComputedStyle(document.querySelector('.cd-horizontal-timeline'), '::before').getPropertyValue('content').replace(/'/g, "").replace(/"/g, ""); } </script> <script> var http = false; if (navigator.appName == "Microsoft Internet Explorer") { http = new ActiveXObject("Microsoft.XMLHTTP"); } else { http = new XMLHttpRequest(); } function hdsSearch() { var searchText1=document.getElementById("txt_search").value; //lets check for harmfull characters var res = searchText1.substring(0, 1); if(res == ">" || res == "<") { searchText1 = searchText1.replace(">","").replace("<",""); } //end of handling harmfull characters url="https://www.tatasteel.com/getsearchresult?SearchText="+ searchText1; //url="city.aspx"; http.open("GET", url); http.onreadystatechange = function() { if (http.readyState == 4) { // alert(http.responseText); document.getElementById("search_res").innerHTML = http.responseText; } } http.send(null); if(!searchText1){ $("#search_res").hide(); } else{ $("#search_res").show(); } } function goAllResult() { //console.log("enter"); var currentUrl = window.location.hostname; //returns the entire url window.open('https://'+currentUrl + '/search?Search=' + document.getElementById("txt_search").value,'_blank'); } </script> <script type="text/javascript"> $(document).ready(function () { var img = $('<img>', { src: '/images/over-menu/media.png', // Replace with your image URL alt: 'Newsroom' // Optional alt text }); $('.over_level1 span.text').filter(function() { return $(this).text() === 'Newsroom'; }).before(img); // $('<li class="tsBlog"><a href="https://blog.tatasteel.com/" target="_blank"><img src="/media/14143/blog-png.png" alt=""><span class="text">Blog</span></a></li>').insertAfter($('.over_level1 li:nth-child(6)')); // $( ".phone_link" ).append( "<li><a class='decrease' id='down'>A-</a></li>" ); // $( ".phone_link" ).append( "<li><a class='increase' id='up'>A+</a></li>" ); //alert('hi'); $("#down").on( "click", function() { //alert('hi'); $(".pdf_link").css("font-size", "-=2"); $(".btn.btn-blue-outline").css("font-size", "-=2"); }); $(".increase").on( "click", function() { $(".pdf_link").css("font-size", "+=2"); $(".btn.btn-blue-outline").css("font-size", "+=2"); }); $('.menu_head a[href="/sustainability/"]').removeAttr("href"); $('.menu_head a[href="/sustainability/environment/"]').removeAttr("href"); $('.menu_head a[href="/sustainability/social/"]').removeAttr("href"); $('.menu_head a[href="/sustainability/governance/"]').removeAttr("href"); }); </script> <!-- ================== GA =================== --> <script> // $(".location_link a").on("click", function() { // window.dataLayer = window.dataLayer || []; // dataLayer.push({ // 'event': "navigation_bar", // add:{ // 'destination_page_url': $(this).attr('href'), // 'page_url': window.location.hostname, // 'previous_page_url': window.location.hostname, // 'pageTitle' : document.title, // 'user_id' : ga.getAll()[0].get('clientId') // } // }); // console.log(window.location.hostname); // console.log(document.title); // console.log(window.location.href); // console.log('User id ', ga.getAll()[0].get('clientId')); // //console.log('Previous Url : ',window.history); // }); $('.sublevel li a').on('click',function(){ window.dataLayer = window.dataLayer || []; dataLayer.push({ 'event': "navigation_bar", add:{ 'destination_page_url': $(this).attr('href'), 'page_url': window.location.hostname, 'previous_page_url': window.location.hostname, 'pageTitle' : document.title, } }); console.log($(this).attr('href')); console.log('User Id ',ga.getAll()[0].get('clientId')); // alert($(this).attr('href')); }); </script> <!-- contact Us --> <script> // for home menu $(".home_link").on("click", function () { dataLayer.push({ event: "navigation_bar", add: { destination_page_url: $('.home_link').find('a').attr('href'), page_url: window.location.href, menu_category: $('.home_link').find('a').attr('title'), user_id: ga.getAll()[0].get('clientId') }, }); // console.log('designation', $('.home_link').find('a').attr('href')); // console.log('Page Url', window.location.href); // console.log('Category', $('.home_link').find('a').attr('title')); // console.log(ga.getAll()[0].get('clientId')); }); // contact Us $(".phone_link").on("click", function () { dataLayer.push({ event: "navigation_bar", add: { destination_page_url: $('.phone_link').find('a').attr('href'), page_url: window.location.href, menu_category: $('.phone_link').find('a').attr('title'), user_id: ga.getAll()[0].get('clientId') }, }); // console.log('designation', $('.phone_link').find('a').attr('href')); // console.log('Page Url', window.location.href); // console.log('Category', $('.phone_link').find('a').attr('title')); // console.log(ga.getAll()[0].get('clientId')); }); // Search $(".search_link a").on("click", function () { dataLayer.push({ event: "navigation_bar", add: { destination_page_url: $('.search_link').find('a').attr('href'), page_url: window.location.href, menu_category: $('.search_link').find('a').attr('title'), user_id: ga.getAll()[0].get('clientId') }, }); // console.log('designation', $('.search_link').find('a').attr('href')); // console.log('Page Url', window.location.href); // console.log('Category', $('.search_link').find('a').attr('title')); // console.log(ga.getAll()[0].get('clientId')); }); // User Guide $(".guide_link").on("click", function () { dataLayer.push({ event: "navigation_bar", add: { destination_page_url: $('.guide_link').find('a').attr('href'), page_url: window.location.href, menu_category: $('.guide_link').find('a').attr('title'), user_id: ga.getAll()[0].get('clientId') }, }); // console.log('designation', $('.guide_link').find('a').attr('href')); // console.log('Page Url', window.location.href); // console.log('Category', $('.guide_link').find('a').attr('title')); // console.log(ga.getAll()[0].get('clientId')); }); //accessibility-link $(".accessibility-link a").on("click", function () { dataLayer.push({ event: "navigation_bar", add: { destination_page_url: $('.accessibility-link').find('a').attr('href'), page_url: window.location.href, menu_category: $('.accessibility-link').find('a').attr('title'), user_id: ga.getAll()[0].get('clientId') }, }); // console.log('designation', $('.accessibility-link').find('a').attr('href')); // console.log('Page Url', window.location.href); // console.log('Category', $('.accessibility-link').find('a').attr('title')); // console.log(ga.getAll()[0].get('clientId')); }); $('#LocateMap').on("click", function() { dataLayer.push({ 'event': "locate_on_map_cta", add:{ //'destination_page_url': $(this).attr('href'), 'page_url': window.location.href, 'previous_page_url': window.location.hostname, //'pageTitle' : document.title, 'user_id' : ga.getAll()[0].get('clientId') } }); // console.log(window.location.hostname); // console.log(document.title); // console.log('worklgin Locate Map'); // console.log(window.location.href); // console.log('User id ', ga.getAll()[0].get('clientId')); }); // Customer feedback event $('#customer_feedback').on("click", function() { dataLayer.push({ 'event': "customer_feedback", add:{ 'destination_page_url': $(this).attr('href'), 'page_url': window.location.href, //'previous_page_url': window.location.hostname, //'pageTitle' : document.title, 'user_id' : ga.getAll()[0].get('clientId') } }); // console.log(window.location.hostname); // console.log(document.title); // console.log('worklgin contact'); // console.log(window.location.href); // console.log('User id ', ga.getAll()[0].get('clientId')); }); // Contact icon locate_us $('#ContactBtn').on("click", function() { dataLayer.push({ 'event': "contact_cta", add:{ 'destination_page_url': $(this).attr('href'), 'page_url': window.location.href, 'previous_page_url': window.location.hostname, //'pageTitle' : document.title, 'user_id' : ga.getAll()[0].get('clientId') } }); // console.log(window.location.hostname); // console.log(document.title); // console.log('working contact icon'); // console.log(window.location.href); // console.log('User id ', ga.getAll()[0].get('clientId')); }); // Explore more $('.explore_more .anchor_button').on("click", function() { dataLayer.push({ 'event': "global_footprint", add:{ 'destination_page_url': $(this).attr('href'), 'page_url': window.location.href, // 'previous_page_url': window.location.hostname, // 'pageTitle' : document.title, // 'user_id' : ga.getAll()[0].get('clientId') 'click_button' : true } }); // console.log($(this).attr('href')); // console.log(window.location.hostname); // console.log(window.location.href); // console.log(window.location.href); // console.log('User id ', ga.getAll()[0].get('clientId')); }); // Social Media $(".hvr-bob").on("click", function () { dataLayer.push({ event: "social_click", add: { channel_name: $(this).attr("title"), user_id: ga.getAll()[0].get("clientId"), }, }); //console.log($(this).attr("title")); //console.log("User id ", ga.getAll()[0].get("clientId")); }); $(".prod_box a").on("click", function () { dataLayer.push({ event: "country_cta", add: { destination_page_url: $(this).attr('href'), page_url: window.location.href, previous_page_url: window.location.href, }, }); // console.log(window.location.href); // console.log($(this).attr('href')); }); $('.pdflist li').on("click", function () { dataLayer.push({ event: "pdf_downloads", add: { destination_page_url: $(this).find('a').attr('href'), pdf_name: $(this).text(), user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Previous url', $(this).find('a').attr('href')); // console.log('Pdf Name', $(this).text()); // console.log(ga.getAll()[0].get('clientId')); }); // social icon // $(".hvr-bob").on("click", function () { // dataLayer.push({ // event: "social_click", // add: { // channel_name: $(this).attr('title'), // user_id : ga.getAll()[0].get('clientId') // }, // }); // console.log('name', $(this).attr('title')); // console.log(ga.getAll()[0].get('clientId')); // }); // Top Home Menu // $(".head_toplink ul li a").on("click", function () { // dataLayer.push({ // event: "navigation_bar", // add: { // destination_page_url: $(this).attr('href'), // page_url: window.location.href, // menu_category: $(this).attr('title'), // user_id : ga.getAll()[0].get('clientId') // }, // }); // }); // accessibility_settings_menu //switch-checkbox-text $(".audioGz span").on("click", function () { //console.log($(this).text()); //console.log($(this).find('.switch-checkbox-text').html()); dataLayer.push({ event: "accessibility_settings_menu", add: { destination_page_url: '', page_url: window.location.href, menu_click: $(this).text(), user_id : ga.getAll()[0].get('clientId') }, }); }); $(".mousetrailGz span").on("click", function () { //console.log($(this).text()); //console.log($(this).find('.switch-checkbox-text').html()); dataLayer.push({ event: "accessibility_settings_menu", add: { destination_page_url: '', page_url: window.location.href, menu_click: $(this).text(), user_id : ga.getAll()[0].get('clientId') }, }); }); //disability VisuallyImpaired $(".VisuallyImpaired").on("click", function () { dataLayer.push({ event: "accessibility_settings_menu", add: { destination_page_url: '', page_url: window.location.href, menu_click: $(this).text(), user_id : ga.getAll()[0].get('clientId') }, }); }); //HearingImpaired $(".HearingImpaired").on("click", function () { dataLayer.push({ event: "accessibility_settings_menu", add: { destination_page_url: '', page_url: window.location.href, menu_click: $(this).text(), user_id : ga.getAll()[0].get('clientId') }, }); }); //accessibility_tools # // for font size $("#font_selection_box").on("click", function () { dataLayer.push({ event: "accessibility_tools", add: { previous_page_url: document.referrer, destination_page_url: '', menu_click: $(this).text(), user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Back url', document.referrer); // console.log('Page Url', window.location.href); // console.log('Menu Click', $(this).attr('id')); // //console.log('Html Code', $(this).html()); // console.log(ga.getAll()[0].get('clientId')); }); //contrast $(".contrast").on("click", function () { dataLayer.push({ event: "accessibility_tools", add: { previous_page_url: document.referrer, destination_page_url: '', menu_click: $(this).attr('class'), user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Back url', document.referrer); // console.log('Page Url', window.location.href); // console.log('Menu Click', $(this).attr('class')); // //console.log('Html Code', $(this).html()); // console.log(ga.getAll()[0].get('clientId')); }); // mouse and text audio $(".switch2").on("click", function () { dataLayer.push({ event: "accessibility_tools", add: { previous_page_url: document.referrer, destination_page_url: '', menu_click: $(this).find('input').attr('id'), user_id : ga.getAll()[0].get('clientId') }, }); }); // Reset button $(".reset-accessibility").on("click", function () { dataLayer.push({ event: "accessibility_tools", add: { previous_page_url: document.referrer, destination_page_url: '', menu_click: $('.reset-accessibility').text(), user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Back url', document.referrer); // console.log('Page Url', window.location.href); // console.log('Menu Click', $('.reset-accessibility').text()); // console.log(ga.getAll()[0].get('clientId')); }); // spotlight banner $(".banner_slideshow a.thumblink").on("click", function () { dataLayer.push({ event: "scrolling_banner_cta", add: { destination_page_url: $(this).attr('href'), banner_name: $(this).text(), previous_page_url: document.referrer, banner_id : $(this).data('slide-index'), user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Prious url', document.referrer); // console.log('Banner Name', $(this).text()); // console.log('Banner Id', $(this).data('slide-index')); // console.log(window.location.href); // console.log($(this).attr('href')); // console.log(ga.getAll()[0].get('clientId')); }); $(".ts_home_banner").on("click", function () { dataLayer.push({ event: "banner", add: { destination_page_url: $(this).attr('href'), previous_page_url: document.referrer, user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Back url', document.referrer); // console.log(window.location.href); // console.log($(this).attr('href')); // console.log(ga.getAll()[0].get('clientId')); }); $(".cancel-btn-right-global").on("click", function () { dataLayer.push({ event: "cancel_audio", add: { destination_page_url: $('.cancel-btn-right-global').attr('href'), previous_page_url: document.referrer, user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Cancel button working'); // console.log('Previous url', document.referrer); // console.log($('.cancel-btn-right-global').attr('href')); // console.log(ga.getAll()[0].get('clientId')); }); $(".quick_menu_btn").on("click", function () { dataLayer.push({ event: "explore_more", add: { destination_page_url: '', previous_page_url: document.referrer, user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Previous url', document.referrer); //console.log('Destination url', $('.page-control a').attr('href')); //console.log(ga.getAll()[0].get('clientId')); }); // tata steel Pravesh $(".knw-more").on("click", function () { dataLayer.push({ event: "product_know_more", add: { destination_page_url: $(this).attr('href'), previous_page_url: document.referrer, user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Previous url', document.referrer); // console.log('Destination url', $('.knw-more').attr('href')); // console.log(ga.getAll()[0].get('clientId')); }); $(".buynowAshiyan").on("click", function () { dataLayer.push({ event: "buy_now_click", add: { destination_page_url: $(this).attr('href'), previous_page_url: document.referrer, user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Previous url', document.referrer); // console.log('Destination url', $('.buynowAshiyan').attr('href')); // console.log(ga.getAll()[0].get('clientId')); }); // blog show all $(".page-control a").on("click", function () { dataLayer.push({ event: "show_all", add: { destination_page_url: $(this).attr('href'), previous_page_url: document.referrer, user_id : ga.getAll()[0].get('clientId') }, }); console.log('Previous url', document.referrer); console.log('Destination url', $('.page-control a').attr('href')); console.log(ga.getAll()[0].get('clientId')); }); // Product Page $(".thumbnail_text a").on("click", function () { dataLayer.push({ event: "product_click", add: { destination_page_url: $(this).attr('href'), page_url: window.location.href, user_id : ga.getAll()[0].get('clientId') }, }); /* console.log('Previous url', document.referrer); console.log('Current url', window.location.href); console.log($(this).attr('href')); console.log('Thumb Desination url', $(this).attr('href')); console.log(ga.getAll()[0].get('clientId')); */ }); // product page Brand Click $('.ps-brands li a').on("click", function () { dataLayer.push({ event: "brand_click", add: { destination_page_url: $(this).attr('href'), page_url: window.location.href, user_id : ga.getAll()[0].get('clientId') }, }); }); // Fraud Msg // $("#mpopupBox").on("click", function () { // console.log('fraud aowkring'); // }); // ================= Podcast Play ================ $('.podcastTS .pcast-play').on("click", function () { dataLayer.push({ event: "podcast", add: { previous_page_url: document.referrer, podcast_name: $(this).parents('.podcastTS').find('.blgTitle').html(), podcast_play: true, podcast_stop: false, podcast_download: false, destination_page_url: '', user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Previous url', document.referrer); // console.log('Current url', window.location.href); // console.log('Podcast Name: ', $(this).find('.blgTitle').text()); // console.log(ga.getAll()[0].get('clientId')); }); // Podcast podcast_stop $('.podcastTS .pcast-pause').on("click", function () { dataLayer.push({ event: "podcast", add: { previous_page_url: document.referrer, podcast_name: $(this).parents('.podcastTS').find('.blgTitle').html(), podcast_play: false, podcast_stop: true, podcast_download: false, destination_page_url: '', user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Previous url', document.referrer); // console.log('Current url', window.location.href); // console.log('Podcast Name: ', $(this).find('.blgTitle').text()); // console.log(ga.getAll()[0].get('clientId')); }); // Podcast podcast_stop $('.podcastTS .pcast-download').on("click", function () { dataLayer.push({ event: "podcast", add: { previous_page_url: document.referrer, podcast_name: $(this).parents('.podcastTS').find('.blgTitle').html(), podcast_play: false, podcast_stop: false, podcast_download: true, destination_page_url: '', user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Previous url', document.referrer); // console.log('Current url', window.location.href); // console.log('Podcast Name: ', $(this).find('.blgTitle').text()); // console.log(ga.getAll()[0].get('clientId')); }); // Contact Us Drop down country $("#ddlSelectCountry").on("change", function () { dataLayer.push({ event: "select_location", add: { destination_page_url: '', page_url: window.location.href, user_id : ga.getAll()[0].get('clientId'), }, }); // console.log('Current url', window.location.href); //console.log(ga.getAll()[0].get('clientId')); }); //hamburger_menu for Blog menu // $('.over_level1 li a').on("click", function () { // var blog = $(this).find('span.text').text(); // if(blog == 'Blog') // { // dataLayer.push({ // event: "hamburger_menu", // add: { // page_url: window.location.href, // menu_category: 'Blog', // user_id : ga.getAll()[0].get('clientId') // }, // }); // } // }); //for contact us menu $('.over_level1 li a span.text').on("click", function () { var data = $(this).text(); // console.log(data); if(data == 'Contact Us') { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: 'Contact Us', user_id : ga.getAll()[0].get('clientId') }, }); } }); // for blog $('.over_level1').on("click", '.tsBlog', function () { //console.log('working'); var dataBlog = $(this).find('a span').text(); if(dataBlog == 'Blog') { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: 'Blog', user_id : ga.getAll()[0].get('clientId') }, }); } }); // for second menu $('.over_level2 li a').on("click", function () { var podcast = $(this).find('span').text(); if(podcast == 'Podcasts') { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: $(this).parents('.over_level2').find('.menu_head a span').html(), sub_menu_category: 'Podcasts', user_id : ga.getAll()[0].get('clientId') }, }); } }); // europe $('.over_level2 li a').on("click", function () { var data1 = $(this).find('span').text(); console.log(data1); if(data1 == 'Europe') { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: $(this).parents('.over_level2').find('.menu_head a span').html(), sub_menu_category: 'Europe', user_id : ga.getAll()[0].get('clientId') }, }); }else if(data1 == 'South East Asia') { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: $(this).parents('.over_level2').find('.menu_head a span').html(), sub_menu_category: 'South East Asia', user_id : ga.getAll()[0].get('clientId') }, }); } else if(data1 == 'Fraud Alert Message') { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: $(this).parents('.over_level2').find('.menu_head a span').html(), sub_menu_category: 'Fraud Alert Message', user_id : ga.getAll()[0].get('clientId') }, }); } else if(data1 == 'UN Sustainability Development Goals') { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: $(this).parents('.over_level2').find('.menu_head a span').html(), sub_menu_category: 'UN Sustainability Development Goals', user_id : ga.getAll()[0].get('clientId') }, }); } else if(data1 == 'Integrated Report/Annual Report') { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: $(this).parents('.over_level2').find('.menu_head a span').html(), sub_menu_category: 'Integrated Report/Annual Report', user_id : ga.getAll()[0].get('clientId') }, }); } else if(data1 == 'Awards and Recognitions') { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: $(this).parents('.over_level2').find('.menu_head a span').html(), sub_menu_category: 'Awards and Recognitions', user_id : ga.getAll()[0].get('clientId') }, }); } else if(data1 == 'Media') { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: $(this).parents('.over_level2').find('.menu_head a span').html(), sub_menu_category: 'Media', user_id : ga.getAll()[0].get('clientId') }, }); } else if(data1 == 'Our Global Footprint') { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: $(this).parents('.over_level2').find('.menu_head a span').html(), sub_menu_category: 'Our Global Footprint', user_id : ga.getAll()[0].get('clientId') }, }); } }); // third menu // for second menu $('.over_level3 li a').on("click", function () { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: $(this).parents('.over_level2').find('.menu_head a span').html(), sub_menu_category: $(this).parents('.over_level3').find('.menu_head a span').html() || '', sub_menu_category_1: $(this).find('span').text() || '', user_id : ga.getAll()[0].get('clientId') }, }); }); // breadcrumb for all pages $("#breadcrumb a").on("click", function () { dataLayer.push({ event: "breadcrumb", add: { destination_page_url: $(this).attr('href'), page_url: window.location.href, previous_page_url : document.referrer // user_id : ga.getAll()[0].get('clientId'), }, }); //console.log('desination url', $(this).attr('href')); //console.log('page url',window.location.href); // console.log('Previour url', document.referrer) }); // search bar // $(".searchbut").on("click", function () { let searchUrl = 'https://www.tatasteel.com/search?Search='; dataLayer.push({ event: "search", add: { destination_page_url: searchUrl + $("[name='Search']").val(), previous_page_url: document.referrer, search_keyword: $("[name='Search']").val(), user_id: ga.getAll()[0].get('clientId') }, }); console.log('destination_page_url', searchUrl + $("[name='Search']").val()); console.log('previous_page_url ', document.referrer); console.log('search_keyword', $("[name='Search']").val()); console.log('User id ', ga.getAll()[0].get('clientId')); }); </script> <script> $("#breadcrumb ul li a").each(function() { $('a[href="/sustainability/"]').each(function() { $(this).removeAttr("href"); }); }); $("#breadcrumb ul li a").each(function() { $('a[href="/corporate/wealsomaketomorrow/structures-of-tomorrow/"]').each(function() { $(this).removeAttr("href"); }); }); $("#breadcrumb ul li a").each(function() { $('a[href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/"]').each(function() { $(this).removeAttr("href"); }); }); $("#breadcrumb ul li a").each(function() { $('a[href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/"]').each(function() { $(this).removeAttr("href"); }); }); $('.menu_head a[href="/corporate/wealsomaketomorrow/structures-of-tomorrow/"]').removeAttr("href"); $('.menu_head a[href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/"]').removeAttr("href"); $('.menu_head a[href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/"]').removeAttr("href"); </script> <!--<script src="/scripts/gtm-datalayer.js?id=2100400120"></script> --> <!-- ================== // ==================== --> <style> /* .over_level3 li:nth-child(7) { display:none; } .over_level2 li:nth-child(7) { display:none; } */ .over_menu ul.over_level3 > li > a, .over_menu ul.over_level4 > li > a { text-transform: initial !important; } </style> </style> <!--Scripts--> <style>.prod_thumb ul li.active{font-size:1.8em;}</style> <!-- ResponsiveVoice script for text-to-speech --> <script src="https://code.responsivevoice.org/responsivevoice.js?key=2ksJ9kjM"></script> <!-- Mouse Trail script --> <script src="https://www.tatasteel.com/scripts/mouse-trail.js?id=01242022"></script> <script type="text/javascript"> $(function(){ $("#sports_slider").on('slid.bs.carousel', function() { addDisableSports(); }); addDisableSports(); function addDisableSports() { var numslider = $("#sports_slider .carousel-inner .item").length; if (($("#sports_slider").find(".carousel-inner .item.active").index()) == numslider -1) { $(".sports_slider_next").addClass("disabled"); } else if (($("#sports_slider").find(".carousel-inner .item.active").index()) == 0) { $(".sports_slider_prev").addClass("disabled"); } else { $(".sports_slider_prev, .sports_slider_next").removeClass("disabled"); } } $("#academy_slider").on('slid.bs.carousel', function() { addDisableSports(); }); addDisableSports(); function addDisableSports() { var numslider = $("#academy_slider .carousel-inner .item").length; if (($("#academy_slider").find(".carousel-inner .item.active").index()) == numslider -1) { $(".sports_slider_next").addClass("disabled"); } else if (($("#academy_slider").find(".carousel-inner .item.active").index()) == 0) { $(".sports_slider_prev").addClass("disabled"); } else { $(".sports_slider_prev, .sports_slider_next").removeClass("disabled"); } } $("#events_slider").on('slid.bs.carousel', function() { addDisableSports(); }); addDisableSports(); function addDisableSports() { var numslider = $("#events_slider .carousel-inner .item").length; if (($("#events_slider").find(".carousel-inner .item.active").index()) == numslider -1) { $(".sports_slider_next").addClass("disabled"); } else if (($("#events_slider").find(".carousel-inner .item.active").index()) == 0) { $(".sports_slider_prev").addClass("disabled"); } else { $(".sports_slider_prev, .sports_slider_next").removeClass("disabled"); } } }); $(document).ready(function(){ var homebanner_config = { minSlides: 1, maxSlides: 4, slideWidth: 347, slideMargin: 0, nextText: ' ', prevText: ' ', responsive:true, moveSlides:1, hideControlOnEnd:true, infiniteLoop:false, pager:false }; var homebanner = []; $('.sliders').each(function(i, slider) { homebanner[i] = $(slider).bxSlider(homebanner_config); }); function reload_homebanner() { $.each(homebanner, function(i, slider) { slider.reloadSlider(homebanner_config); }); }; var winner_gallery = { minSlides: 1, maxSlides: 4, slideWidth: 347, slideMargin: 0, responsive:true, moveSlides:1, hideControlOnEnd:true, infiniteLoop:false, pager:false }; var homebanner2 = []; $('.winnergallery').each(function(j, slider2) { homebanner2[j] = $(slider2).bxSlider(winner_gallery); }); function reload_homebanner2() { $.each(homebanner2, function(j, slider2) { slider2.reloadSlider(winner_gallery); }); }; $('#explore_gallery').bxSlider({ mode:'fade', controls:true, pager:true, auto:false, infiniteLoop: false, hideControlOnEnd:true, onSliderLoad: function(currentIndex) { $('#explore_gallery .explore_item').children().eq(currentIndex + 1).addClass('active-slide'); }, onSlideAfter: function($slideElement){ $('#explore_gallery .explore_item').removeClass('active-slide'); $slideElement.addClass('active-slide'); $slideElement.find('.animated').addClass('go'); } }); $('#testimonial_gallery').bxSlider({ mode:'horizontal', controls:false, auto:true, pause:7000 }); $('#institutes_logo').bxSlider({ minSlides: 1, maxSlides: 8, slideWidth: 115, slideMargin: 20, moveSlides:1, hideControlOnEnd:true, infiniteLoop:false }); $('.fancybox').fancybox({ openEffect : 'elastic', openSpeed : 400, closeEffect : 'elastic', closeSpeed : 400, }); $('.fancyboxvid').fancybox({ openEffect : 'elastic', openSpeed : 400, closeEffect : 'elastic', closeSpeed : 400, type: 'iframe', minHeight: 400 }); $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { e.preventDefault() $(this).tab('show'); reload_homebanner(); reload_homebanner2(); }); $('.scroll-pane').jScrollPane({ horizontalDragMaxWidth:150 }); }); </script> <style> #section3{height:603px} .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: inherit; } .a:hover, a:focus{text-decoration:none !important} .prod_thumb ul li.active:after { border-left: 10px solid #f79320 !important; } .nav-tabs > li .btn.btn-white-outline::after { color: #fff; } .nav-tabs > li.active .btn.btn-white-outline, .nav-tabs > li:hover .btn.btn-white-outline { color: #fff; } .nav-tabs > li:last-child .btn.btn-blue-outline { border-right: 1px solid #f79320!important; } h3 { color: #f79320;} .winners_section .nav-tabs > li.active .btn.btn-white-outline,.winners_section .nav-tabs > li:hover .btn.btn-white-outline { color: #000; } .winners_section .nav-tabs > li a:after{background-color:#fff !important;color:#000 !important;} .nav-tabs > li a:after{background: #f79320;} .btn.btn-blue-outline{ border: 1px solid #f79320!important;color:#f79320} .mom_block1 .iconlist li strong { color: #f79320;} .campaigns .campaigns_txt { max-width: 520px; margin: 0 auto; padding: 0; text-align: center; } .content_text h2 { color: #000; } .content_text p{ margin-bottom: 0; } .content_text h2 { font-size: 2.3em; } .winners_section { margin-top: 60px !important; } .videodisp{display:block;} .videodispm{display:none;} .banner-caption{display:none;} .mobtext{ padding-top:7% !important; } .download-btnsec { text-align: center; background-color: #f2f6f9; width: 100%; padding: 20px 0px; } #academy_slider1 .row.item > div { margin-top:20px;margin-bottom:20px; padding-left: 15px; padding-right: 15px; } #academy_slider .row.item > div { /*width: 49%;*/ margin-top:20px;margin-bottom:20px; padding-left: 15px; padding-right: 15px; /* display: inline-flex;*/ } #sports_slider .row.item > div { width:100% !important; padding-left: 15px;display:block; padding-right: 15px; margin-top:20px;margin-bottom:20px; } #events_slider .row.item > div { padding-left: 15px; padding-right: 15px; margin-top:20px;margin-bottom:20px; } .tabs-left { border-bottom: none !important; border-right: 1px solid #f79320 !important; } .tabs-left > li { float: none !important; margin: 0px !important; display: block !important; } .tabs-left > li.active > a, .tabs-left > li.active > a:hover, .tabs-left > li.active > a:focus { border-bottom-color: #f79320 !important; border-right-color: transparent !important; background: #f79320 !important; border: none !important; border-radius: 0px !important; margin: 0px !important; } .nav-tabs > li a:after{ background: #f79320 !important;} .nav-tabs > li > a:hover { /* margin-right: 2px; */ line-height: 1.42857143 !important; border: 1px solid transparent !important; /* border-radius: 4px 4px 0 0; */ color: #337ab7 !important; } .tabs-left > li.active > a::after { content: "" !important; position: absolute !important; top: 12px !important; right: -10px !important; border-top: 10px solid transparent !important; border-bottom: 10px solid transparent !important; border-left: 10px solid #f90; display: block !important; width: 0 !important; height: auto !important; left: auto; bottom: auto; z-index: 999999999 !important; background: transparent !important; } .btn.btn-blue-outline:before { background: #f79320; } .winners_section.nav-tabs > li .btn.btn-white-outline::after{background: #fff !important;color:#000;} @media screen and (max-width:767px) { #section3{ height: 1770px; .btn.btn-blue-outline { font-size: 1em; } } .videodisp{display:none;} .videodispm{display:block;} .mob{ font-size:.8em; } .mobtext{ padding-top:0% !important; } #academy_slider .row.item > div { width: 100%; padding-left: 15px; padding-right: 15px; display: inline-flex; } #events_slider .row.item > div { width: 100%; padding-left: 15px; padding-right: 15px; display: inline-flex; } .campaigns .image_section { height: 25% !important; } .campaigns .text_section { height: 110vh !important; } .wellslider-text-wrapper { padding-left: 25px; padding-right: 25px; margin: 0 auto; } } .subarea { color: #FF0000; } .challages { color: #1F497D; } </style> <script type="text/javascript"> $(document).ready(function () { $('#campaigns_gal').bxSlider({ mode: 'fade', controls: true, pager: true, auto: false, nextText: ' ', prevText: ' ', autoControls: false, infiniteLoop: false, hideControlOnEnd: true, onSliderLoad: function (currentIndex) { $('#campaigns_gal .items').children().eq(currentIndex + 1).addClass('active-slide'); }, onSlideAfter: function ($slideElement) { $('#campaigns_gal .items').removeClass('active-slide'); $slideElement.addClass('active-slide'); } }); var slideCount = $('.section').length; // /* Tab Demo 1 start */ $(".tabdetails").hide(); //Hide all content $(".prod_thumb ul li:first").each(function () { //Activate first tab $(this).addClass("active").show(); }); $('.tab_content').find(".tabdetails:first").show(); //Show first tab content //On Click Event $(".prod_thumb ul li").click(function () { var indx = $(this).index(); $(this).siblings("li").removeClass("active"); //Remove any "active" class $(this).addClass("active"); //Add "active" class to selected tab $('.tab_content').find(".tabdetails").fadeOut('fast'); $('.tab_content').find(".tabdetails").eq(indx).fadeIn('fast'); return false; }); /* Tab Demo 1 end */ }); </script> <!--Scripts Ends--> </body></html>