]
    <meta charset="utf-8">
    <!-- Improved Viewport Settings -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    <!-- Preconnect to External Domains -->
    <link rel="preconnect" href="https://cdn.jsdelivr.net">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    
    <title></title>
    <meta name="title" content=""/>
    <meta name="description" content=" " />
    
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    
    <!-- Font Awesome -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Bree+Serif" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;1,9..40,200&display=swap" rel="stylesheet">
    
    <!-- jQuery & jQuery UI -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" />
    
    <!-- GSAP (for animations) -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
    
    <!-- Divi Theme Style -->
    <link rel="stylesheet" id="divi-style-css" href="https://www.eai.in/wp-content/themes/Divi/style.css?ver=4.9.7" type="text/css" media="all" />
    
    <!-- ShareThis Script -->
    <script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5a695d140b4e3b0013705110&product=sop' async='async'></script>
    
    <!-- Custom Scripts -->
    <script src="scripts.js"></script>

    <!-- Bootstrap Bundle (JS) -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>


<!-- Improved Mobile Navbar Styles -->
<style>

    
            /* Modern Gradient Navbar */
.navbar {
    height: 80px; /* Adjust based on actual navbar size */
    display: flex;
    align-items: center; 
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    background: #074a4f;/* Center items properly */
}

        /* Navbar Branding */
        .navbar-brand img {
            height: 60px;
            transition: transform 0.3s ease;
        }

        .navbar-brand:hover img {
            transform: scale(1.1);
        }

        /* Navbar Links */
        .navbar-nav .nav-link {
            font-size: 18px;
            font-weight: 500;
            color: white !important;
            padding: 10px 15px;
            transition: all 0.3s ease-in-out;
        }

        /* Navbar Links Hover */
        .navbar-nav .nav-link:hover {
            color: #FFD700 !important; /* Gold */
            transform: scale(1.1);
        }

        /* Navbar Toggler (Mobile) */
        .navbar-toggler {
            border: none;
            font-size: 24px;
            color: white;
        }
        /* Ensure content is visible below the fixed navbar */


 /* Navbar Sticky Effect */
        .sticky {
            position: fixed;
            top: 0;
            width: 100%;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
            transition: all 0.3s ease-in-out;
        }


        /* Mobile Navbar */
        @media (max-width: 768px) {
            .navbar-nav .nav-link {
                font-size: 20px;
                padding: 8px 12px;
            }
        }
       


    /* Mobile-First Navbar Approach */
    .navbar {
        height: 60px; /* Reduced for mobile */
        background: #074a4f !important; /* Important override */
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }

    /* Logo Scaling */
    .navbar-brand img {
        height: 50px;
        width: auto;
        transition: transform 0.3s ease;
    }

    /* Mobile Menu Overrides */
    @media (max-width: 768px) {
        .navbar {
            height: 55px;
            padding: 0 15px;
        }

        .navbar-brand img {
            height: 40px;
        }

        .navbar-collapse {
            background: #074a4f;
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            z-index: 1000;
            padding: 15px;
        }

        .navbar-nav .nav-link {
            font-size: 18px !important;
            padding: 12px 0 !important;
            border-bottom: 1px solid rgba(255,255,255,0.1);
        }

        /* Touch-friendly toggler */
        .navbar-toggler {
            padding: 10px;
            width: 44px;
            height: 44px;
        }
    }

    /* Prevent content jumping */
    body {
        padding-top: 80px;
    }

    @media (max-width: 768px) {
        body {
            padding-top: 60px;
        }
    }
</style>
</head>
<body>

<header id="main-header">
    <nav class="navbar navbar-expand-lg fixed-top">
        <div class="container">
            <a class="navbar-brand" href="https://e2expo.com/">
                <!-- Add 2x resolution logo -->
                <img src="https://e2expo.com/uploads/ex (600 x 300 px).png" 
                     alt="E2EXPO Logo"
                     
            </a>

            <!-- Accessible Toggle Button -->
            <button class="navbar-toggler" 
                    type="button" 
                    aria-label="Toggle navigation"
                    data-bs-toggle="collapse" 
                    data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>

           <!-- Navbar Links -->
                <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
                    <ul class="navbar-nav">
                        <li class="nav-item"><a class="nav-link" href="https://e2expo.com/">Home</a></li>
                        <li class="nav-item"><a class="nav-link" href="https://e2expo.com/in/s/events">Events</a></li>
                        <li class="nav-item"><a class="nav-link" href="https://e2expo.com/in/s/expo">Expo</a></li>
                        <li class="nav-item"><a class="nav-link" href="https://e2expo.com/in/s/product">Product Launches</a></li>
                    </ul>
                </div>
        </div>
    </nav>
