Smart Fab

<!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/solutions-of-tommorrow/smart-fab/"/> <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="Smart Fab"/> <meta property="og:type" content="website"/> <meta property="og:url" content="http://www.tatasteel.com/corporate/wealsomaketomorrow/solutions-of-tommorrow/smart-fab/"/> <meta property="og:description" content="Smart Fab"/> <meta name="twitter:card" content="Smart Fab"/> <meta name="twitter:url" content="http://www.tatasteel.com/corporate/wealsomaketomorrow/solutions-of-tommorrow/smart-fab/"/> <meta name="twitter:title" content="Smart Fab"/> <meta name="twitter:description" content="Smart Fab"/>   <title>Smart Fab</title> <meta name="description" content="Smart Fab"> <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/19157/sm-rtfab.jpg);"></div> <div class="scalebg visible-xs" style="background-image:url(/media/19172/sm-rtfab.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><a href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/">Solutions Of Tommorrow</a></li> <li class="active"><a href="#">Smart Fab</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 desp_bg animatedParent"> <div class="container animated fadeInUp"> <h2 class="text-center" style="margin-bottom: 10px;">Smart Innovation for A<br />Better Tomorrow.</h2> <p></p> <p></p> <p></p> <p></p> <p></p> <p class="center intro-text mobile-font-regular twitterSharing text-center" data-twitterurl="/corporate/wealsomaketomorrow/" data-twitterhashtag="WeAlsoMakeTomorrow">Tata Steel’s Sm@rtFAB is a prefabricated welded wire mesh solution aimed at raising productivity standards and catering to customised project requirements of special nature, redefining concepts of time and efficiency. <a class="twitterSharingLink tooltipnew tooltipstered" style="text-decoration: none;" href="http://twitter.com/share?text=@TataSteeLTDl%27s Sm@rtFAB is a prefabricated welded wire mesh solution aimed at raising productivity standards and catering to customised project requirements of special nature, redefining concepts of time and efficiency. &url=/corporate/wealsomaketomorrow/&hashtags=WeAlsoMakeTomorrow" target="_blank" rel="noopener noreferrer"> <span class="tw-tooltip" data-title="Tweet this"><img src="/media/18914/twitter.png" /></span></a></p> </div> </div> <div class="container-fluid animated fadeInUp go"> <div class="row"> <div class="col-md-12 " style="padding: 0px;"><iframe class="responsive-iframe basic-drop-shadow " src="https://www.youtube.com/embed/oV5WrQGzAgs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></div> <div class="clearfix"></div> </div> </div> <div class=" animatedParent"> <div class="container animated fadeInUp"> <div class="row center "> <div class="content_text"> <div class="sections animated fadeInUp in-row-desktop"> <div id="first" class="col-md-8 "><img src="/media/18933/smart_fab_first.jpg" class="img-responsive" /></div> <div id="second" class="col-md-4 "><br /> <br /> <br /> <br /> <p>Sm@rtFAB helps in design optimisation and material saving upto 30% leading which can provide significant cost savings.</p> <p class="share"><a target="_blank" href="http://twitter.com/share?text=Sm@rtFAB helps in design optimisation and material saving of upto 30%25 leading which can provide significant cost savings. Learn more: &url=/corporate/wealsomaketomorrow/solutions-of-tommorrow/smart-fab&hashtags=WeAlsoMakeTomorrow" rel="noopener noreferrer"><img src="/media/4124/twitter.png" /></a></p> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div> <div class=" well animatedParent"> <div class="container animated fadeInUp"> <div class="row center"> <div class="content_text"> <div class="sections animated fadeInUp"> <h2 class="text-center">Sm@rtFAB eliminates cutting and bending wastages at site which enables site management. <span class="share"><a target="_blank" href="http://twitter.com/share?text=Did you know, Sm@rtFAB eliminates cutting and bending wastages at site which enables site management? Learn more:&url=/corporate/wealsomaketomorrow/solutions-of-tommorrow/smart-fab&hashtags=WeAlsoMakeTomorrow" rel="noopener noreferrer"><img src="/media/4124/twitter.png" /></a></span></h2> <div class="col-md-12"><img src="/media/18932/smart_fab_second.jpg" class="img-responsive" /></div> <div class="clearfix"></div> </div> </div> </div> </div> </div> <div class=" animatedParent"> <div class="container animated fadeInUp"> <div class="row center"> <div class="content_text"> <div class="sections animated fadeInUp in-row-desktop"> <div id="second" class="col-md-6"> <p></p> <p></p> <p>Sm@rtFAB’s mechanical anchorage at each welded wire intersection and the ribbing pattern provide better bonding and stress transfer from concrete to steel.</p> <p class="share"><a target="_blank" href="http://twitter.com/share?text=A groundbreaking fact of @TataSteelLTD Motera project is that out of 11,000 tons of impeccable rebars provided, 8,400 tons of steel was supplied in the cut %26 bend form besides supply of 41,000 pieces of couplers %26 84,000 threads&url=/corporate/wealsomaketomorrow/&hashtags=WeAlsoMakeTomorrow" rel="noopener noreferrer"><img src="/media/4124/twitter.png" /></a></p> </div> <div id="first" class="col-md-6"><img src="/media/18931/smart_fab_fourth.jpg" class="img-responsive" /></div> <div class="clearfix"></div> </div> </div> </div> </div> </div> <div class=" animatedParent"> <div class="container animated fadeInUp"> <div class="row center"> <div class="content_text"> <div class="sections animated fadeInUp"> <div class="col-md-8"><img src="/media/18930/smart_fab_five.jpg" class="img-responsive" /></div> <div class="col-md-4"> <p></p> <h2 class="">Did You Know?</h2> <p>Sm@rtFAB’s thin wires with closer spacing ensure homogeneity in the section and eliminate the chance of displacement or omission of steel bars during concreting, thereby enhancing & alleviating the structural integrity.</p> <p class="share"><a target="_blank" href="http://twitter.com/share?text=Did you know? Sm@rtFAB%27s thin wires with closer spacing ensure homogeneity in the section and eliminate the chance of displacement or omission of steel bars during concreting, thereby enhancing %26 alleviating the structural integrity&url=/corporate/wealsomaketomorrow/solutions-of-tommorrow/smart-fab&hashtags=WeAlsoMakeTomorrow" rel="noopener noreferrer"><img src="/media/4124/twitter.png" /></a></p> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>  <div class=" animatedParent"> <div class="container animated fadeInUp"> <div class="row center"> <div class="content_text"> <div class="sections animated fadeInUp"> <div id="section6" class="section fp-auto-height lastsection fp-section fp-table active fp-completely" style="height: 484px; background-color: #1d1d1d;" data-anchor="stats"> <div class="fp-tableCell" style="height: 484px;"> <div class="stats_box animatedParent" style="background: #1f2237;"> <div class="stats_bg scalebg" style="background-image: url('/media/18977/technology.jpg'); opacity: 0.5;"></div> <div class="stats_text"> <div class="disp_table animated fadeInUp go"> <p class="wealsomaketomorrow_quote_icon">“</p> <p>"The Sm@artFAB is Tata’s novel product which redefines innovation and strength"</p> <p class="wealsomaketomorrow_quote_author">-</p> </div> </div> </div> </div> </div> </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/18905/airports.jpg');"></div> <div class="scalebg visible-xs active-slide" style="background-image: url('/media/18905/airports.jpg');"></div> <h4 class="animated slow fadeInUp go">Metro & Airports</h4> <a href="/corporate/wealsomaketomorrow/structures-of-tomorrow/metro-airports/" 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=3oQvfkgl"></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; } .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; } } .stats_box .stats_text .wealsomaketomorrow_quote_icon { line-height: 0; font-size: 4em ; margin-top:70px; font-family: none, Arial, Sans-Serif; text-align: center; } .stats_box .stats_text .wealsomaketomorrow_quote_author { margin-top: 30px; text-align: center; font-size:1em; } .stats_box .disp_table { flex-direction: column; display: flex; margin-top:100px; /* display: table; */ margin: 0 auto; max-width: 940px; height: 100%; } .stats_box .stats_text p{ font-size:1em; letter-spacing:2px; } .responsive-iframe{ width:100%; height:40em; } </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); }); }); $(document).ready(function(){ }); </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; } .content_text h2{ font-size:2.00em; } .card{ box-shadow: 0 1px 5px #ddd; transform: scale(1.02);} </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

Smart Fab