CINXE.COM

Tata Steel | Company History & Heritage

<!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/corporate/our-organisation/heritage/"/> <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="Tata Steel | Company History &amp; Heritage"/> <meta property="og:type" content="website"/> <meta property="og:url" content="http://www.tatasteel.com/corporate/our-organisation/heritage/"/> <meta property="og:description" content="Visit the website to know more about the rich history &amp; journey of Tata Steel as it established itself as the first truly Indian enterprise, more than a century ago."/> <meta name="twitter:card" content="Tata Steel | Company History &amp; Heritage"/> <meta name="twitter:url" content="http://www.tatasteel.com/corporate/our-organisation/heritage/"/> <meta name="twitter:title" content="Tata Steel | Company History &amp; Heritage"/> <meta name="twitter:description" content="Visit the website to know more about the rich history &amp; journey of Tata Steel as it established itself as the first truly Indian enterprise, more than a century ago."/> <!--Style start--> <!--Style End--> <title>Tata Steel | Company History &amp; Heritage</title> <meta name="description" content="Visit the website to know more about the rich history &amp; journey of Tata Steel as it established itself as the first truly Indian enterprise, more than a century ago."> <meta name="keywords" content="tata steel history,tata steel pioneer,Heritage"> <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&amp;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 &amp; 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 &amp; 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&#39;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 &amp; 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 &amp; 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 &amp; Windows</span></a></li> <li><a href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/hyperfoam-automotive-steel/"><span>Hyperfoam&#174; 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 &amp; Solutions</span></a> <ul class="over_level2"> <li class="menu_head"><span class="back"></span><a href="/products-solutions/"><span>Products &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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">&times;</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">&times;</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">&times;</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">&times;</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">&times;</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">&times;</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">&times;</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/3656/legacy-of-innovation2.jpg);"></div> <div class="scalebg visible-xs" style="background-image:url(/media/3655/legacy-of-innovation_mobile_bg2.jpg);"></div> <div class="banner-caption"> <h1>Heritage</h1> <p>Established as the first truly Indian enterprise, more than a century ago, this is our story. </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 &amp; 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="/corporate/">Corporate</a> <ul class="dropdown-menu"> <li><a href="/corporate/our-organisation/">Our Organisation</a></li> <li><a href="/corporate/our-value-chain/">Our Value Chain</a></li> <li><a href="/corporate/wealsomaketomorrow/">Wealsomaketomorrow</a></li> </ul> </li> <li> <a href="/corporate/our-organisation/">Our Organisation</a> <ul class="dropdown-menu"> <li><a href="/corporate/our-organisation/tata-group-profile/">Tata Group Profile</a></li> <li><a href="/corporate/our-organisation/company-profile/">Company Profile</a></li> <li><a href="/corporate/our-organisation/vision-mission-values/">Vision, Mission &amp; Values</a></li> <li><a href="/corporate/our-organisation/leadership/">Leadership</a></li> <li><a href="/corporate/our-organisation/ethics/">Ethics</a></li> <li><a href="/corporate/our-organisation/policies/">Policies</a></li> <li><a href="/corporate/our-organisation/heritage/">Heritage</a></li> <li><a href="/corporate/our-organisation/innovation/">Innovation</a></li> <li><a href="/corporate/our-organisation/safety/">Safety</a></li> <li><a href="/corporate/our-organisation/environment/">Environment</a></li> <li><a href="/corporate/our-organisation/hr/">HR</a></li> <li><a href="/corporate/our-organisation/csr/">CSR</a></li> <li><a href="/corporate/our-organisation/awards-recognitions/">Awards &amp; Recognitions</a></li> <li><a href="/corporate/our-organisation/tata-steel-group-companies/">Tata Steel Group Companies</a></li> <li><a href="/corporate/our-organisation/procurement/">Procurement</a></li> <li><a href="/corporate/our-organisation/campaigns/">Campaigns</a></li> <li><a href="/corporate/our-organisation/sports/">Sports</a></li> <li><a href="/corporate/our-organisation/centre-for-excellence/">Centre for Excellence</a></li> </ul> </li> <li class="active"><a href="#">Heritage</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>Our Organisation</h5> </div> <div class="quick_menu_links"> <ul> <li><a href="/corporate/our-organisation/tata-group-profile/">Tata Group Profile</a></li> <li><a href="/corporate/our-organisation/company-profile/">Company Profile</a></li> <li><a href="/corporate/our-organisation/vision-mission-values/">Vision, Mission &amp; Values</a></li> <li><a href="/corporate/our-organisation/leadership/">Leadership</a></li> <li><a href="/corporate/our-organisation/ethics/">Ethics</a></li> <li><a href="/corporate/our-organisation/policies/">Policies</a></li> <li><a href="/corporate/our-organisation/heritage/">Heritage</a></li> <li><a href="/corporate/our-organisation/innovation/">Innovation</a></li> <li><a href="/corporate/our-organisation/safety/">Safety</a></li> <li><a href="/corporate/our-organisation/environment/">Environment</a></li> <li><a href="/corporate/our-organisation/hr/">HR</a></li> <li><a href="/corporate/our-organisation/csr/">CSR</a></li> <li><a href="/corporate/our-organisation/awards-recognitions/">Awards &amp; Recognitions</a></li> <li><a href="/corporate/our-organisation/tata-steel-group-companies/">Tata Steel Group Companies</a></li> <li><a href="/corporate/our-organisation/procurement/">Procurement</a></li> <li><a href="/corporate/our-organisation/campaigns/">Campaigns</a></li> <li><a href="/corporate/our-organisation/sports/">Sports</a></li> <li><a href="/corporate/our-organisation/centre-for-excellence/">Centre for Excellence</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="heritage_story"><iframe src="/heritage/heritage.html" width="100%" height="600"></iframe></div> <div class="our_people"> <div class="container"> <h2>Our People</h2> <ul class="nav nav-tabs text-center no-hide navthumb1"> <li class="active"><a href="#pioneers" class="btn btn-brown-outline" data-toggle="tab">Pioneers</a></li> <li><a href="#leaders" class="btn btn-brown-outline" data-toggle="tab">Leaders</a></li> </ul> <div class="tab-content"> <div id="pioneers" class="tab-pane fade in active pioneers_cont"> <ul class="peopleslide"> <li><a href="#jamsetji_nusserwanji_tata" class="people_fancy"> <span class="photo_frame"> <img src="/media/3628/jamsetji_nusserwanji_tata.jpg" alt="" width="220" height="313" /> </span> <strong class="people_name">Jamsetji Nusserwanji Tata</strong> <span class="people_desig">Chairman (1868–1904)</span> </a></li> <li><a href="#dorabji_tata" class="people_fancy"> <span class="photo_frame"> <img src="/media/3627/dorabji_tata.jpg" alt="" width="220" height="313" /> </span> <strong class="people_name">Dorabji Tata </strong> <span class="people_desig">Chairman (1907-1932)</span> </a></li> <li><a href="#jrd_tata" class="people_fancy"> <span class="photo_frame"> <img src="/media/3632/jrd_tata.jpg" alt="" width="220" height="313" /> </span> <strong class="people_name">JRD Tata</strong> <span class="people_desig">Chairman (1938-1984)</span> </a></li> </ul> <div class="clearfix"></div> </div> <div id="leaders" class="tab-pane fade"> <ul class="nav nav-tabs text-center navthumb2 hidden-xs"> <li class="active"><a href="#lead_chairman" class="btn btn-brown-outline" data-toggle="tab">Chairman</a></li> <li><a href="#lead_dir" class="btn btn-brown-outline" data-toggle="tab">Director-in-Charge</a></li> <li><a href="#lead_mang_dir" class="btn btn-brown-outline" data-toggle="tab">Managing Director</a></li> <li><a href="#lead_gen_man" class="btn btn-brown-outline" data-toggle="tab">General Manager</a></li> </ul> <div class="tabselect"> <div class="form-group select"><select role="tablist" class="form-control"> <option value="0">Chairman</option> <option value="1">Director-in-Charge</option> <option value="2">Managing Director</option> <option value="3">General Manager</option> </select> <div class="select_arrow"></div> </div> </div> <div class="tab-content"> <div id="lead_chairman" class="tab-pane fade in active pioneers_cont"> <ul class="peopleslide"> <li><a href="#jamsetji_nusserwanji_tata" class="people_fancy"> <span class="photo_frame"> <img src="/media/3628/jamsetji_nusserwanji_tata.jpg" alt="" width="220" height="313" /> </span> <strong class="people_name">Jamsetji Nusserwanji Tata</strong> <span class="people_desig">Chairman (1868–1904)</span> </a></li> <li><a href="#dorabji_tata" class="people_fancy"> <span class="photo_frame"> <img src="/media/3627/dorabji_tata.jpg" alt="" width="220" height="313" /> </span> <strong class="people_name">Dorabji Tata </strong> <span class="people_desig">Chairman (1907-1932)</span> </a></li> <li><a href="#jrd_tata" class="people_fancy"> <span class="photo_frame"> <img src="/media/3632/jrd_tata.jpg" alt="" width="220" height="313" /> </span> <strong class="people_name">JRD Tata</strong> <span class="people_desig">Chairman (1938-1984)</span> </a></li> </ul> <div class="clearfix"></div> </div> <div id="lead_dir" class="tab-pane fade pioneers_cont"> <ul class="peopleslide"> <li><a href="#bj_padshah" class="people_fancy"> <span class="photo_frame"> <img src="/media/3625/bj_padshah.jpg" alt="" width="220" height="313" /> </span> <strong class="people_name">BJ Padshah</strong> <span class="people_desig">(1907-1924)</span> </a></li> <li><a href="#john_peterson" class="people_fancy"> <span class="photo_frame"> <img src="/media/3631/john_peterson.jpg" alt="" width="220" height="313" /> </span> <strong class="people_name">John Peterson</strong> <span class="people_desig">(1924-1931)</span> </a></li> <li><a href="#ar_dalal" class="people_fancy"> <span class="photo_frame"> <img src="/media/3624/ar_dalal.jpg" alt="" width="220" height="313" /> </span> <strong class="people_name">AR Dalal</strong> <span class="people_desig">(1931-44, 46-1949)</span> </a></li> <li><a href="#jj_ghandy" class="people_fancy"> <span class="photo_frame"> <img src="/media/3629/jj_ghandy.jpg" alt="" width="220" height="313" /> </span> <strong class="people_name">JJ Ghandy</strong> <span class="people_desig">(1954-1964)</span> </a></li> </ul> <div class="clearfix"></div> </div> <div id="lead_mang_dir" class="tab-pane fade pioneers_cont"> <ul class="peopleslide"> <li><a href="#shavak_nanavati" class="people_fancy"> <span class="photo_frame"> <img src="/media/3636/shavak_nanavati.jpg" alt="" width="220" height="313" /> </span> <strong class="people_name">Shavak Nanavati </strong> <span class="people_desig">(1970-1972)</span> </a></li> <li><a href="#rs_pande" class="people_fancy"> <span class="photo_frame"> <img src="/media/3634/rs_pande.jpg" alt="" width="220" height="313" /> </span> <strong class="people_name">RS Pande </strong> <span class="people_desig">(1972-1974)</span> </a></li> <li><a href="#russi_mody" class="people_fancy"> <span class="photo_frame"> <img src="/media/3635/russi_mody.jpg" alt="" width="220" height="313" /> </span> <strong class="people_name">Russi Mody</strong> <span class="people_desig">(1974-1992)</span> </a></li> </ul> <div class="clearfix"></div> </div> <div id="lead_gen_man" class="tab-pane fade pioneers_cont"> <ul class="peopleslide"> <li><a href="#rg_wells" class="people_fancy"> <span class="photo_frame"> <img src="/media/3633/rg_wells.jpg" alt="" width="220" height="313" /> </span> <strong class="people_name">RG Wells </strong> <span class="people_desig">(1909-1913)</span> </a></li> <li><a href="#tw_tutwiler" class="people_fancy"> <span class="photo_frame"> <img src="/media/3637/tw_tutwiler.jpg" alt="" width="220" height="313" /> </span> <strong class="people_name">TW Tutwiler</strong> <span class="people_desig">(1868–1904)</span> </a></li> <li><a href="#ca_alexander" class="people_fancy"> <span class="photo_frame"> <img src="/media/3626/ca_alexander.jpg" alt="" width="220" height="313" /> </span> <strong class="people_name">CA Alexander</strong> <span class="people_desig">(1916-1925)</span> </a></li> <li><a href="#jl_keenan" class="people_fancy"> <span class="photo_frame"> <img src="/media/3630/jl_keenan.jpg" alt="" width="220" height="313" /> </span> <strong class="people_name">JL Keenan</strong> <span class="people_desig">(1925-1930)</span> </a></li> </ul> <div class="clearfix"></div> </div> </div> </div> </div> </div> </div> <div id="dorabji_tata" style="display: none;"> <div class="leadership_popup brownbg clearfix"><img class="img-responsive bigimg" src="/media/3627/dorabji_tata.jpg" alt="" width="220" height="313" /> <strong class="leadername">Sir Dorabji Tata</strong> <span class="leaderdesig">Chairman (1904–1932)</span> <p>Born on August 27, 1859, Sir Dorabji Tata was the eldest son of Tata Group founder, JN Tata. Dorabji received his primary education at Proprietary High School, Mumbai after which he was sent to England where he was privately tutored. At the age of 18, he joined the Gonville and Caius College at Cambridge. Abiding by the wish of his family, Dorabji returned to India in 1879 and enrolled himself in St. Xavier’s College, Mumbai.</p> <p>Dorabji started out as a journalist with the ‘Bombay Gazette’ and in 1884 he made his first entry into his father’s business by joining the cotton division. Throughout his lifetime, he worked for the realisation of his father’s vision and his cousin RD Tata supported him in this mission. The two prime companies established by Sir Dorabji Tata ‘Tata Steel’ and ‘Tata Power’ are an integral part of the Tata Group industries today. Under the leadership, the Tata Group expanded from three cotton mills and the Taj Hotel Bombay to becoming the largest private sector steel company in India. During his tenure, an integrated steel plant, three hydroelectric power companies, a large edible oil and soap company, two cement companies and the aviation unit pioneered by JRD Tata took wing. Dorabji also established the Indian Institute of Science in Bangalore, India and was knighted in 1910 for his contributions to industry in British India.</p> <p>Sir Dorabji Tata’s love for sports reflected through his philanthropic activities. In 1919, he facilitated four athletes and two wrestlers to participate in the Antwerp Games. As President of the Indian Olympic Council, he financed the Indian contingent to the 1924 Paris Olympiad and went on to become a member of the International Olympic Committee.</p> <p>Dorabji Tata established the ‘Lady Tata Memorial Trust’ in fond memory of his wife Meherbai Tata who had died of leukemia in 1931. The Trust was established in order to advance the study into various diseases related to blood. In 1932, he established a trust fund, to be used "without any distinction of place, nationality or creed," for the advancement of learning and research, disaster relief, and other humanitarian purposes. This trust came to be known as the ‘Sir Dorabji Tata Trust’. It is believed that Sir Dorabji invested all his assets and wealth into this trust. Notable amongst his other deeds is the sizeable donations he gave to the University of Cambridge for setting up of laboratory equipment and also for the establishment of a Chair for Sanskrit studies at the ‘Bhandarkar Oriental Research Institute’, Pune. Dorabji is also known to have presented many of his paintings and artwork to the Prince of Wales Museum in Mumbai.</p> <p>Sir Dorabji Tata breathed his last in Bad Kissingen, Germany on June 3, 1932 and is buried alongside his wife in the Brookwood Cemetery, England.</p> </div> </div> <div id="jrd_tata" style="display: none;"> <div class="leadership_popup brownbg clearfix"><img class="img-responsive bigimg" src="/media/3632/jrd_tata.jpg" alt="" width="220" height="313" /> <strong class="leadername">Jehangir Ratanji Dadabhoy Tata</strong> <span class="leaderdesig">Chairman (1938–1984)</span> <p>Born on July 29, 1904 in Paris, Jehangir Ratanji Dadabhoy Tata or JRD Tata was the son of RD Tata and his French wife Sooni. Educated in France, Japan and England, he was drafted into the French army for a mandatory one-year period and could not extend his stint even though he wanted to. JRD entered the Tata Group as an unpaid apprentice in December 1925.</p> <p>At 22, soon after his father passed away, he was on the board of Tata Sons, the Group's flagship company. In 1929, aged 25, he surrendered his French citizenship to embrace the country that would become the central motif of his life. In the same year on February 10, JRD became the first Indian to pass the pilot's examination and got his license, which bore on it Number 1. JRD was instrumental in giving wings to India by building Tata Airlines, which ultimately became Air India - India's first international airline. His passion for flying also led him to establish Tata Aviation Service in 1932 and he was instrumental in bringing commercial aviation to India.</p> <p>One of the most enterprising Indian entrepreneurs of all times JRD is credited with placing the Tata Group on the international map. At the age of 34, in 1938, JRD was elected Chairman of Tata &amp; Sons, making him the youngest head of the largest industrial group in India. During his tenure, the group expanded into diverse fields such as chemicals, automobiles, tea and information technology. Breaking with the common practice of having members of one's own family run different operations, JRD urged the board to bring in professionals to the table and he transformed the Tata Group into a business federation where entrepreneurial talent and expertise were encouraged.</p> <p>He received the Padma Vibhushan in 1957 for his remarkable contribution to the aviation industry, the Guggenheim Medal for aviation in 1988 and was awarded India's highest civilian honor - the Bharat Ratna - in recognition of his selfless humanitarian endeavors, in 1992. In the same year, JRD Tata was also bestowed with the United Nations Population Award for his crusading endeavors towards initiating and successfully implementing the family planning movement in India, much before it became an official government policy.</p> <p>During his tenure, JRD initiated a program of closer "employee association with management" to give workers a stronger voice in the affairs of the company. He also pioneered the system of developing ‘employee welfare schemes’ and steered the principles of an eight-hour working day, free medical aid, workers' provident fund and accident compensation schemes, which were later, adopted as statutory requirements in India. Under JRD’s aegis, in the year 1979, Tata Steel instituted a new practice; a worker is deemed to be "at work" from the moment he leaves home for work till he returns home from work. Hence the company is financially liable to the worker if any mishap takes place on the way to and from work. JRD stepped down from his position as Chairman, Tata Sons in 1991, to hand over the baton to Ratan Tata and passed away on November 29, 1993, in a Geneva hospital.</p> </div> </div> <div id="bj_padshah" style="display: none;"> <div class="leadership_popup brownbg clearfix"><img class="img-responsive bigimg" src="/media/3625/bj_padshah.jpg" alt="" width="220" height="313" /> <strong class="leadername">BJ Padshah </strong> <span class="leaderdesig">(1907-1924)</span> <p>BJ Padshah played an essential role in the negotiation with the government to obtain the first railways order for the company. His commitment towards work was commendable and still stands as an inspiration to the company. During WWI Mr Padshah personally investigated the government orders and made sure that they were dispatched on time. Mr Padshah also closely supervised the laying down of the township at Jamshedpur, the educational facilities given to the people, the introduction of technical education and many such civic issues.</p> </div> </div> <div id="john_peterson" style="display: none;"> <div class="leadership_popup brownbg clearfix"><img class="img-responsive bigimg" src="/media/3631/john_peterson.jpg" alt="" width="220" height="313" /> <strong class="leadername">John Peterson </strong> <span class="leaderdesig">(1924-1931)</span> <p>John Peterson was an ICS officer before he joined Tata Steel as the Director-in Charge. Mr Peterson played a pivotal role in protecting the Indian Steel from unfair competition from foreign steel companies. He served in the position of DIC from 1924 to 1931 and acted as a guide and mentor to JRD Tata when he was in Tata Steel in 1925.</p> </div> </div> <div id="ar_dalal" style="display: none;"> <div class="leadership_popup brownbg clearfix"><img class="img-responsive bigimg" src="/media/3624/ar_dalal.jpg" alt="" width="220" height="313" /> <strong class="leadername">AR Dalal</strong> <span class="leaderdesig">(1931-1944 &amp; 1946-1949)</span> <p>Sir Ardeshir Dalal was serving in the Indian Civil Services before joining Tata Steel as Director-in-Charge in 1931. Honored with knighthood in 1939, the agents’ office in Calcutta (now Kolkata) was opened in 1931-32 during his tenure.</p> </div> </div> <div id="jj_ghandy" style="display: none;"> <div class="leadership_popup brownbg clearfix"><img class="img-responsive bigimg" src="/media/3629/jj_ghandy.jpg" alt="" width="220" height="313" /> <strong class="leadername">JJ Ghandy</strong> <span class="leaderdesig">(1954-64)</span> <p>JJ Ghandy joined the Tata Steel family in 1917. He was appointed as the General Superintendent of the Tata Steel Works in 1930 where he served for approximately seven years before taking up the responsibilities of DGM in 1937. Mr Ghandy was the first Indian to become the General Manager of Tata Steel in 1938. He served the position till 1944 after which, he became an agent of Tata Steel in Kolkata. Mr Ghandy was honored with a knighthood by the King of Britain in 1945.</p> </div> </div> <div id="shavak_nanavati" style="display: none;"> <div class="leadership_popup brownbg clearfix"><img class="img-responsive bigimg" src="/media/3636/shavak_nanavati.jpg" alt="" width="220" height="313" /> <strong class="leadername">Shavak Nanavati </strong> <span class="leaderdesig">(1970-72)</span> <p>Shavak Nanavati joined Tata Steel as a graduate trainee in 1932 and was promoted to the post of General Superintendent in 1954. In 1960, he was handed the responsibility of Deputy General Manager and in 1961, Mr Nanavati took over as the General Manager of the company. He became the Director-in-Charge of Tata Steel in 1968 and went on to become the MD of the organisation in 1970 after the abolition of the Managing Agency System.</p> </div> </div> <div id="rs_pande" style="display: none;"> <div class="leadership_popup brownbg clearfix"><img class="img-responsive bigimg" src="/media/3634/rs_pande.jpg" alt="" width="220" height="313" /> <strong class="leadername">RS Pande</strong> <span class="leaderdesig">(1972-74)</span> <p>RS Pande left the Indian Administrative Service (IAS) to join Tata Steel on loan from the Government of Bihar and was appointed the Director of Personnel. Mr Pande became an agent of the company in 1959 and also took up the position as a Director in Tata Industries Private Limited in 1964. He also served as the Managing Agents and Resident Director (Administration) of Tata Steel in the same year. After the abolition of the Managing Agency system in 1970, Mr Pande was appointed a whole-time Director of Tata Steel and became the Managing Director of Tata Steel in 1972.</p> </div> </div> <div id="russi_mody" style="display: none;"> <div class="leadership_popup brownbg clearfix"><img class="img-responsive bigimg" src="/media/3635/russi_mody.jpg" alt="" width="220" height="313" /> <strong class="leadername">Russi Mody </strong> <span class="leaderdesig">(1974-92)</span> <p>Russi Mody joined Tata Steel in 1939 and made his first internal shift into the newly established Personnel Division in 1947. He was promoted to the position of Director of Personnel in 1953 and in 1955 he became the Deputy Agent in Kolkata. Mr Mody took up the position of the Director of Raw Materials in 1965. In 1970, he was appointed as Director of Operations and in 1972, he became the Joint Managing Director. Mr Mody has also served as the Chairman of Tata Steel from 1984 to 1993.</p> </div> </div> <div id="rg_wells" style="display: none;"> <div class="leadership_popup brownbg clearfix"><img class="img-responsive bigimg" src="/media/3633/rg_wells.jpg" alt="" width="220" height="313" /> <strong class="leadername">RG Wells</strong> <span class="leaderdesig">(1974-92)</span> <p>Russi Mody joined Tata Steel in 1939 and made his first internal shift into the newly established Personnel Division in 1947. He was promoted to the position of Director of Personnel in 1953 and in 1955 he became the Deputy Agent in Kolkata. Mr Mody took up the position of the Director of Raw Materials in 1965. In 1970, he was appointed as Director of Operations and in 1972, he became the Joint Managing Director. Mr Mody has also served as the Chairman of Tata Steel from 1984 to 1993.</p> </div> </div> <div id="tw_tutwiler" style="display: none;"> <div class="leadership_popup brownbg clearfix"><img class="img-responsive bigimg" src="/media/3637/tw_tutwiler.jpg" alt="" width="220" height="313" /> <strong class="leadername">TW Tutwiler </strong> <span class="leaderdesig">(1916-1925)</span> <p>It was under TW Tutwiler’s guidance that the first expansion project of the company was initiated, in 1916. Mr Tutwiler was well known for his tough personality and his risk-taking attribute. When the steel industry went through a recession phase it was his leadership that kept the company steadily sailing.</p> </div> </div> <div id="ca_alexander" style="display: none;"> <div class="leadership_popup brownbg clearfix"><img class="img-responsive bigimg" src="/media/3626/ca_alexander.jpg" alt="" width="220" height="313" /> <strong class="leadername">CA Alexander</strong> <span class="leaderdesig">(1925-30)</span> <p>CA Alexander served Tata Steel as the General Manager for five years and during his tenure several measures were taken to protect the India steel company from unfair foreign competitions. The company also witnessed its last ever strike during the time of his leadership.</p> </div> </div> <div id="jl_keenan" style="display: none;"> <div class="leadership_popup brownbg clearfix"><img class="img-responsive bigimg" src="/media/3630/jl_keenan.jpg" alt="" width="220" height="313" /> <strong class="leadername">JL Keenan </strong> <span class="leaderdesig">(1930-38)</span> <p>JL Keenan came to India in 1913 and worked as a foreman in the blast furnaces of TISCO before being promoted to Assistant Superintendent of the Open Hearth section. During his tenure, Mr Keenan moved within several departments. He held the position of a Superintendent in the Duplex Plant and later, in the blast furnace department too. In 1926 he graduated to the rank of General Superintendent and four years later he became the GM of the company.</p> </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> &amp; <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">&times;</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&amp;qp=TATASTEELNAUK&amp;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--> <script type="text/javascript"> $(document).ready(function(){ $('#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'); } }); // var homebanner_config = { minSlides: 1, maxSlides: 4, slideWidth: 280, slideMargin: 0, nextText: ' ', prevText: ' ', responsive:true, moveSlides:1, hideControlOnEnd:true, infiniteLoop:false, pager:false }; var homebanner = []; $('.peopleslide').each(function(i, slider) { homebanner[i] = $(slider).bxSlider(homebanner_config); }); function reload_homebanner() { $.each(homebanner, function(i, slider) { slider.reloadSlider(homebanner_config); }); }; // var homebanner_config2 = { minSlides: 1, maxSlides: 4, slideWidth: 347, slideMargin: 0, nextText: ' ', prevText: ' ', responsive:true, moveSlides:1, hideControlOnEnd:true, infiniteLoop:false, pager:false }; var homebanner2 = []; $('.sliders').each(function(j, slider2) { homebanner2[j] = $(slider2).bxSlider(homebanner_config2); }); function reload_homebanner2() { $.each(homebanner2, function(j, slider2) { slider2.reloadSlider(homebanner_config2); }); } // $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { e.preventDefault() $(this).tab('show'); reload_homebanner(); reload_homebanner2(); }); // $('.people_fancy').fancybox({ openEffect : 'elastic', openSpeed : 400, closeEffect : 'elastic', closeSpeed : 400, padding:0 }); $('.fancyboxvid').fancybox({ openEffect : 'elastic', openSpeed : 400, closeEffect : 'elastic', closeSpeed : 400, type: 'iframe', minHeight: 400 }); // $(".heritage_story").mouseenter(function(){ $('body, html').css('overflow','hidden'); }); $(".heritage_story").mouseleave(function(){ $('body, html').css('overflow','auto'); }); }); </script> <!--Scripts Ends--> </body></html>

Pages: 1 2 3 4 5 6 7 8 9 10