</header>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
 <script>
        // GSAP Animation for Navbar
        gsap.from(".navbar", { duration: 1, y: -100, opacity: 0, ease: "power3.out" });

        // Sticky Navbar on Scroll
        window.addEventListener("scroll", function () {
            let navbar = document.querySelector(".navbar");
            if (window.scrollY > 50) {
                navbar.classList.add("sticky");
            } else {
                navbar.classList.remove("sticky");
            }
        });
    </script>


<!-- Mobile Navigation Enhancements -->
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Close mobile menu after click
    const navbarLinks = document.querySelectorAll('.navbar-nav .nav-link');
    const navbarCollapse = document.querySelector('.navbar-collapse');
    
    navbarLinks.forEach(link => {
        link.addEventListener('click', () => {
            if(window.innerWidth < 768) {
                new bootstrap.Collapse(navbarCollapse).toggle();
            }
        });
    });

    // Handle viewport offset
    function adjustBodyPadding() {
        const navbarHeight = document.querySelector('.navbar').offsetHeight;
        document.body.style.paddingTop = navbarHeight + 'px';
    }

    window.addEventListener('resize', adjustBodyPadding);
    adjustBodyPadding();
});
</script>

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui" />
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="scripts.js"></script>
<title></title>

<style>

/* Breadcrumb */
.breadcrumb {
    background: lightgray;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 18px;
    height:50px;
}

