Leadership Speak

<!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/wealsomaketomorrow/leadership-speak/"/> <meta name="facebook-domain-verification" content="lvq7dr7dkq37cenfiode665vdplwlq" />  <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="Leadership Speak"/> <meta property="og:type" content="website"/> <meta property="og:url" content="http://www.tatasteel.com/corporate/wealsomaketomorrow/leadership-speak/"/> <meta property="og:description" content="Leadership Speak"/> <meta name="twitter:card" content="Leadership Speak"/> <meta name="twitter:url" content="http://www.tatasteel.com/corporate/wealsomaketomorrow/leadership-speak/"/> <meta name="twitter:title" content="Leadership Speak"/> <meta name="twitter:description" content="Leadership Speak"/>   <title>Leadership Speak</title> <meta name="description" content="Leadership Speak"> <meta name="keywords" content=""> <meta property="og:image" content=""> <meta name="google-site-verification" content="ZOGz94_xm3Vg6MIM4q3VxVRe_zgtAI4cTvGAA0PXpGQ" /> <script type="application/ld+json"> { "@context": "http://www.schema.org", "@type": "Organization", "name": "Tata steel", "url": "https://www.tatasteel.com/", "logo": "https://www.tatasteel.com/images/tata-steel-logo.png" } </script>  <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>   <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>  <script type="text/javascript">(function(){var hstc=document.createElement('script'); hstc.src='https://log.hitsteps.com/track.php?code=8c188c909f5c84787ce438d307158394';hstc.async=true;var htssc = document.getElementsByTagName('script')[0];htssc.parentNode.insertBefore(hstc, htssc);})(); </script><noscript><a href="http://www.hitsteps.com/"><img src="//log.hitsteps.com/track.php?mode=img&code=8c188c909f5c84787ce438d307158394" alt="Realtime Web Statistics" width="1" height="1" />Realtime blog statistics</a></noscript>  </head> <body class="multi-fontszie" style="padding-right: 0px !important">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-58BQXMQ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="over_menu"> <div class="over_menu_overlay"></div> <div class="over_menu_close"></div> <ul class="over_level1"> <li><a href="javascript:;"> <img src="/images/over-menu/corporate.png" alt=""> <span class="text">Corporate</span></a> <ul class="over_level2"> <li class="menu_head"><span class="back"></span><a href="/corporate/"><span>Corporate</span></a></li> <li><a href="javascript:;"><span>Our Organisation</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/corporate/our-organisation/"><span>Our Organisation</span></a></li> <li><a href="/corporate/our-organisation/tata-group-profile/"><span>Tata Group Profile</span></a> </li> <li><a href="/corporate/our-organisation/company-profile/"><span>Company Profile</span></a> </li> <li><a href="/corporate/our-organisation/vision-mission-values/"><span>Vision, Mission & Values</span></a> </li> <li><a href="/corporate/our-organisation/leadership/"><span>Leadership</span></a> </li> <li><a href="/corporate/our-organisation/ethics/"><span>Ethics</span></a> </li> <li><a href="/corporate/our-organisation/policies/"><span>Policies</span></a> </li> <li><a href="/corporate/our-organisation/heritage/"><span>Heritage</span></a> </li> <li><a href="/corporate/our-organisation/innovation/"><span>Innovation</span></a> </li> <li><a href="javascript:;"><span>Safety</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/corporate/our-organisation/safety/"><span>Safety</span></a></li> <li><a href="/corporate/our-organisation/safety/overview/"><span>Overview</span></a></li> <li><a href="/corporate/our-organisation/safety/performance-highlights/"><span>Performance Highlights</span></a></li> <li><a href="/corporate/our-organisation/safety/building-a-culture-of-safety/"><span>Building a culture of Safety</span></a></li> <li><a href="/corporate/our-organisation/safety/awards-and-accolades/"><span>Awards and Accolades</span></a></li> </ul> </li> <li><a href="javascript:;"><span>Environment</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/corporate/our-organisation/environment/"><span>Environment</span></a></li> <li><a href="/corporate/our-organisation/environment/environment-compliance-reports/"><span>Environment Compliance Reports</span></a></li> <li><a href="/corporate/our-organisation/environment/policy/"><span>Policy</span></a></li> <li><a href="/corporate/our-organisation/environment/environmental-certifications/"><span>Environmental Certifications</span></a></li> </ul> </li> <li><a href="/corporate/our-organisation/hr/"><span>HR</span></a> </li> <li><a href="/corporate/our-organisation/csr/"><span>CSR</span></a> </li> <li><a href="/corporate/our-organisation/awards-recognitions/"><span>Awards & Recognitions</span></a> </li> <li><a href="/corporate/our-organisation/tata-steel-group-companies/"><span>Tata Steel Group Companies</span></a> </li> <li><a href="/corporate/our-organisation/procurement/"><span>Procurement</span></a> </li> <li><a href="javascript:;"><span>Campaigns</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/corporate/our-organisation/campaigns/"><span>Campaigns</span></a></li> <li><a href="/corporate/our-organisation/campaigns/celebrating-25-glorious-years-of-the-tata-steel-archives/"><span>Celebrating 25 Glorious Years of the Tata Steel Archives</span></a></li> <li><a href="/corporate/our-organisation/campaigns/a-celebration-of-sports/"><span>A Celebration of Sports</span></a></li> <li><a href="/corporate/our-organisation/campaigns/missiongange/"><span>#MissionGange</span></a></li> <li><a href="/corporate/our-organisation/campaigns/write-brain-challenge/"><span>Write Brain Challenge</span></a></li> <li><a href="/corporate/our-organisation/campaigns/howrah-bridge-75-years-anniversary/"><span>Howrah Bridge 75 Years Anniversary</span></a></li> <li><a href="/corporate/our-organisation/campaigns/bachendri-pal/"><span>Bachendri Pal</span></a></li> <li><a href="/corporate/our-organisation/campaigns/doorwaytogreen/"><span>#DoorwayToGreen</span></a></li> <li><a href="/corporate/our-organisation/campaigns/swachh-bharat-and-ezynest/"><span>Swachh Bharat and EzyNest</span></a></li> <li><a href="/corporate/our-organisation/campaigns/labour-day/"><span>Labour Day</span></a></li> <li><a href="/corporate/our-organisation/campaigns/jamshedpurat100/"><span>#JamshedpurAt100</span></a></li> <li><a href="/corporate/our-organisation/campaigns/restoretodayfortomorrow/"><span>#RestoreTodayForTomorrow</span></a></li> <li><a href="/corporate/our-organisation/campaigns/sir-dorabji-tata-birth-anniversary/"><span>Sir Dorabji Tata Birth Anniversary</span></a></li> <li><a href="/corporate/our-organisation/campaigns/founders-day-2023/"><span>Founder's Day 2023</span></a></li> <li><a href="/corporate/our-organisation/campaigns/environment-day-2022/"><span>Environment Day 2022</span></a></li> <li><a href="/corporate/our-organisation/campaigns/jrd-tata-birth-anniversary/"><span>JRD Tata Birth Anniversary</span></a></li> </ul> </li> <li><a href="/corporate/our-organisation/sports/"><span>Sports</span></a> </li> <li><a href="/corporate/our-organisation/centre-for-excellence/"><span>Centre for Excellence</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Our Value Chain</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/corporate/our-value-chain/"><span>Our Value Chain</span></a></li> <li><a href="/corporate/our-value-chain/business-model-strategy/"><span>Business Model & Strategy</span></a> </li> <li><a href="/corporate/our-value-chain/the-making-of-steel/"><span>The Making of Steel</span></a> </li> <li><a href="/corporate/our-value-chain/operational-excellence/"><span>Operational Excellence</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Wealsomaketomorrow</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/corporate/wealsomaketomorrow/"><span>Wealsomaketomorrow</span></a></li> <li><a href="/corporate/wealsomaketomorrow/innovation/"><span>Innovation</span></a> </li> <li><a href="/corporate/wealsomaketomorrow/technology/"><span>Technology</span></a> </li> <li><a href="/corporate/wealsomaketomorrow/sustainability/"><span>Sustainability</span></a> </li> <li><a href="/corporate/wealsomaketomorrow/blog/"><span>Blog</span></a> </li> <li><a href="javascript:;"><span>Structures of Tomorrow</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/corporate/wealsomaketomorrow/structures-of-tomorrow/"><span>Structures of Tomorrow</span></a></li> <li><a href="/corporate/wealsomaketomorrow/structures-of-tomorrow/the-narendra-modi-stadium/"><span>The Narendra Modi Stadium</span></a></li> <li><a href="/corporate/wealsomaketomorrow/structures-of-tomorrow/metro-airports/"><span>Metro & Airports</span></a></li> <li><a href="/corporate/wealsomaketomorrow/structures-of-tomorrow/sports-stadium/"><span>Sports Stadium</span></a></li> </ul> </li> <li><a href="javascript:;"><span>Solutions Of Tommorrow</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/"><span>Solutions Of Tommorrow</span></a></li> <li><a href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/smart-fab/"><span>Smart Fab</span></a></li> <li><a href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/nest-in/"><span>Nest In</span></a></li> <li><a href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/door-windows/"><span>Door & Windows</span></a></li> <li><a href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/hyperfoam-automotive-steel/"><span>Hyperfoam® Automotive Steel</span></a></li> <li><a href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/alternative-material/"><span>Alternative Material</span></a></li> </ul> </li> <li><a href="javascript:;"><span>Landmarks Of Tomorrow</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/"><span>Landmarks Of Tomorrow</span></a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/kanaka-durga-flyover/"><span>Kanaka Durga Flyover</span></a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/the-london-eye/"><span>The London Eye</span></a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/south-east-asia/"><span>South-East Asia</span></a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/bogibeel-bridge/"><span>Bogibeel Bridge</span></a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/the-shard/"><span>The Shard</span></a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/bandra-worli-sea-link/"><span>Bandra-Worli Sea Link</span></a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/burj-khalifa/"><span>Burj Khalifa</span></a></li> </ul> </li> <li><a href="javascript:;"><span>Greener Tomorrow</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/corporate/wealsomaketomorrow/greener-tomorrow/"><span>Greener Tomorrow</span></a></li> <li><a href="/corporate/wealsomaketomorrow/greener-tomorrow/tata-steel-bsl/"><span>Tata steel BSL</span></a></li> <li><a href="/corporate/wealsomaketomorrow/greener-tomorrow/tata-steel-kalinganagar-steel-plant/"><span>Tata Steel Kalinganagar Steel Plant</span></a></li> <li><a href="/corporate/wealsomaketomorrow/greener-tomorrow/preserving-biodiversity-at-mining-locations/"><span>Preserving Biodiversity At Mining Locations</span></a></li> <li><a href="/corporate/wealsomaketomorrow/greener-tomorrow/roadmaking-utilising-ld-slag-and-plastic-waste/"><span>Roadmaking Utilising LD Slag And Plastic Waste</span></a></li> </ul> </li> <li><a href="/corporate/wealsomaketomorrow/leadership-speak/"><span>Leadership Speak</span></a> </li> <li><a href="/corporate/wealsomaketomorrow/our-showcase/"><span>Our Showcase</span></a> </li> </ul> </li> </ul> </li> <li><a href="javascript:;"> <img src="/images/over-menu/sustainability.png" alt=""> <span class="text">Sustainability</span></a> <ul class="over_level2"> <li class="menu_head"><span class="back"></span><a href="/sustainability/"><span>Sustainability</span></a></li> <li><a href="javascript:;"><span>Environment</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/sustainability/environment/"><span>Environment</span></a></li> <li><a href="/sustainability/environment/climate-action/"><span>Climate Action</span></a> </li> <li><a href="/sustainability/environment/environment-management/"><span>Environment Management</span></a> </li> <li><a href="/sustainability/environment/circular-economy/"><span>Circular Economy</span></a> </li> <li><a href="/sustainability/environment/product-sustainability/"><span>Product Sustainability</span></a> </li> <li><a href="/sustainability/environment/biodiversity/"><span>Biodiversity</span></a> </li> <li><a href="/sustainability/environment/sustainable-mining/"><span>Sustainable Mining</span></a> </li> <li><a href="/sustainability/environment/water-management/"><span>Water Management</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Social</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/sustainability/social/"><span>Social</span></a></li> <li><a href="/sustainability/social/human-resource-management/"><span>Human Resource Management</span></a> </li> <li><a href="/sustainability/social/towards-zero-harm/"><span>Towards Zero Harm</span></a> </li> <li><a href="/sustainability/social/respecting-human-rights/"><span>Respecting Human Rights</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Governance</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/sustainability/governance/"><span>Governance</span></a></li> <li><a href="/sustainability/governance/sustainability-governance/"><span>Sustainability Governance</span></a> </li> <li><a href="/sustainability/governance/policies/"><span>Policies</span></a> </li> <li><a href="/sustainability/governance/material-issues/"><span>Material Issues</span></a> </li> <li><a href="/sustainability/governance/building-a-culture-of-ethics/"><span>Building a Culture of Ethics</span></a> </li> <li><a href="/sustainability/governance/responsible-supply-chain/"><span>Responsible Supply Chain</span></a> </li> <li><a href="/sustainability/governance/tax-transparency-reports/"><span>Tax Transparency Reports</span></a> </li> </ul> </li> <li><a href="/sustainability/un-sustainability-development-goals/"><span>UN Sustainability Development Goals</span></a> </li> <li><a href="/sustainability/integrated-reportannual-report/"><span>Integrated Report/Annual Report</span></a> </li> <li><a href="/sustainability/esg-indicators-factsheet/"><span>ESG Indicators Factsheet</span></a> </li> <li><a href="/sustainability/media/"><span>Media</span></a> </li> <li><a href="/sustainability/awards-and-recognitions/"><span>Awards and Recognitions</span></a> </li> </ul> </li> <li><a href="javascript:;"> <img src="/images/over-menu/products.png" alt=""> <span class="text">Products & Solutions</span></a> <ul class="over_level2"> <li class="menu_head"><span class="back"></span><a href="/products-solutions/"><span>Products & Solutions</span></a></li> <li><a href="javascript:;"><span>India</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/products-solutions/india/"><span>India</span></a></li> <li><a href="javascript:;"><span>Segments</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/products-solutions/india/segments/"><span>Segments</span></a></li> <li><a href="/products-solutions/india/segments/agriculture/"><span>Agriculture</span></a></li> <li><a href="/products-solutions/india/segments/automotive/"><span>Automotive</span></a></li> <li><a href="/products-solutions/india/segments/construction/"><span>Construction</span></a></li> <li><a href="/products-solutions/india/segments/consumer-goods/"><span>Consumer Goods</span></a></li> <li><a href="/products-solutions/india/segments/energy-and-power/"><span>Energy and Power</span></a></li> <li><a href="/products-solutions/india/segments/engineering/"><span>Engineering</span></a></li> <li><a href="/products-solutions/india/segments/material-handling/"><span>Material Handling</span></a></li> </ul> </li> <li><a href="javascript:;"><span>Products</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/products-solutions/india/products/"><span>Products</span></a></li> <li><a href="/products-solutions/india/products/automotive-steels/"><span>Automotive Steels</span></a></li> <li><a href="/products-solutions/india/products/galvano/"><span>Galvano</span></a></li> <li><a href="/products-solutions/india/products/tata-agrico-agriculture-construction-hand-tools/"><span>Tata Agrico | Agriculture, Construction & Hand Tools</span></a></li> <li><a href="/products-solutions/india/products/tata-astrum/"><span>Tata Astrum</span></a></li> <li><a href="/products-solutions/india/products/tata-bearings/"><span>Tata Bearings</span></a></li> <li><a href="/products-solutions/india/products/tata-ferro-alloys-and-minerals-division/"><span>Tata Ferro Alloys and Minerals Division</span></a></li> <li><a href="/products-solutions/india/products/tata-steel-industrial-by-products-management-division-ibmd/"><span>Tata Steel Industrial By-products Management Division (IBMD)</span></a></li> <li><a href="/products-solutions/india/products/tata-pipes/"><span>Tata Pipes</span></a></li> <li><a href="/products-solutions/india/products/tata-precision-tubes/"><span>Tata Precision Tubes</span></a></li> <li><a href="/products-solutions/india/products/raw-materials-and-responsible-mining/"><span>Raw Materials and Responsible Mining</span></a></li> <li><a href="/products-solutions/india/products/tata-shaktee/"><span>Tata Shaktee</span></a></li> <li><a href="/products-solutions/india/products/tata-steelium/"><span>Tata Steelium</span></a></li> <li><a href="/products-solutions/india/products/tata-structura/"><span>Tata Structura</span></a></li> <li><a href="/products-solutions/india/products/tata-tiscon/"><span>Tata Tiscon</span></a></li> <li><a href="/products-solutions/india/products/tata-wiron/"><span>Tata Wiron</span></a></li> <li><a href="/products-solutions/india/products/galvaros/"><span>GalvaRoS</span></a></li> <li><a href="/products-solutions/india/products/colornova/"><span>Colornova</span></a></li> <li><a href="/products-solutions/india/products/galvanova/"><span>Galvanova</span></a></li> <li><a href="/products-solutions/india/products/tinplate/"><span>Tinplate</span></a></li> <li><a href="/products-solutions/india/products/tata-ductura/"><span>Tata Ductura</span></a></li> <li><a href="/products-solutions/india/products/tata-efee/"><span>Tata eFee</span></a></li> </ul> </li> <li><a href="/products-solutions/india/solutions/"><span>Solutions</span></a> </li> <li><a href="/products-solutions/india/aashiyana/"><span>Aashiyana</span></a> </li> <li><a href="/products-solutions/india/tata-steel-industrial-consulting/"><span>Tata Steel Industrial Consulting</span></a> </li> </ul> </li> <li><a href="/products-solutions/europe/"><span>Europe</span></a> </li> <li><a href="/products-solutions/south-east-asia/"><span>South East Asia</span></a> </li> <li><a href="/products-solutions/fraud-alert-message/"><span>Fraud Alert Message</span></a> </li> </ul> </li> <li><a href="javascript:;"> <img src="/images/over-menu/investors.png" alt=""> <span class="text">Investors</span></a> <ul class="over_level2"> <li class="menu_head"><span class="back"></span><a href="/investors/"><span>Investors</span></a></li> <li><a href="/investors/investor-day-2021/"><span>Investor Day 2021</span></a> </li> <li><a href="javascript:;"><span>Financial Performance</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/investors/financial-performance/"><span>Financial Performance</span></a></li> <li><a href="/investors/financial-performance/financial-results/"><span>Financial Results</span></a> </li> <li><a href="/investors/financial-performance/earnings-release/"><span>Earnings Release</span></a> </li> <li><a href="/investors/financial-performance/analyst-presentations/"><span>Analyst Presentations</span></a> </li> <li><a href="/investors/financial-performance/analyst-call-recording/"><span>Analyst Call Recording</span></a> </li> <li><a href="/investors/financial-performance/investor-presentations/"><span>Investor Presentations</span></a> </li> <li><a href="/investors/financial-performance/tax-transparency-reports/"><span>Tax Transparency Reports</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Integrated Report/Annual Report</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/investors/integrated-reportannual-report/"><span>Integrated Report/Annual Report</span></a></li> <li><a href="javascript:;"><span>Integrated Report & Annual Accounts 2023-24 (117th Year) and related documents</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2023-24-117th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2023-24 (117th Year) and related documents</span></a></li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2023-24-117th-year-and-related-documents/financial-statements-of-subsidiary-companies-fy-2023-24/"><span>Financial Statements of Subsidiary Companies-FY 2023-24</span></a></li> </ul> </li> <li><a href="javascript:;"><span>Integrated Report & Annual Accounts 2022-23 (116th year) and related documents</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2022-23-116th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2022-23 (116th year) and related documents</span></a></li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2022-23-116th-year-and-related-documents/financial-statements-of-subsidiary-companies-fy-2022-23/"><span>Financial Statements of Subsidiary Companies-FY 2022-23</span></a></li> </ul> </li> <li><a href="javascript:;"><span>Integrated Report & Annual Accounts 2021-22 (115th year) and related documents</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2021-22-115th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2021-22 (115th year) and related documents</span></a></li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2021-22-115th-year-and-related-documents/financial-statements-of-subsidiary-companies-fy-2021-22/"><span>Financial Statements of Subsidiary Companies-FY 2021-22</span></a></li> </ul> </li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2020-21-114th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2020-21 (114th Year) and related documents</span></a> </li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2019-20-113th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2019-20 (113th Year) and related documents</span></a> </li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2018-19-112th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2018-19 (112th Year) and related documents</span></a> </li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2017-18-111th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2017-18 (111th Year) and related documents</span></a> </li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2016-17-110th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2016-17 (110th Year) and related documents</span></a> </li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2015-16-109th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2015-16 (109th Year) and related documents</span></a> </li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2014-15-108th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2014-15 (108th Year) and related documents</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Investor Information</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/investors/investor-information/"><span>Investor Information</span></a></li> <li><a href="/investors/investor-information/key-facts/"><span>Key Facts</span></a> </li> <li><a href="javascript:;"><span>Bonds Information</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/investors/investor-information/bonds-information/"><span>Bonds Information</span></a></li> <li><a href="/investors/investor-information/bonds-information/bonds-information-2018-19/"><span>Bonds Information 2018-19</span></a></li> <li><a href="/investors/investor-information/bonds-information/bonds-information-2019-20/"><span>Bonds Information 2019-20</span></a></li> <li><a href="/investors/investor-information/bonds-information/bonds-information-2020-2021/"><span>Bonds Information 2020-2021</span></a></li> <li><a href="/investors/investor-information/bonds-information/bonds-information-2021/"><span>Bonds Information 2021</span></a></li> <li><a href="/investors/investor-information/bonds-information/bonds-information-2022/"><span>Bonds Information 2022</span></a></li> <li><a href="/investors/investor-information/bonds-information/bonds-information-2023/"><span>Bonds Information 2023</span></a></li> <li><a href="/investors/investor-information/bonds-information/bonds-information-2024/"><span>Bonds Information 2024</span></a></li> </ul> </li> <li><a href="/investors/investor-information/credit-ratings/"><span>Credit Ratings</span></a> </li> <li><a href="/investors/investor-information/record-datebook-closure-date-for-equity-shares/"><span>Record date/book closure date for equity shares</span></a> </li> <li><a href="/investors/investor-information/corporate-benefits/"><span>Corporate Benefits</span></a> </li> <li><a href="/investors/investor-information/unclaimed-dividend/"><span>Unclaimed Dividend</span></a> </li> <li><a href="/investors/investor-information/schedule-of-analystinstitutional-investor-meet/"><span>Schedule of Analyst/Institutional Investor Meet</span></a> </li> <li><a href="/investors/investor-information/share-prices-charts/"><span>Share Prices & Charts</span></a> </li> <li><a href="/investors/investor-information/frequently-asked-questions/"><span>Frequently Asked Questions</span></a> </li> <li><a href="/investors/investor-information/forms/"><span>Forms</span></a> </li> <li><a href="/investors/investor-information/postal-ballot/"><span>Postal Ballot</span></a> </li> <li><a href="/investors/investor-information/annual-general-meeting/"><span>Annual General Meeting</span></a> </li> <li><a href="/investors/investor-information/extraordinary-general-meeting/"><span>Extraordinary General Meeting</span></a> </li> <li><a href="/investors/investor-information/contacts/"><span>Contacts</span></a> </li> <li><a href="/investors/investor-information/registrars-transfer-agents/"><span>Registrars & Transfer Agents</span></a> </li> <li><a href="/investors/investor-information/subscribe-for-investor-relations-alerts/"><span>Subscribe for Investor Relations Alerts</span></a> </li> <li><a href="/investors/investor-information/shareholder-query-form/"><span>Shareholder Query Form</span></a> </li> <li><a href="/investors/investor-information/advertisements-for-transfer-of-equity-shares/"><span>Advertisements for transfer of equity shares</span></a> </li> <li><a href="/investors/investor-information/agm-showcase/"><span>AGM Showcase</span></a> </li> <li><a href="/investors/investor-information/rights-issue-first-and-final-call/"><span>Rights Issue – First and Final Call</span></a> </li> <li><a href="/investors/investor-information/intimation-under-regulation-39-3-of-sebi-listing-obligations-and-disclosure-requirements-regulations-2015/"><span>Intimation under Regulation 39(3) of SEBI (Listing Obligations and Disclosure Requirements), Regulations, 2015</span></a> </li> <li><a href="/investors/investor-information/sebi-circulars/"><span>SEBI Circulars</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Corporate Governance</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/investors/corporate-governance/"><span>Corporate Governance</span></a></li> <li><a href="/investors/corporate-governance/compliance/"><span>Compliance</span></a> </li> <li><a href="/investors/corporate-governance/corporate-governance-report/"><span>Corporate Governance Report</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Stock Exchange Compliances</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/investors/stock-exchange-compliances/"><span>Stock Exchange Compliances</span></a></li> <li><a href="/investors/stock-exchange-compliances/stock-exchange-releases/"><span>Stock Exchange Releases</span></a> </li> <li><a href="/investors/stock-exchange-compliances/stock-exchange-information/"><span>Stock Exchange Information</span></a> </li> <li><a href="/investors/stock-exchange-compliances/shareholding-pattern/"><span>Shareholding Pattern</span></a> </li> <li><a href="/investors/stock-exchange-compliances/compliance-report-on-corporate-governance/"><span>Compliance Report on Corporate Governance</span></a> </li> <li><a href="/investors/stock-exchange-compliances/reconciliation-of-share-capital-audit-reports/"><span>Reconciliation of Share Capital Audit Reports</span></a> </li> <li><a href="/investors/stock-exchange-compliances/certificate-from-pcs-under-regulation-40-9-and-61-4/"><span>Certificate from PCS under Regulation 40(9) and 61(4)</span></a> </li> <li><a href="/investors/stock-exchange-compliances/certificate-under-regulation-7-3/"><span>Certificate under Regulation 7(3)</span></a> </li> <li><a href="/investors/stock-exchange-compliances/revision-in-ratings/"><span>Revision in Ratings</span></a> </li> <li><a href="/investors/stock-exchange-compliances/investor-complaints-report/"><span>Investor Complaints Report</span></a> </li> <li><a href="/investors/stock-exchange-compliances/change-in-directorship/"><span>Change in Directorship</span></a> </li> <li><a href="/investors/stock-exchange-compliances/related-party-transaction-disclosures/"><span>Related Party Transaction Disclosures</span></a> </li> <li><a href="/investors/stock-exchange-compliances/annual-secretarial-compliance-report/"><span>Annual Secretarial Compliance Report</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Amalgamation</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/investors/amalgamation/"><span>Amalgamation</span></a></li> <li><a href="/investors/amalgamation/amalgamation-of-bamnipal-steel-limited-and-tata-steel-bsl-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of Bamnipal Steel Limited and Tata Steel BSL Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-rujuvalika-investments-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of Rujuvalika Investments Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-tata-steel-long-products-into-and-with-tata-steel-limited/"><span>Amalgamation of Tata Steel Long Products into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-the-tinplate-company-of-india-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of The Tinplate Company of India Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-tata-metaliks-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of Tata Metaliks Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-trf-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of TRF Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-the-indian-steel-wire-products-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of The Indian Steel & Wire Products Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-tata-steel-mining-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of Tata Steel Mining Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-s-t-mining-company-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of S & T Mining Company Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-angul-energy-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of Angul Energy Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-bhubaneshwar-power-private-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of Bhubaneshwar Power Private Limited into and with Tata Steel Limited</span></a> </li> </ul> </li> <li><a href="/investors/financial-performance-summary/"><span>Financial Performance summary</span></a> </li> <li><a href="/investors/link-to-smart-odr/"><span>Link to Smart ODR</span></a> </li> <li><a href="/investors/additional-information-pursuant-to-regulation-46-2-and-62-1-of-the-securities-and-exchange-board-of-india-listing-obligations-and-disclosure-requirements-regulations-2015/"><span>Additional Information Pursuant to Regulation 46(2) and 62(1) of the Securities and Exchange Board of India (Listing Obligations and Disclosure Requirements) Regulations, 2015</span></a> </li> </ul> </li> <li><a href="javascript:;"> <img src="/images/over-menu/media.png" alt=""> <span class="text">Media</span></a> <ul class="over_level2"> <li class="menu_head"><span class="back"></span><a href="/media/"><span>Media</span></a></li> <li><a href="javascript:;"><span>Newsroom</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/media/newsroom/"><span>Newsroom</span></a></li> <li><a href="/media/newsroom/press-releases/"><span>Press Releases</span></a> </li> <li><a href="/media/newsroom/in-the-news/"><span>In The News</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Media Kit</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/media/media-kit/"><span>Media Kit</span></a></li> <li><a href="/media/media-kit/logos-usage-guidelines/"><span>Logos usage & guidelines</span></a> </li> <li><a href="/media/media-kit/factsheet/"><span>FactSheet</span></a> </li> <li><a href="/media/media-kit/gallery/"><span>Gallery</span></a> </li> <li><a href="/media/media-kit/publications/"><span>Publications</span></a> </li> <li><a href="/media/media-kit/awards-and-recognitions/"><span>Awards and Recognitions</span></a> </li> </ul> </li> <li><a href="/media/podcasts/"><span>Podcasts</span></a> </li> </ul> </li> <li><a href="javascript:;"> <span class="text">Newsroom</span></a> <ul class="over_level2"> <li class="menu_head"><span class="back"></span><a href="/newsroom/"><span>Newsroom</span></a></li> <li><a href="/newsroom/press-releases/"><span>Press Releases</span></a> </li> <li><a href="/newsroom/in-the-news/"><span>In The News</span></a> </li> <li><a href="/newsroom/publications/"><span>Publications</span></a> </li> <li><a href="/newsroom/awards-and-recognitions/"><span>Awards and Recognitions</span></a> </li> <li><a href="/newsroom/logos-usage-guidelines/"><span>Logos usage & guidelines</span></a> </li> <li><a href="/newsroom/podcasts/"><span>Podcasts</span></a> </li> <li><a href="/newsroom/factsheet/"><span>FactSheet</span></a> </li> <li><a href="/newsroom/gallery/"><span>Gallery</span></a> </li> <li><a href="/newsroom/blog/"><span>Blog</span></a> </li> </ul> </li> <li><a href="javascript:;"> <img src="/images/over-menu/careers.png" alt=""> <span class="text">Careers</span></a> <ul class="over_level2"> <li class="menu_head"><span class="back"></span><a href="/careers/"><span>Careers</span></a></li> <li><a href="javascript:;"><span>Culture at Tata Steel</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/careers/culture-at-tata-steel/"><span>Culture at Tata Steel</span></a></li> <li><a href="/careers/culture-at-tata-steel/culture-tata/"><span>Culture@Tata</span></a> </li> <li><a href="/careers/culture-at-tata-steel/employee-volunteerism/"><span>Employee Volunteerism</span></a> </li> <li><a href="/careers/culture-at-tata-steel/wellness-and-sports/"><span>Wellness and sports</span></a> </li> <li><a href="/careers/culture-at-tata-steel/diverse-workforce/"><span>Diverse Workforce</span></a> </li> <li><a href="/careers/culture-at-tata-steel/meet-our-people/"><span>Meet our people</span></a> </li> <li><a href="/careers/culture-at-tata-steel/locationalregional-showcase/"><span>Locational/Regional Showcase</span></a> </li> <li><a href="/careers/culture-at-tata-steel/recruitment-racket-busted/"><span>Recruitment Racket Busted</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Work at Tata Steel</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/careers/work-at-tata-steel/"><span>Work at Tata Steel</span></a></li> <li><a href="/careers/work-at-tata-steel/rewards-and-recognition/"><span>Rewards and Recognition</span></a> </li> <li><a href="/careers/work-at-tata-steel/leadership-development/"><span>Leadership Development</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Work With Us</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/careers/work-with-us/"><span>Work With Us</span></a></li> <li><a href="/careers/work-with-us/notice-fraudulent-job-offers/"><span>Notice | Fraudulent Job Offers</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Campus Connect</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/careers/campus-connect/"><span>Campus Connect</span></a></li> <li><a href="/careers/campus-connect/overview/"><span>Overview</span></a> </li> <li><a href="/careers/campus-connect/mind-over-matter/"><span>Mind Over Matter</span></a> </li> <li><a href="/careers/campus-connect/steel-a-thon/"><span>Steel-a-thon</span></a> </li> <li><a href="/careers/campus-connect/women-of-mettle/"><span>Women Of Mettle</span></a> </li> <li><a href="/careers/campus-connect/materialnext/"><span>MaterialNEXT</span></a> </li> <li><a href="/careers/campus-connect/tomorrowlab/"><span>TomorrowLAB</span></a> </li> <li><a href="/careers/campus-connect/tata-steel-young-astronomer-talent-search/"><span>Tata Steel Young Astronomer Talent Search</span></a> </li> </ul> </li> </ul> </li> <li><a href="/contact-us/"> <img src="/images/over-menu/contact.png" alt=""> <span class="text">Contact Us</span></a> </li> </ul> </div> <div class="wrapper">  <header><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> <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 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>  <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>   <div class="modal fade" id="consolPopup" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" data-keyboard="false" data-backdrop="static"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="consolPopup"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> Other users can skip <span aria-hidden="true">×</span> </button> <h1>Select category of user</h1>  <div class="swich-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>   <div class="modal fade" id="consolPopupImpairedDD" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="consolPopup VisuallyImpaired types-innr" id="visuallyImpairedDD" style="display: none;"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="types-innr-hdr"> <a href="#" id="back-btn-visually-impaired" class="arrow-back"><img src="https://www.tatasteel.com/media/14134/arrow-back.png"></a> <h1>Select types of Visually Impaired</h1> </div> <div class="select-types"> <form> <select id="select-types" class="select-visually-impaired"> <option value="0">Select your type*</option> <option value="1">Partially blind</option> <option value="2">Color blind</option> </select> </form> </div> </div> <div class="consolPopup HearingImpaired types-innr" id="hearingImpairedDD" style="display: none;"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="types-innr-hdr"> <a href="#" id="back-btn-hearing-impaired" class="arrow-back"><img src="https://www.tatasteel.com/media/14134/arrow-back.png"></a> <h1>Select types of Hearing Impaired</h1> </div> <div class="select-types"> <form> <select id="select-types" class="select-hearing-impaired"> <option value="0">Select your type*</option> <option value="1">Partial hearing loss</option> <option value="2">Complete hearing loss</option> </select> </form> </div> </div> </div> </div> </div> </div>   <div class="modal fade" id="consolPopupImpairedContent" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" data-keyboard="false" data-backdrop="static"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="consolPopup VisuallyImpaired types-innr" id="consolPopupPartiallyBlindContent" style="display: none;"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="accessibility-tools"> <div class="sublevel sublevel2"> <div class="tools-innr"> <h3>Text Size:</h3> <div id="font_selection_box" style="display: flex; align-items: center;"><span id="fontsize_opt1" class="multi_font_icon" style="font-size: 14px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span><span id="fontsize_opt2" class="multi_font_icon" style="font-size: 18px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span><span id="fontsize_opt3" class="multi_font_icon" style="font-size: 26px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span></div> </div> <div class="tools-innr"> <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> </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">  <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>Visual Impaired</h1> </div> <div class="help-content"> <ul> <li> <p>We have provided accessibility tools on our website that will ease user experience. The Accessibility tool will help you to increase/decrease font size, change different contrast scheme on our website.</p> </li> <li> <p>You can locate accessibility tools <img src="https://www.tatasteel.com/media/14126/icon-accessibility-hover.png"></img> at the extreme right at the top of our website.</p> </li> <li> <p>If you have low vision, colour vision, you can increase the font size of the text and can opt for a different contrast scheme throughout our website. You can do this by clicking the accessibility tools icon at the extreme right at the top of our website and choose from the different font sizes and different color contrasts.</p> </li> <li> <p>Further you can select text to speak it. Additionally, you can turn ON/OFF the text-to-audio functionality in the website for the text to speak it. If you are not able to see images/pictures properly on the website you can hover on the images to listen to the image description.</p> </li> <li> <p> If you have selected the text to speak and you no longer want to listen to an audio, you can click on the Cancel Audio button <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#f60" class="bi bi-x-circle" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"></path> </svg> located on the right-hand side and it will stops playing the speech. </p> </li> <li> <p>At any point, you can click the ‘Reset’ button (below the font size options) to set the website back to its default mode.</p> </li> </ul> </div> </div> <div class="consolPopup VisuallyImpaired types-innr" id="consolPopupColorBlindContent" style="display: none;"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="types-innr-hdr"> <a href="#" id="back-btn-color-blind" class="arrow-back btn-content-back">  <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-arrow-left-short" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z"/> </svg> </a> <h1>Color Blind</h1> </div> <div> <ul> <li> <p>We have provided accessibility tools on our website that will ease user experience. The Accessibility tool will help you to increase/decrease font size, change different contrast scheme on our website.</p> </li> <li> <p>You can locate accessibility tools <img src="https://www.tatasteel.com/media/14126/icon-accessibility-hover.png"></img> at the extreme right at the top of our website.</p> </li> <li> <p>If you have colour vision deficiency, you can opt for a different contrast scheme on our website. You can do this by clicking the accessibility tools icon at the extreme right at the top of our website and choose from the different color contrasts.</p> </li> <li> <p>Additionally, you can turn ON/OFF the text-to-audio functionality in the website for the text to speak it. If you are not able to see images/pictures properly on the website you can hover on the images to listen to the image description.</p> </li> <li> <p>At any point, you can click the ‘Reset’ button (below the font size options) to set the website back to its default mode.</p> </li> </ul> </div> </div> <div class="consolPopup HearingImpaired types-innr" id="consolPopupPartialHearingLossContent" style="display: none;"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="accessibility-tools"> <div class="sublevel sublevel2"> <div class="tools-innr"> <h3>Text Size:</h3> <div id="font_selection_box" style="display: flex; align-items: center;"><span id="fontsize_opt1" class="multi_font_icon" style="font-size: 14px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span><span id="fontsize_opt2" class="multi_font_icon" style="font-size: 18px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span><span id="fontsize_opt3" class="multi_font_icon" style="font-size: 26px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span></div> </div> <div class="tools-innr"> <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> </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">  <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>Hearing Impaired</h1> </div> <div class="help-content"> <ul> <li> <p>If you have any kind of hearing impairment such as partial or complete hearing loss, you will be able to see the transcripts/captions (sub-titles) for all the videos on our website and view along. You can do this by clicking on the ‘cc’ option on the bottom right side of the video box.</p> </li> </ul> </div> </div> <div class="consolPopup HearingImpaired types-innr" id="consolPopupMixedHearingLossContent" style="display: none;"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="accessibility-tools"> <div class="sublevel sublevel2"> <div class="tools-innr"> <h3>Text Size:</h3> <div id="font_selection_box" style="display: flex; align-items: center;"><span id="fontsize_opt1" class="multi_font_icon" style="font-size: 14px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span><span id="fontsize_opt2" class="multi_font_icon" style="font-size: 18px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span><span id="fontsize_opt3" class="multi_font_icon" style="font-size: 26px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span></div> </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">  <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>    <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>  <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">  <section id="template7-banner" class="banner-container" > <div class="banner scalbg_abs animatedParent"> <div class="scalebg hidden-xs" style="background-image:url(/media/19152/leadership-speak.jpg);"></div> <div class="scalebg visible-xs" style="background-image:url(/media/19167/leadership-speak.jpg);"></div> <div class="banner-caption"> <h1></h1> <p> </p> </div> </div> </section>  <section id="breadcrumb"> <div class="container"> <ul> <li><a href="/" class="black_home ico" style="font-size: 0">Home</a> <ul class="dropdown-menu"> <li><a href="/corporate/">Corporate</a></li> <li><a href="/sustainability/">Sustainability</a></li> <li><a href="/products-solutions/">Products & Solutions</a></li> <li><a href="/investors/">Investors</a></li> <li><a href="/media/">Media</a></li> <li><a href="/newsroom/">Newsroom</a></li> <li><a href="/careers/">Careers</a></li> <li><a href="/contact-us/">Contact Us</a></li> </ul> <li> <a href="/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/wealsomaketomorrow/">Wealsomaketomorrow</a> <ul class="dropdown-menu"> <li><a href="/corporate/wealsomaketomorrow/innovation/">Innovation</a></li> <li><a href="/corporate/wealsomaketomorrow/technology/">Technology</a></li> <li><a href="/corporate/wealsomaketomorrow/sustainability/">Sustainability</a></li> <li><a href="/corporate/wealsomaketomorrow/blog/">Blog</a></li> <li><a href="/corporate/wealsomaketomorrow/structures-of-tomorrow/">Structures of Tomorrow</a></li> <li><a href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/">Solutions Of Tommorrow</a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/">Landmarks Of Tomorrow</a></li> <li><a href="/corporate/wealsomaketomorrow/greener-tomorrow/">Greener Tomorrow</a></li> <li><a href="/corporate/wealsomaketomorrow/leadership-speak/">Leadership Speak</a></li> <li><a href="/corporate/wealsomaketomorrow/our-showcase/">Our Showcase</a></li> </ul> </li> <li class="active"><a href="#">Leadership Speak</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>Wealsomaketomorrow</h5> </div> <div class="quick_menu_links"> <ul> <li><a href="/corporate/wealsomaketomorrow/innovation/">Innovation</a></li> <li><a href="/corporate/wealsomaketomorrow/technology/">Technology</a></li> <li><a href="/corporate/wealsomaketomorrow/sustainability/">Sustainability</a></li> <li><a href="/corporate/wealsomaketomorrow/blog/">Blog</a></li> <li><a href="/corporate/wealsomaketomorrow/structures-of-tomorrow/">Structures of Tomorrow</a></li> <li><a href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/">Solutions Of Tommorrow</a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/">Landmarks Of Tomorrow</a></li> <li><a href="/corporate/wealsomaketomorrow/greener-tomorrow/">Greener Tomorrow</a></li> <li><a href="/corporate/wealsomaketomorrow/leadership-speak/">Leadership Speak</a></li> <li><a href="/corporate/wealsomaketomorrow/our-showcase/">Our Showcase</a></li> </ul> </div> </div> </div> </div>   <div class="well animatedParent margin-bottom-0"> <div class="container animated fadeInUp"> <div class="row center"> <div class="content_text"> <div class="sections animated fadeInUp"> <div class="col-md-6 p-5"> <h2>Senior Leaders</h2> <p>We are raising the bar with Innovation and Technology. And we stay committed to a better future. Hear what T V Narendran, CEO & MD, and other senior leaders at Tata Steel have to say about how the company is bringing the future closer.</p> </div> <div class="col-md-6 p-5 "><iframe class="responsive-iframe" width="560" height="515" src="https://www.youtube.com/embed/czEzYNGcdjQ" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe></div> </div> <div class="clearfix"></div> </div> <div class="content_text"> <div class="sections animated fadeInUp"> <div class="col-md-6 p-5 "><iframe class="responsive-iframe" width="560" height="515" src="https://www.youtube.com/embed/Ui8AA3B6vww" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe></div> <div class="col-md-6 p-5"> <h2>Mr T V Narendran</h2> <p>Watch T V Narendran, CEO & MD, Tata Steel share his vision for Tata Steel and know how Tata Steel is enabling a better tomorrow for the future generations.</p> </div> </div> <div class="clearfix"></div> </div> <div class="content_text"> <div class="sections animated fadeInUp"> <div class="col-md-6 p-5"> <h2>Mr Koushik Chatterjee</h2> <p>Watch Koushik Chatterjee, ED & CFO, Tata Steel talk about sustainability and the Tata Steel Vision of being a good corporate citizen.</p> </div> <div class="col-md-6 p-5 "><iframe class="responsive-iframe" width="560" height="515" src="https://www.youtube.com/embed/UTyok_Re28o" title="Tata Steel | #WeAlsoMakeTomorrow | Senior Leadership | Envisioning Tomorrow | Sustainability" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></div> </div> <div class="clearfix"></div> </div> <div class="content_text"> <div class="sections animated fadeInUp"> <div class="col-md-6 p-5 "><iframe class="responsive-iframe" width="560" height="515" src="https://www.youtube.com/embed/ob_kpC6Wga8" title="Tata Steel | #WeAlsoMakeTomorrow | Senior Leadership | Envisioning Tomorrow | Innovation" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></div> <div class="col-md-6 p-5"> <h2>Mr Anand Sen</h2> <p>Watch Anand Sen, President, Total Quality Management & Steel Business, Tata Steel, discuss how Tata Steel stays ahead of the curve by meeting the challenge of change with innovative products and solutions.</p> </div> </div> <div class="clearfix"></div> </div> <div class="content_text"> <div class="sections animated fadeInUp"> <div class="col-md-6 p-5"> <h2>Mr Peeyush Gupta</h2> <p>#LeadershipSpeak - Our innovative products and solutions aim to make lives simple, progressive and happy. In keeping pace with the growing needs of our customers, we are continuously adapting, changing and innovating to stay relevant, credible and a steel supplier of choice. We are breaking norms, exploring new patterns and creating an exciting array of world-class services and solutions to enable a better tomorrow for our customers and society at large. #WeAlsoMakeTomorrow</p> </div> <div class="col-md-6 p-5 "><iframe class="responsive-iframe" width="560" height="515" src="https://www.youtube.com/embed/Ps-13awYPoc" title="Tata Steel | #WeAlsoMakeTomorrow | Senior Leadership | Envisioning Tomorrow | Customers" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe></div> </div> <div class="clearfix"></div> </div> <div class="content_text"> <div class="sections animated fadeInUp"> <div class="col-md-6 p-5 "><iframe class="responsive-iframe" width="560" height="515" src="https://www.youtube.com/embed/-i2BnAp1tYQ" title="Tata Steel | #WeAlsoMakeTomorrow | Senior Leadership | Envisioning Tomorrow | New Materials" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe></div> <div class="col-md-6 p-5"> <h2>Dr Debashish Bhattacharjee</h2> <p>Our imagination and keenness to find innovative solutions to challenges of today is shaping a brighter future. Moving beyond steel, we have setup a new vertical for leading revolutionary work in new materials. We are enabling a better tomorrow through innovation and excellence. #WeAlsoMakeTomorrow</p> </div> </div> <div class="clearfix"></div> </div> <div class="content_text"> <div class="sections animated fadeInUp"> <div class="col-md-6 p-5"> <h2>Mr Jayanta Banerjee</h2> <p>#LeadershipSpeak - In our journey of excellence and continuous improvement, we are pioneering digital steel making. We are focused on undertaking technological and digital interventions across the value chain, in every process and function. We are investing in the future and are enabling a better tomorrow for the coming generations. #WeAlsoMakeTomorrow</p> </div> <div class="col-md-6 p-5 "><iframe class="responsive-iframe" width="560" height="515" src="https://www.youtube.com/embed/MKMmPMPkMso" title="Tata Steel | #WeAlsoMakeTomorrow | Senior Leadership | Envisioning Tomorrow | New Materials" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></div> </div> <div class="clearfix"></div> </div> <div class="content_text"> <div class="sections animated fadeInUp"> <div class="col-md-6 p-5 "><iframe class="responsive-iframe" width="560" height="515" src="https://www.youtube.com/embed/hyRsssRmYjk" title="Tata Steel | #WeAlsoMakeTomorrow | Senior Leadership | Envisioning Tomorrow | New Materials" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></div> <div class="col-md-6 p-5"> <h2>Mr Rajesh Ranjan Jha</h2> <p>Innovation driven by engineering excellence and insights is integral to our way of working. We intend to be #futuready by designing and implementing projects which place us ahead of time. In today's dynamic environment, our focus is to build time and cost effective quality solutions to enable a sustainable tomorrow.</p> </div> </div> <div class="clearfix"></div> </div> <div class="content_text"> <div class="sections animated fadeInUp"> <div class="col-md-6 p-5"> <h2>Mr Rajiv Kumar</h2> <p>Driven by excellence and a vision of a better tomorrow, we are continuously pushing the envelope. The state-of-the-art Kalinganagar steel plant is a testimony to our efforts to leverage technology and innovation to contribute to the nation's growth and serve the environment better.</p> </div> <div class="col-md-6 p-5 "><iframe class="responsive-iframe" width="560" height="515" src="https://www.youtube.com/embed/SB4C6jzliUU" title="Tata Steel | #WeAlsoMakeTomorrow | Senior Leadership | Envisioning Tomorrow | Kalinganagar (TSK)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></div> </div> <div class="clearfix"></div> </div> <div class="content_text"> <div class="sections animated fadeInUp"> <div class="col-md-6 p-5 "><iframe class="responsive-iframe" width="560" height="515" src="https://www.youtube.com/embed/GoHREiZqgD0" title="Tata Steel | #WeAlsoMakeTomorrow | Senior Leadership | Sustainability" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></div> <div class="col-md-6 p-5"> <h2>Mr Sanjiv Paul</h2> <p>Sustainability forms the core of Tata Steel's philosophy. We have pursued innovation and technology led sustainable growth across our operations for over 100 years. Each employee is a Sustainability Officer and the concept of sustainability is at the heart of every decision that they make. As one of the leading and pioneering steel-makers, it is our responsibility to protect and preserve the planet for future generations. We are working to enable the circular economy in the steel business by formalising the informal sector of scrap recycling and ensure a greener and sustainable tomorrow.</p> </div> </div> <div class="clearfix"></div> </div> <div class="content_text"> <div class="sections animated fadeInUp"> <div class="col-md-6 p-5"> <h2>Mr Chanakya Chaudhary</h2> <p>The vision of our founder, Jamsetji Tata, set us on a path of sustainability driven by innovation and technology. For over a 110 years, we have worked together with all our stakeholders to create a shared future. Our people, powered by an ecosystem of innovative systems and processes, enable creation of a better tomorrow for all.</p> </div> <div class="col-md-6 p-5 "><iframe class="responsive-iframe" width="560" height="515" src="https://www.youtube.com/embed/2UmOIR80zns" title="Tata Steel | #WeAlsoMakeTomorrow | Senior Leadership | Envisioning Tomorrow" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></div> </div> <div class="clearfix"></div> </div> <div class="content_text"> <div class="sections animated fadeInUp"> <div class="col-md-6 p-5 "><iframe class="responsive-iframe" width="560" height="515" src="https://www.youtube.com/embed/jv8mjF5xf0c" title="Tata Steel | #WeAlsoMakeTomorrow | Senior Leadership | New Materials Business - FRP" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></div> <div class="col-md-6 p-5"> <h2>Dr Debashish Bhattacharjee</h2> <p>Driven by imagination and the desire to find innovative solutions, we are shaping a tomorrow with infinite possibilities. Moving beyond steel, our new vertical of 'New Materials' is involved in revolutionary work and leading the way in India. Our focus on Fibre Reinforced Polymer Composites, a structural material which is light and corrosion resistant, promises to add a lot of value for users in sectors such as Railways, Industrial Goods, Infrastructure and Automotive through various product offerings. Sustainability is at the core of all our pursuits and this venture will further our vision of a greener tomorrow.</p> </div> </div> <div class="clearfix"></div> </div> <div class="content_text"> <div class="sections animated fadeInUp"> <div class="col-md-6 p-5"> <h2>Technology</h2> <p>At Tata Steel, we are harnessing the power of emerging technologies to create sustainable solutions that also ensure growth. Watch Tata Steel's leaders talk more about how technology is transforming the steel industry and, in effect, the world.</p> </div> <div class="col-md-6 p-5 "><iframe class="responsive-iframe" width="560" height="515" src="https://www.youtube.com/embed/0Uos90TdpJM" title="Tata Steel | #WeAlsoMakeTomorrow | Senior Leadership | Technology" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></div> </div> <div class="clearfix"></div> </div> <div class="content_text"> <div class="sections animated fadeInUp"> <div class="col-md-6 p-5 "><iframe class="responsive-iframe" width="560" height="515" src="https://www.youtube.com/embed/_ndtvecrwKo" title="Tata Steel | #WeAlsoMakeTomorrow | Senior Leadership | Innovation" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></div> <div class="col-md-6 p-5"> <h2>Innovation</h2> <p>Innovation is a major driver at Tata Steel, enabling the next generation of products and solutions. We pioneer innovation and digitalisation to ensure that we don't just meet our customers' needs, we exceed them. Watch what our senior leadership has to say about how we have been repositioning the image of steel and making it more contemporary.</p> </div> </div> <div class="clearfix"></div> </div> </div> </div> </div>  <div id="section7" class="section fp-auto-height lastsection"> <div class="explore_more"> <h3 class="sectiontitle animatedParent"><span class="animated fadeInUp go">Explore More</span></h3> <div class="explore_gallery"> <div class="bx-wrapper" style="max-width: 100%;"> <div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 340px;"> <div id="explore_gallery" style="width: auto; position: relative;"> <div class="explore_item scalbg_abs animatedParent" style="float: none; list-style: none; position: absolute; width: 1519.2px; z-index: 50; display: block;"> <div class="scalebg hidden-xs" style="background-image: url('/media/18977/technology.jpg');"></div> <div class="scalebg visible-xs active-slide" style="background-image: url('/media/3469/awards_banner_mobile.jpg');"></div> <h4 class="animated slow fadeInUp go">Technology</h4> <a href="/corporate/wealsomaketomorrow/technology/" class="anchor_button hvr-sweep-to-right animated slower fadeInUp go" title="Know more">Know more</a></div> </div> </div> <div class="bx-controls bx-has-pager bx-has-controls-direction"> <div class="bx-pager bx-default-pager"> <div class="bx-pager-item"><a data-slide-index="0" class="bx-pager-link active">1</a></div> </div> <div class="bx-controls-direction"><a class="bx-prev disabled">Prev</a><a class="bx-next disabled">Next</a></div> </div> </div> </div> </div> </div>   <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>   </span> </div> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12"> <ul class="download_app">  </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> <script type="text/javascript"> $(document).ready(function () { // $('.over_level2 li:nth-child(7)').css('display', 'block'); $(".over_menu .over_level2 a").click(function (e) { var $nextUl = $(this).next("ul"); // Check if any li within the next ul has the text 'India' var hasIndia = $nextUl.find('li:contains("India")').length > 0; // Check if any li within the next ul has the text 'Our Organisation' var hasOur_Organisation = $nextUl.find('li:contains("Our Organisation")').length > 0; // Check if any li within the next ul has the text 'Integrated Report/Annual Report' var hasintegrated_report = $nextUl.find('li:contains("Integrated Report/Annual Report")').length > 0; // var hasAmalgamation = $nextUl.find('li:contains("Amalgamation")').length > 0; // if (!hasIndia && !hasOur_Organisation && !hasintegrated_report && !hasAmalgamation) { if (!hasIndia && !hasOur_Organisation) { $nextUl.addClass("scroll_class_one"); console.log("Class added!"); } }); // Handle click event on third-level menu items $(".over_menu .over_level3 a:contains('Bonds Information')").click(function (e) { console.log("click on bonds info menu!"); var $nextUl = $(this).next("ul"); // Remove scroll_class_one from the third-level menu if 'Bonds Information' is clicked $(this).closest('.over_level3').removeClass("scroll_class_one"); console.log("Removed scroll_class_one from third level!"); }); $(".over_menu .over_level3 a").filter(function () { return $(this).text().trim() === 'Integrated Report & Annual Accounts 2023-24 (117th Year) and related documents'; }).click(function (e) { var $nextUl = $(this).next("ul"); // Remove scroll_class_one from the third-level menu if the exact text is matched $(this).closest('.over_level3').removeClass("scroll_class_one"); console.log("Removed scroll_class_one from third level!"); }); $(".over_menu .over_level3 a").filter(function () { return $(this).text().trim() === 'Integrated Report & Annual Accounts 2022-23 (116th year) and related documents'; }).click(function (e) { var $nextUl = $(this).next("ul"); // Remove scroll_class_one from the third-level menu if the exact text is matched $(this).closest('.over_level3').removeClass("scroll_class_one"); console.log("Removed scroll_class_one from third level!"); }); $(".over_menu .over_level3 a").filter(function () { return $(this).text().trim() === 'Integrated Report & Annual Accounts 2021-22 (115th year) and related documents'; }).click(function (e) { var $nextUl = $(this).next("ul"); // Remove scroll_class_one from the third-level menu if the exact text is matched $(this).closest('.over_level3').removeClass("scroll_class_one"); console.log("Removed scroll_class_one from third level!"); }); }); </script> </div> </div> <div class="privacy-cookie-alert"> <div class="col-md-10 col-sm-10 col-xs-10" style="font-size: 14px;"> This website uses cookies. By continuing to browse this website you are agreeing to our use of cookies. Find out more by reading our <a href="/privacy-policy/" style="font-size: 14px;" target="_blank">Privacy Policy</a> & <a href="/cookies-policy/" style="font-size: 14px;" target="_blank">Cookie Policy.</a></div> <div class="col-md-2 col-sm-2 col-xs-2"> <div class="cookies-closeBtn right" style="display: block;"><span>×</span></div> </div> </div>  <div class="cancel-btn-right-global" onclick="cancelSpeech()"> <div role="img" aria-label="Cancel Audio"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#f60" class="bi bi-x-circle" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"></path> </svg> <span>Cancel<br>Audio</span> </div> </div> <script src="/scripts/tatasteel-latest23.js?id=2"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script> <script> function debounce(func, wait, immediate) { var timeout; return function () { var context = this, args = arguments; var later = function () { timeout = null; if (!immediate) func.apply(context, args); }; var callNow = immediate && !timeout; clearTimeout(timeout); timeout = setTimeout(later, wait); if (callNow) func.apply(context, args); }; } if($(".append-career-floating").length > 0){ $("body").append('<div class="careersFloating"><p class="close-btn">×</p>Current openings:<br><a onclick="ga(\'send\',\'event\',\'Tata Steel India Careers\',\'click\',\'naukri\');" rel="noopener noreferrer" href="http://jobsearch.naukri.com/search?xz=7_0_5&qp=TATASTEELNAUK&tem=tatasteel" target="_blank" class="btn btn-blue-outline anchor_button hvr-sweep-to-right">Hosted on Naukri</a> <a onclick="ga(\'send\',\'event\',\'Tata Steel India Careers\',\'click\',\'others_openings\');" rel="noopener noreferrer" href="http://203.197.123.30/recruit/AppList.aspx" target="_blank" class="btn btn-blue-outline anchor_button hvr-sweep-to-right">Apply for jobs/internship</a></div>') $(".careersFloating p.close-btn").click(function(){$(".careersFloating").fadeOut(300)}); } $("#btn_search").click(function(e){ //console.log("enter"); var currentUrl = window.location.hostname; //returns the entire url window.open('https://'+currentUrl + '/search?Search=' + $("#SearchTerm").val(),'_blank'); }); $(document).on("change paste keyup", "#SearchTerm", debounce(function (e) { e.preventDefault(); var form = $(e.target).closest('form'); $(form).submit(); }, 300)); var timelines = $('.cd-horizontal-timeline'), eventsMinDistance = 150; (timelines.length > 0) && initTimeline(timelines); function initTimeline(timelines) { timelines.each(function(){ var timeline = $(this), timelineComponents = {}; //cache timeline components timelineComponents['timelineWrapper'] = timeline.find('.events-wrapper'); timelineComponents['eventsWrapper'] = timelineComponents['timelineWrapper'].children('.events'); timelineComponents['fillingLine'] = timelineComponents['eventsWrapper'].children('.filling-line'); timelineComponents['timelineEvents'] = timelineComponents['eventsWrapper'].find('a'); timelineComponents['timelineDates'] = parseDate(timelineComponents['timelineEvents']); timelineComponents['eventsMinLapse'] = minLapse(timelineComponents['timelineDates']); timelineComponents['timelineNavigation'] = timeline.find('.cd-timeline-navigation'); timelineComponents['eventsContent'] = timeline.children('.events-content'); //assign a left postion to the single events along the timeline setDatePosition(timelineComponents, eventsMinDistance); //assign a width to the timeline var timelineTotWidth = setTimelineWidth(timelineComponents, eventsMinDistance); //the timeline has been initialize - show it timeline.addClass('loaded'); //detect click on the next arrow timelineComponents['timelineNavigation'].on('click', '.next', function(event){ event.preventDefault(); updateSlide(timelineComponents, timelineTotWidth, 'next'); }); //detect click on the prev arrow timelineComponents['timelineNavigation'].on('click', '.prev', function(event){ event.preventDefault(); updateSlide(timelineComponents, timelineTotWidth, 'prev'); }); //detect click on the a single event - show new event content timelineComponents['eventsWrapper'].on('click', 'a', function(event){ event.preventDefault(); timelineComponents['timelineEvents'].removeClass('selected'); $(this).addClass('selected'); updateOlderEvents($(this)); updateFilling($(this), timelineComponents['fillingLine'], timelineTotWidth); updateVisibleContent($(this), timelineComponents['eventsContent']); }); //on swipe, show next/prev event content timelineComponents['eventsContent'].on('swipeleft', function(){ var mq = checkMQ(); ( mq == 'mobile' ) && showNewContent(timelineComponents, timelineTotWidth, 'next'); }); timelineComponents['eventsContent'].on('swiperight', function(){ var mq = checkMQ(); ( mq == 'mobile' ) && showNewContent(timelineComponents, timelineTotWidth, 'prev'); }); //keyboard navigation $(document).keyup(function(event){ if(event.which=='37' && elementInViewport(timeline.get(0)) ) { showNewContent(timelineComponents, timelineTotWidth, 'prev'); } else if( event.which=='39' && elementInViewport(timeline.get(0))) { showNewContent(timelineComponents, timelineTotWidth, 'next'); } }); }); } function updateSlide(timelineComponents, timelineTotWidth, string) { //retrieve translateX value of timelineComponents['eventsWrapper'] var translateValue = getTranslateValue(timelineComponents['eventsWrapper']), wrapperWidth = Number(timelineComponents['timelineWrapper'].css('width').replace('px', '')); //translate the timeline to the left('next')/right('prev') (string == 'next') ? translateTimeline(timelineComponents, translateValue - wrapperWidth + eventsMinDistance, wrapperWidth - timelineTotWidth) : translateTimeline(timelineComponents, translateValue + wrapperWidth - eventsMinDistance); } function showNewContent(timelineComponents, timelineTotWidth, string) { //go from one event to the next/previous one var visibleContent = timelineComponents['eventsContent'].find('.selected'), newContent = ( string == 'next' ) ? visibleContent.next() : visibleContent.prev(); if ( newContent.length > 0 ) { //if there's a next/prev event - show it var selectedDate = timelineComponents['eventsWrapper'].find('.selected'), newEvent = ( string == 'next' ) ? selectedDate.parent('li').next('li').children('a') : selectedDate.parent('li').prev('li').children('a'); updateFilling(newEvent, timelineComponents['fillingLine'], timelineTotWidth); updateVisibleContent(newEvent, timelineComponents['eventsContent']); newEvent.addClass('selected'); selectedDate.removeClass('selected'); updateOlderEvents(newEvent); updateTimelinePosition(string, newEvent, timelineComponents, timelineTotWidth); } } function updateTimelinePosition(string, event, timelineComponents, timelineTotWidth) { //translate timeline to the left/right according to the position of the selected event var eventStyle = window.getComputedStyle(event.get(0), null), eventLeft = Number(eventStyle.getPropertyValue("left").replace('px', '')), timelineWidth = Number(timelineComponents['timelineWrapper'].css('width').replace('px', '')), timelineTotWidth = Number(timelineComponents['eventsWrapper'].css('width').replace('px', '')); var timelineTranslate = getTranslateValue(timelineComponents['eventsWrapper']); if( (string == 'next' && eventLeft > timelineWidth - timelineTranslate) || (string == 'prev' && eventLeft < - timelineTranslate) ) { translateTimeline(timelineComponents, - eventLeft + timelineWidth/2, timelineWidth - timelineTotWidth); } } function translateTimeline(timelineComponents, value, totWidth) { var eventsWrapper = timelineComponents['eventsWrapper'].get(0); value = (value > 0) ? 0 : value; //only negative translate value value = ( !(typeof totWidth === 'undefined') && value < totWidth ) ? totWidth : value; //do not translate more than timeline width setTransformValue(eventsWrapper, 'translateX', value+'px'); //update navigation arrows visibility (value == 0 ) ? timelineComponents['timelineNavigation'].find('.prev').addClass('inactive') : timelineComponents['timelineNavigation'].find('.prev').removeClass('inactive'); (value == totWidth ) ? timelineComponents['timelineNavigation'].find('.next').addClass('inactive') : timelineComponents['timelineNavigation'].find('.next').removeClass('inactive'); } function updateFilling(selectedEvent, filling, totWidth) { //change .filling-line length according to the selected event var eventStyle = window.getComputedStyle(selectedEvent.get(0), null), eventLeft = eventStyle.getPropertyValue("left"), eventWidth = eventStyle.getPropertyValue("width"); eventLeft = Number(eventLeft.replace('px', '')) + Number(eventWidth.replace('px', ''))/2; var scaleValue = eventLeft/totWidth; setTransformValue(filling.get(0), 'scaleX', scaleValue); } function setDatePosition(timelineComponents, min) { for (i = 0; i < timelineComponents['timelineDates'].length; i++) { var distance = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][i]), distanceNorm = Math.round(distance/timelineComponents['eventsMinLapse']) + 2; timelineComponents['timelineEvents'].eq(i).css('left', distanceNorm*min+'px'); } } function setTimelineWidth(timelineComponents, width) { var timeSpan = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][timelineComponents['timelineDates'].length-1]), timeSpanNorm = timeSpan/timelineComponents['eventsMinLapse'], timeSpanNorm = Math.round(timeSpanNorm) + 4, totalWidth = timeSpanNorm*width; timelineComponents['eventsWrapper'].css('width', totalWidth+'px'); updateFilling(timelineComponents['timelineEvents'].eq(0), timelineComponents['fillingLine'], totalWidth); return totalWidth; } function updateVisibleContent(event, eventsContent) { var eventDate = event.data('date'), visibleContent = eventsContent.find('.selected'), selectedContent = eventsContent.find('[data-date="'+ eventDate +'"]'), selectedContentHeight = selectedContent.height(); if (selectedContent.index() > visibleContent.index()) { var classEnetering = 'selected enter-right', classLeaving = 'leave-left'; } else { var classEnetering = 'selected enter-left', classLeaving = 'leave-right'; } selectedContent.attr('class', classEnetering); visibleContent.attr('class', classLeaving).one('webkitAnimationEnd oanimationend msAnimationEnd animationend', function(){ visibleContent.removeClass('leave-right leave-left'); selectedContent.removeClass('enter-left enter-right'); }); eventsContent.css('height', selectedContentHeight+'px'); } function updateOlderEvents(event) { event.parent('li').prevAll('li').children('a').addClass('older-event').end().end().nextAll('li').children('a').removeClass('older-event'); } function getTranslateValue(timeline) { var timelineStyle = window.getComputedStyle(timeline.get(0), null), timelineTranslate = timelineStyle.getPropertyValue("-webkit-transform") || timelineStyle.getPropertyValue("-moz-transform") || timelineStyle.getPropertyValue("-ms-transform") || timelineStyle.getPropertyValue("-o-transform") || timelineStyle.getPropertyValue("transform"); if( timelineTranslate.indexOf('(') >=0 ) { var timelineTranslate = timelineTranslate.split('(')[1]; timelineTranslate = timelineTranslate.split(')')[0]; timelineTranslate = timelineTranslate.split(','); var translateValue = timelineTranslate[4]; } else { var translateValue = 0; } return Number(translateValue); } function setTransformValue(element, property, value) { element.style["-webkit-transform"] = property+"("+value+")"; element.style["-moz-transform"] = property+"("+value+")"; element.style["-ms-transform"] = property+"("+value+")"; element.style["-o-transform"] = property+"("+value+")"; element.style["transform"] = property+"("+value+")"; } //based on http://stackoverflow.com/questions/542938/how-do-i-get-the-number-of-days-between-two-dates-in-javascript function parseDate(events) { var dateArrays = []; events.each(function(){ var dateComp = $(this).data('date').split('/'), newDate = new Date(dateComp[2], dateComp[1]-1, dateComp[0]); dateArrays.push(newDate); }); return dateArrays; } function parseDate2(events) { var dateArrays = []; events.each(function(){ var singleDate = $(this), dateComp = singleDate.data('date').split('T'); if( dateComp.length > 1 ) { //both DD/MM/YEAR and time are provided var dayComp = dateComp[0].split('/'), timeComp = dateComp[1].split(':'); } else if( dateComp[0].indexOf(':') >=0 ) { //only time is provide var dayComp = ["2000", "0", "0"], timeComp = dateComp[0].split(':'); } else { //only DD/MM/YEAR var dayComp = dateComp[0].split('/'), timeComp = ["0", "0"]; } var newDate = new Date(dayComp[2], dayComp[1]-1, dayComp[0], timeComp[0], timeComp[1]); dateArrays.push(newDate); }); return dateArrays; } function daydiff(first, second) { return Math.round((second-first)); } function minLapse(dates) { //determine the minimum distance among events var dateDistances = []; for (i = 1; i < dates.length; i++) { var distance = daydiff(dates[i-1], dates[i]); dateDistances.push(distance); } return Math.min.apply(null, dateDistances); } /* How to tell if a DOM element is visible in the current viewport? http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport */ function elementInViewport(el) { var top = el.offsetTop; var left = el.offsetLeft; var width = el.offsetWidth; var height = el.offsetHeight; while(el.offsetParent) { el = el.offsetParent; top += el.offsetTop; left += el.offsetLeft; } return ( top < (window.pageYOffset + window.innerHeight) && left < (window.pageXOffset + window.innerWidth) && (top + height) > window.pageYOffset && (left + width) > window.pageXOffset ); } function checkMQ() { //check if mobile or desktop device return window.getComputedStyle(document.querySelector('.cd-horizontal-timeline'), '::before').getPropertyValue('content').replace(/'/g, "").replace(/"/g, ""); } </script> <script> var http = false; if (navigator.appName == "Microsoft Internet Explorer") { http = new ActiveXObject("Microsoft.XMLHTTP"); } else { http = new XMLHttpRequest(); } function hdsSearch() { var searchText1=document.getElementById("txt_search").value; //lets check for harmfull characters var res = searchText1.substring(0, 1); if(res == ">" || res == "<") { searchText1 = searchText1.replace(">","").replace("<",""); } //end of handling harmfull characters url="https://www.tatasteel.com/getsearchresult?SearchText="+ searchText1; //url="city.aspx"; http.open("GET", url); http.onreadystatechange = function() { if (http.readyState == 4) { // alert(http.responseText); document.getElementById("search_res").innerHTML = http.responseText; } } http.send(null); if(!searchText1){ $("#search_res").hide(); } else{ $("#search_res").show(); } } function goAllResult() { //console.log("enter"); var currentUrl = window.location.hostname; //returns the entire url window.open('https://'+currentUrl + '/search?Search=' + document.getElementById("txt_search").value,'_blank'); } </script> <script type="text/javascript"> $(document).ready(function () { var img = $('<img>', { src: '/images/over-menu/media.png', // Replace with your image URL alt: 'Newsroom' // Optional alt text }); $('.over_level1 span.text').filter(function() { return $(this).text() === 'Newsroom'; }).before(img); // $('<li class="tsBlog"><a href="https://blog.tatasteel.com/" target="_blank"><img src="/media/14143/blog-png.png" alt=""><span class="text">Blog</span></a></li>').insertAfter($('.over_level1 li:nth-child(6)')); // $( ".phone_link" ).append( "<li><a class='decrease' id='down'>A-</a></li>" ); // $( ".phone_link" ).append( "<li><a class='increase' id='up'>A+</a></li>" ); //alert('hi'); $("#down").on( "click", function() { //alert('hi'); $(".pdf_link").css("font-size", "-=2"); $(".btn.btn-blue-outline").css("font-size", "-=2"); }); $(".increase").on( "click", function() { $(".pdf_link").css("font-size", "+=2"); $(".btn.btn-blue-outline").css("font-size", "+=2"); }); $('.menu_head a[href="/sustainability/"]').removeAttr("href"); $('.menu_head a[href="/sustainability/environment/"]').removeAttr("href"); $('.menu_head a[href="/sustainability/social/"]').removeAttr("href"); $('.menu_head a[href="/sustainability/governance/"]').removeAttr("href"); }); </script>  <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>  <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>   <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>  <script> $(".content_text a").click(function(){ var title = $(this).text(); console.log(title); ga('send','event',' Corporate Our Organisation Company Profile','click',title); }); $("#academy_slider").on('slid.bs.carousel', function() { addDisableSports(); }); addDisableSports(); function addDisableSports() { var numslider = $("#academy_slider .carousel-inner .item").length; if (($("#academy_slider").find(".carousel-inner .item.active").index()) == numslider -1) { $(".sports_slider_next").addClass("disabled"); } else if (($("#academy_slider").find(".carousel-inner .item.active").index()) == 0) { $(".sports_slider_prev").addClass("disabled"); } else { $(".sports_slider_prev, .sports_slider_next").removeClass("disabled"); } } /* Demo purposes only */ $(".hover").mouseleave( function() { $(this).removeClass("hover"); } ); </script>  <script src="https://code.responsivevoice.org/responsivevoice.js?key=2ksJ9kjM"></script>   <script src="https://www.tatasteel.com/scripts/mouse-trail.js?id=01242022"></script> <style> #academy_slider .row.item > div { width: 49%; padding-left: 15px; padding-right: 15px; display: inline-flex; } .wellslider-text-wrapper { padding-left: 25px; padding-right: 25px; margin: 0 auto; } .basic-drop-shadow { box-shadow: 0 0 10px; } .imageGrid { line-height: 0; padding:20px; } .imageGrid .tile { width:29%; margin:20px; min-height:30em; line-height: 1.2; display:inline-block; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; position: relative; color:#fff; text-shadow: 2px 2px 2px #000; cursor: pointer; cursor: hand; } .imageGrid .tile:before { content: ''; background-color: rgba(15,15,15,0.5); display: block; width: 100%; height: 100%; z-index: 0; position: absolute; } .imageGrid .tile:hover:before { display: none; } .imageGrid .tile .textWrapper { text-align: center; vertical-align: middle; width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: .75em; } .imageGrid .tile .textWrapper .content { display: none; } .imageGrid .tile:hover .textWrapper .content { display: block; } .imageGrid .tile:hover .textWrapper .content h2 { margin: 0; } @media (max-width: 1000px) { .imageGrid .tile { width: 50%; } } @media (max-width: 700px) { .imageGrid .tile { width: 100%; } } .btn.btn-white-outline{ font-size: 1.125em; color: white; padding: 11px 15px; border: 1px solid white!important; border-radius: 0; background-color: transparent; margin: 0 5px; z-index: 2; } .color-white{ color:white; } .tooltipnew { position: relative; font-weight: bolder; cursor: pointer; font-size: inherit; } .twitterSharingLink img { width: 25px; } .twitterSharingLink { margin-left: 10px; border: 0!important; } .intro-text .hashtag { font-size: 25px; color: #4b054e; } .responsive-iframe { width: 100%; height: 20em; } @media screen and (max-width: 992px){ .in-row-desktop{ display: grid !important; flex-direction: row-reverse; } #first { order: 1; } #second { order: 2; } } .in-row-desktop{ display: flex; flex-direction: row-reverse; } .snip1521 { margin: 10px; margin-right: auto; margin-left: auto; position: relative; overflow: hidden; min-width: 230px; max-width: 315px; width: 100%; color: #000000; text-align: center; font-size: 18px; background-color: #ffffff; } .snip1521 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s; transition: all 0.35s; } .snip1521 img { vertical-align: top; max-width: 100%; backface-visibility: hidden; } .snip1521 figcaption { position: absolute; background-color: #fff; z-index: 1; top: 50%; left: 50%; padding: 10px ; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 1em; overflow: hidden; height: 44px; } .snip1521 h3 { text-transform: uppercase; font-size: 0.9em; font-weight: 400; margin: 0; letter-spacing: 2px; } .snip1521 h3.hover { color: #ffffff; font-weight: 800; } .snip1521 a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .snip1521:hover > img, .snip1521.hover > img { opacity: 1; } .snip1521:hover figcaption, .snip1521.hover figcaption { background-color: #3d7edb; } .snip1521:hover .title, .snip1521.hover .title { -webkit-transform: translateY(-105%); transform: translateY(-105%); } .snip1521:hover .hover, .snip1521.hover .hover { -webkit-transform: translateY(-105%); transform: translateY(-105%); } @media screen and (max-width: 767px) .wellslider-text-wrapper { padding-left: 25px; padding-right: 25px; margin: 0 auto; } @media (max-width: 992px) .wellslider-text { padding: 15px 30px; } @media screen and (max-width: 767px) #academy_slider .row.item > div { width: 100%; padding-left: 15px; padding-right: 15px; display: inline-flex; } .tw-tooltip { position: relative; padding:0.5rem; font-size:1rem; } .tw-tooltip:hover { color: #292b2c; } .tw-tooltip:hover::after{ transform: scale(1.8,1) translate(-35%,-65%); } .tw-tooltip:hover::before { position: absolute; content: attr(data-title); background-color: #337ab7; border-radius: 4px; text-align: center; color: #fff; bottom: -60px; right: 50%; padding: 3px 8px; transform: translate(50%,-50%); white-space: nowrap; overflow-wrap: break-word; } .tw-tooltip:hover::after { position: absolute; content: '\25B2'; height:1.25rem; color: #337ab7; top: 30px; left: 50%; transform: scale(1.8,1) translate(-35%,-65%); } @media only screen and (max-width: 600px) { .tw-tooltip:hover::before { position: absolute; content: attr(data-title); background-color: #337ab7; border-radius: 4px; text-align: center; color: #fff; bottom: -49px; right: 50%; padding: 3px 8px; transform: translate(50%,-50%); white-space: nowrap; overflow-wrap: break-word; } } </style> <script> $(function(){ $("#sports_slider").on('slid.bs.carousel', function() { addDisableSports(); }); addDisableSports(); function addDisableSports() { var numslider = $("#sports_slider .carousel-inner .item").length; if (($("#sports_slider").find(".carousel-inner .item.active").index()) == numslider -1) { $(".sports_slider_next").addClass("disabled"); } else if (($("#sports_slider").find(".carousel-inner .item.active").index()) == 0) { $(".sports_slider_prev").addClass("disabled"); } else { $(".sports_slider_prev, .sports_slider_next").removeClass("disabled"); } } $("#academy_slider").on('slid.bs.carousel', function() { addDisableSports(); }); addDisableSports(); function addDisableSports() { var numslider = $("#academy_slider .carousel-inner .item").length; if (($("#academy_slider").find(".carousel-inner .item.active").index()) == numslider -1) { $(".sports_slider_next").addClass("disabled"); } else if (($("#academy_slider").find(".carousel-inner .item.active").index()) == 0) { $(".sports_slider_prev").addClass("disabled"); } else { $(".sports_slider_prev, .sports_slider_next").removeClass("disabled"); } } $("#events_slider").on('slid.bs.carousel', function() { addDisableSports(); }); addDisableSports(); function addDisableSports() { var numslider = $("#events_slider .carousel-inner .item").length; if (($("#events_slider").find(".carousel-inner .item.active").index()) == numslider -1) { $(".sports_slider_next").addClass("disabled"); } else if (($("#events_slider").find(".carousel-inner .item.active").index()) == 0) { $(".sports_slider_prev").addClass("disabled"); } else { $(".sports_slider_prev, .sports_slider_next").removeClass("disabled"); } } }); $(document).ready(function(){ var homebanner_config = { minSlides: 1, maxSlides: 4, slideWidth: 347, slideMargin: 20, nextText: ' ', prevText: ' ', responsive:true, moveSlides:1, hideControlOnEnd:true, infiniteLoop:false, pager:false }; var homebanner = []; $('.sliders').each(function(i, slider) { homebanner[i] = $(slider).bxSlider(homebanner_config); }); function reload_homebanner() { $('#campaigns_gal').bxSlider().reloadSlider();; $.each(homebanner, function(i, slider) { slider.reloadSlider(homebanner_config); }); }; var winner_gallery = { minSlides: 1, maxSlides: 5, slideWidth: 240, slideMargin: 20, responsive:true, moveSlides:1, hideControlOnEnd:true, infiniteLoop:false, pager:false }; var homebanner2 = []; $('.winnergallery').each(function(j, slider2) { homebanner2[j] = $(slider2).bxSlider(winner_gallery); }); function reload_homebanner2() { $.each(homebanner2, function(j, slider2) { slider2.reloadSlider(winner_gallery); }); }; $('#explore_gallery').bxSlider({ mode:'fade', controls:true, pager:true, auto:false, infiniteLoop: false, hideControlOnEnd:true, onSliderLoad: function(currentIndex) { $('#explore_gallery .explore_item').children().eq(currentIndex + 1).addClass('active-slide'); }, onSlideAfter: function($slideElement){ $('#explore_gallery .explore_item').removeClass('active-slide'); $slideElement.addClass('active-slide'); $slideElement.find('.animated').addClass('go'); } }); $('#testimonial_gallery').bxSlider({ mode:'horizontal', controls:false, auto:true, pause:7000 }); $('#institutes_logo').bxSlider({ minSlides: 1, maxSlides: 8, slideWidth: 115, slideMargin: 20, moveSlides:1, hideControlOnEnd:true, infiniteLoop:false }); $('.fancybox').fancybox({ openEffect : 'elastic', openSpeed : 400, closeEffect : 'elastic', closeSpeed : 400, }); $('.fancyboxvid').fancybox({ openEffect : 'elastic', openSpeed : 400, closeEffect : 'elastic', closeSpeed : 400, type: 'iframe', minHeight: 400 }); $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { e.preventDefault() $(this).tab('show'); reload_homebanner(); reload_homebanner2(); }); $('.scroll-pane').jScrollPane({ horizontalDragMaxWidth:150 }); $(".fancybox-video").fancybox({ afterShow: function() { // After the show-slide-animation has ended - play the vide in the current slide this.content.find('video').trigger('play') // Attach the ended callback to trigger the fancybox.next() once the video has ended. this.content.find('video').on('ended', function() { $.fancybox.next(); }); } }); $(".mom_gallery .slide a").click(function(){ var title = "images"; console.log(title); ga('send','event','Campaigns Founder\'s day Images','click',title); }); $(".mom_gallery a.fancybox-video").click(function(){ var title = "Vidoes"; console.log(title); ga('send','event','Campaigns Founder\'s day videos','click',title); }); }); </script> <style> .nav-tabs > li a:after{background: #00618c;} .btn.btn-blue-outline{ border: 1px solid #00618c!important;color:#00618c} .campaigns .campaigns_txt { max-width: 520px; margin: 0 auto; padding: 0; text-align: center; } .content_text h2 { color: #00618c; } .winners_section { margin-top: 60px !important; } .videodisp{display:block;} .videodispm{display:none;} .banner-caption{display:block;} .mobtext{ padding-top:7% !important; } .download-btnsec { text-align: center; background-color: #f2f6f9; width: 100%; padding: 20px 0px; } #academy_slider .row.item > div { width: 49%; padding-left: 15px; padding-right: 15px; display: inline-flex; } #events_slider .row.item > div { width: 49%; padding-left: 15px; padding-right: 15px; display: inline-flex; } .tabs-left { border-bottom: none !important; border-right: 1px solid #ddd !important; } .tabs-left > li { float: none !important; margin: 0px !important; display: block !important; } .tabs-left > li.active > a, .tabs-left > li.active > a:hover, .tabs-left > li.active > a:focus { border-bottom-color: #ddd !important; border-right-color: transparent !important; background: #f90 !important; border: none !important; border-radius: 0px !important; margin: 0px !important; } .nav-tabs > li > a:hover { /* margin-right: 2px; */ line-height: 1.42857143 !important; border: 1px solid transparent !important; /* border-radius: 4px 4px 0 0; */ color: #337ab7 !important; } .tabs-left > li.active > a::after { content: "" !important; position: absolute !important; top: 12px !important; right: -10px !important; border-top: 10px solid transparent !important; border-bottom: 10px solid transparent !important; border-left: 10px solid #f90; display: block !important; width: 0 !important; height: auto !important; left: auto; bottom: auto; z-index: 999999999 !important; background: transparent !important; } @media screen and (max-width:767px) { .videodisp{display:none;} .videodispm{display:block;} .mob{ font-size:.8em; } .mobtext{ padding-top:0% !important; } #academy_slider .row.item > div { width: 100%; padding-left: 15px; padding-right: 15px; display: inline-flex; } #events_slider .row.item > div { width: 100%; padding-left: 15px; padding-right: 15px; display: inline-flex; } .campaigns .image_section { height: 25% !important; } .campaigns .text_section { height: 110vh !important; } .wellslider-text-wrapper { padding-left: 25px; padding-right: 25px; margin: 0 auto; } } .content_text { padding: 60px 0px; } .card{ box-shadow: 0 1px 5px #ddd; transform: scale(1.02);} .card-title{ color : #3d7edb;} </style> <script type="text/javascript"> $(document).ready(function () { $('#campaigns_gal').bxSlider({ mode: 'fade', controls: true, pager: true, auto: false, nextText: ' ', prevText: ' ', autoControls: false, infiniteLoop: false, hideControlOnEnd: true, onSliderLoad: function (currentIndex) { $('#campaigns_gal .items').children().eq(currentIndex + 1).addClass('active-slide'); }, onSlideAfter: function ($slideElement) { $('#campaigns_gal .items').removeClass('active-slide'); $slideElement.addClass('active-slide'); } }); var slideCount = $('.section').length; // /* Tab Demo 1 start */ $(".tabdetails").hide(); //Hide all content $(".prod_thumb ul li:first").each(function () { //Activate first tab $(this).addClass("active").show(); }); $('.tab_content').find(".tabdetails:first").show(); //Show first tab content //On Click Event $(".prod_thumb ul li").click(function () { var indx = $(this).index(); $(this).siblings("li").removeClass("active"); //Remove any "active" class $(this).addClass("active"); //Add "active" class to selected tab $('.tab_content').find(".tabdetails").fadeOut('fast'); $('.tab_content').find(".tabdetails").eq(indx).fadeIn('fast'); return false; }); /* Tab Demo 1 end */ }); </script>  </body></html>

CINXE.COM

Leadership Speak