]
    <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;">C&I Clean Energy Meet 2024 - Coimbatore</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/Biofuels.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>C&I Clean Energy Meet 2024</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"> August 23, 2024 <span style="    text-transform: lowercase;">to</span> August 23, 2024</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"> Coimbatore, India</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">C&I Clean Energy Meet 2024</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>C&amp;I entities, large institutions, and residential apartment buildings all want clean energy at a lower cost than with grid power tariffs. Because solar rooftops are the most cost-effective and environmentally friendly energy source, they are an attractive option for commercial and industrial businesses that want to reduce their operating expenses. Solar solutions providers equipped with advanced technologies, financing mechanisms, and regulatory provisions offer attractive solutions to consumers. Energy, finance, and C&amp;I stakeholders are reshaping their business models while securing supply and transitioning smoothly toward clean energy. As the trusted voice in the clean energy sector, Mercom is bringing clean energy solutions providers and consumers together to discuss power requirements, cost benefits, challenges, opportunities,&nbsp;and&nbsp;solutions.</p>

<p><strong>Agenda</strong></p>

<ul>
	<li>&nbsp;Clean Power Purchase - Switching to Renewable Energy and Optimizing Savings</li>
	<li>Attractive Financing Options - Exploring Attractive Financing Options for Easy and Affordable Green Loans</li>
</ul>

<p><strong>Who should attend?</strong></p>

<ul>
	<li>Commercial and industrial consumers of large power capacity who plan to reduce their cost of power as they go green</li>
	<li>Clean energy solutions providers looking to reach commercial and industrial consumers</li>
	<li>Consultants, energy auditors, equipment and component manufacturers, lenders, investors, and associates</li>
	<li>Facility and plant managers, c-level executives of C&amp;I businesses, engineers, procurement managers, and decision-makers</li>
</ul>

<p><strong>Why attend</strong></p>

<ul>
	<li>To find optimum solutions for purchasing low-cost, reliable, clean power and learn how the energy market is evolving across the country</li>
	<li>To continue a seamless transition towards clean energy while navigating technological and financial challenges</li>
	<li>To better understand the energy transition from industry leaders&nbsp;and&nbsp;experts</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 -->
            Hydro Power             |         </span>
        <span class="da_list pb-2"> <!-- Bootstrap class added too -->
            Wind Power             |         </span>
        <span class="da_list pb-2"> <!-- Bootstrap class added too -->
            Solar Thermal             |         </span>
        <span class="da_list pb-2"> <!-- Bootstrap class added too -->
            Utility Scale Solar PV                    </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>
                                                                <h1 class="heading"><img src="https://www.eai.in/ref/events/uploads/corporation.png" class="icons">  <b>Organized by</b></h1>
                                <h4>Mercom India</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://www.mercomindia.com/event/c-and-i-clean-energy-meet-2024-coimbatore" 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>