.breadcrumb-item a {
    color: black;
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumb-item a:hover {
    color:blue}
    
.cookieCard {
  background: linear-gradient(to right,rgb(137, 104, 255),rgb(175, 152, 255));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  /*gap: 20px;*/
  padding: 15px;
  position: relative;
  overflow: hidden;
}

.cookieCard::before {
  width: 150px;
  height: 150px;
  content: "";
  background: linear-gradient(to right,rgb(142, 110, 255),rgb(208, 195, 255));
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  right: -25%;
  top: -25%;
}

.cookieHeading {
  font-size: 1.5em;
  font-weight: 600;
  color: rgb(241, 241, 241);
  z-index: 2;
}

.cookieDescription {
  /*font-size: 0.9em;*/
  color: rgb(241, 241, 241);
  z-index: 2;
}

.cookieDescription a {
  color: rgb(241, 241, 241);
}

.acceptButton {
  padding: 11px 20px;
  background-color: #7b57ff;
  transition-duration: .2s;
  border: none;
  color: rgb(241, 241, 241);
  cursor: pointer;
  font-weight: 600;
  z-index: 2;
}

.acceptButton:hover {
  background-color: #714aff;
  transition-duration: .2s;
}
.event-name {
    font-size: 28px;
    line-height: 35px;
    font-family: 'DM Sans';
    margin: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.date-icon {
    width: 30px;
    position: relative;
    top: 10px;
    right: 5px;
}
.icons{
    width: 40px;
    position: relative;
    top: 10px;
    right: 5px;
}
.date{
    font-size: 16px;
    font-weight: 600;
}
.venues{
    font-size: 16px;
    color: #FFEB3B;
    font-weight: 600;
}
.hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 2px solid gainsboro;
    opacity: 1;
    margin-bottom: 0px;
}
.da_list{
    font-size: 18px;
    font-weight: 600;
}
.heading{
    margin: 0px !important;
    margin-top: 15px !important;
    margin-bottom: 5px !important;
    font-size: 28px;
    color: #2E7D32;
    font-family: 'DM Sans';
}
.details ul{
padding-left:20px;
}
.details li {
    list-style-type: disc;
    line-height: 25px;
    margin-bottom: 10px;
}
.keywords{
    float: left;
    padding: 7px 20px;
    background: #00a550;
    display: inline;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    border-radius: 3px;
}
.event_details p{
    font-size: 18px !important;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

}


</style>
<body>
        
        <div id="metatitle" style="display:none;">Steel Construction Expo 2025 - Chennai</div>
        <header class="hero-section  py-5 bg-light ">
            <div class="container">
                <div class="hero-section-intro">
                    <div class="row">
                        <div class="col-md-5">
                                                             <img src="https://www.eai.in/ref/events/uploads/Waste_Heat.jpg" alt="" style="    height: 250px;border-radius:10px;">
                                                            
                        </div>
                        <div class="col-md-4 py-2">
                                <a href="https://e2expo.com/in/s/events" class="btn btn-dark">All Events</a>
                                <h3 class="justify-content-center  event-name my-2"><b>Steel Construction Expo 2025</b></h3>
                                <div class="event-date justify-content-center">
                                    <h4 class="date"><span class="blog-date" style="font-size: 15px;"><img src="https://www.eai.in/ref/events/uploads/schedule.png" class="date-icon"> March 13, 2025 <span style="    text-transform: lowercase;">to</span> March 15, 2025</span> </h4>
                                </div>
                                <div class="location justify-content-center">
                                    <h4 class="venues"> <span class="blog-date" style="font-size: 15px; color: #00897B;"><img src="https://www.eai.in/ref/events/uploads/map.png" class="date-icon"> Chennai Trade Centre, Chennai</span></h4>
                                </div>
                        </div>
                        <div class="col-md-3 ">
                            <div class="cookieCard">
                              <p class="cookieHeading">Organizing an energy or environment event ?</p>
                              <p class="cookieDescription">Send a note to <a href="mailto:events@e2expo.com" target="_blank">events@e2expo.com</a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>  
       
<section>
            <div class="details-section">
                <div class="container">
                    <div class="row">
                        <div class="col-md-9">
                            <div class="details py-2 px-2">
                                <nav aria-label="breadcrumb" class="py-3">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="https://e2expo.com/">Home</a></li>
                <li class="breadcrumb-item"><a href="https://e2expo.com/in/s/events/">Events</a></li>
                <li class="breadcrumb-item">Steel Construction Expo 2025</li>
            </ol>
        </nav> 
                                <img src="https://e2expo.com/Uploads/This%20is%20a%20part%20of%20India%20Energy%20(1).gif" class="img-fluid my-2">
                                <h1 class="heading"><img src="https://www.eai.in/ref/events/uploads/seo (1).png" class="icons">  <b>Details</b></h1>
                                <div class="event_details">
                                    <p><strong>Welcome to the STEEL CONSTRUCTION EXPO 2025</strong></p>

<p>Innovation, expertise, and the enduring power of steel converge at the STEEL CONSTRUCTION EXPO 2025 to shape the future of construction. This year&rsquo;s exhibition is set to showcase not only the remarkable capabilities of steel but also its transformative impact on the way we design, build, and create spaces. Get ready to experience an event that pushes boundaries and inspires innovation.</p>

<p><strong>Explore the STEEL CONSTRUCTION EXPO 2025</strong></p>

<p>The STEEL CONSTRUCTION EXPO 2025 is more than just an exhibition&mdash;it is a global platform that unites industry professionals, thought leaders, and visionaries from around the world. From towering skyscrapers to intricate bridges and industrial sheds, steel has always been the backbone of iconic structures. As we embrace a rapidly evolving world, steel continues to lead innovation by enabling the construction of smarter, more resilient, and environmentally sustainable spaces. Discover groundbreaking technologies, learn from experts, and connect with like-minded professionals who are shaping the future of construction.</p>

<p><strong>Concurrent Expo: Crane Expo 2025</strong></p>

<p>Running alongside the Steel Construction Expo, the Crane Expo 2025 focuses on cutting-edge advancements in crane technology. This event brings together manufacturers, engineers, and industry experts to explore the latest innovations in lifting solutions. Attendees will have the opportunity to discover state-of-the-art products, attend demonstrations, and learn how these advancements are optimizing safety, efficiency, and performance in construction projects worldwide</p>

<p><strong>Concurrent Expo: Steel Procurement Expo 2025</strong></p>

<p>The Steel Procurement Expo 2025 is your gateway to discovering the latest trends in sourcing and supply chain management for the steel industry. With a focus on sustainability, cost efficiency, and quality, this event will connect buyers, suppliers, and procurement professionals. Attendees can explore innovative procurement strategies, learn about emerging global markets, and build relationships that drive success in today&rsquo;s competitive construction landscape.</p>

<p><strong>Concurrent Expo: Fastener Expo 2025</strong></p>

<p>The Fastener Expo 2025 showcases the essential components that hold the construction world together. This event highlights the latest innovations in fastener technology, from bolts and screws to advanced fastening systems. Engineers, manufacturers, and industry professionals will gain insights into cutting-edge designs, materials, and applications that enhance durability, safety, and efficiency in construction and industrial projects.</p>

<p><strong>Why Attend?</strong></p>

<p>This year&rsquo;s STEEL CONSTRUCTION EXPO 2025, along with its concurrent events&mdash;Crane Expo, Steel Procurement Expo, and Fastener Expo&mdash;offers an unparalleled opportunity to:</p>

<ul>
	<li>Stay at the forefront of industry advancements.</li>
	<li>Network with global leaders and industry pioneers.</li>
	<li>Discover innovative products and technologies.</li>
	<li>Explore new strategies for sustainable and resilient construction.</li>
</ul>
                                </div>
                               
                                <div class="row">
                                    <div class="col-md-12" margin-bottom:"20px";>
                                    <h1 class="heading"><img src="https://www.eai.in/ref/events/uploads/carbon (1).png" class="icons">  <b>Decarbonization avenues</b></h1>
                                    <style>
    .da_list {
        display: inline-block; /* Allows padding to apply correctly */
        padding-bottom: 40px;  /* Adjust value as needed */
    }
</style>

        <span class="da_list pb-2"> <!-- Bootstrap class added too -->
            Low Carbon Construction Materials             |         </span>
        <span class="da_list pb-2"> <!-- Bootstrap class added too -->
            Low Carbon Trucking             |         </span>
        <span class="da_list pb-2"> <!-- Bootstrap class added too -->
            Energy Efficient Industrial Equipment                    </span>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">

                            <div class="url py-2 px-2">
                                <h1 class="heading"><img src="https://www.eai.in/ref/events/uploads/presentation.png" class="icons">  <b>Type of events</b></h1>
                                
                                                                        <li>
                                            Conference                                            
                                        </li>
                                                                        <li>
                                            Exhibition                                            
                                        </li>
                                                                <h1 class="heading"><img src="https://www.eai.in/ref/events/uploads/corporation.png" class="icons">  <b>Organized by</b></h1>
                                <h4>MX Business Network, ISCA, SSMB.IN</h4>
                                <h1 class="heading"><img src="https://www.eai.in/ref/events/uploads/internet.png" class="icons"> <b>Website</b></h1>
                                <p><a href="https://tradeshows.tradeindia.com/steelconstruction/" class="btn btn-primary" target="_blank">Know More about the event...</a></p>
                               
                               <div class="sectors-list mt-3">
                                                <h2 style="color: #00695C;"><b>Category</b></h2>
                                                  <ul>
                                                        <li><a href="https://e2expo.com/in/s/events/sectors/1">Renewable Energy</a></li>
                                                        <li><a href="https://e2expo.com/in/s/events/sectors/2">Energy Efficiency</a></li>
                                                        <li><a href="https://e2expo.com/in/s/events/sectors/3">Mobility</a></li>
                                                        <li><a href="https://e2expo.com/in/s/events/sectors/4">Water</a></li>
                                                        <li><a href="https://e2expo.com/in/s/events/sectors/5">Waste Management</a></li>
                                                        <li><a href="https://e2expo.com/in/s/events/sectors/6">Corporate Carbon Management</a></li>
                                                        <li><a href="https://e2expo.com/in/s/events/sectors/7">Materials</a></li>
                                                        <li><a href="https://e2expo.com/in/s/events/sectors/8">Agri & Food</a></li>
                                                        <li><a href="https://e2expo.com/in/s/events/sectors/9">Energy Storage</a></li>
                                                    </ul>
                                   </div>
                               
                               
                            </div>
                        </div>
                    </div>    
                </div>
            </div>
            
        </section>
        
<script>
$(document).ready(function() {
var meta = $('#metatitle').text();
document.title = meta; 
}); 
</script>           
</body>


<style>
#mu-footer{
    background: #074a4f;
    padding: 20px;
    color: #fff; 
    
}
   
</style>
<footer id="mu-footer" role="contentinfo ">
      <div class="container">
        <div class="mu-footer-area">
          <div class="mu-footer-bottom text-center">
            <p class="mu-copy-right">Copyright © 2025 E2Expo. All rights reserved.</p>
          </div>
        </div>
      </div>

</footer>
</body>


<script type="text/javascript" src="http://diesel2solar.com/solar_gallery/assets/js/jquery.gallery.js"></script>
<script type="text/javascript" src="http://diesel2solar.com/solar_gallery/assets/js/modernizr.custom.53451.js"></script>
<script type="text/javascript" src=""></script>
<script src="https://e2expo.com/assets/js/main.js"></script> <!-- Resource jQuery -->
<script src="https://e2expo.com/assets/js/modernizr.js"></script> <!-- Modernizr -->

<script type="text/javascript">
    $(function() {
        $('#dg-container').gallery({
            autoplay    :   true,
            interval    :   2000
        });
    });
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.2/jquery.matchHeight.js"></script>
</script>


</body>
</html>