Embed

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flashing Scrolling Banner</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
        }
        .marquee-container {
            width: 100vw; /* Full viewport width */
            overflow: hidden;
            white-space: nowrap;
            position: relative;
        }
        .marquee-content {
            display: inline-block;
            color: black;
            font-size: 15px;
            font-style: italic;
            animation: scroll 30s linear infinite, flash 1s infinite alternate;
        }
        .marquee-wrapper {
            display: flex;
            width: 200%; /* Twice the width for seamless looping */
        }
        
        /* Scrolling animation */
        @keyframes scroll {
            from { transform: translateX(0); }
            to { transform: translateX(-50%); } /* Moves only half, preventing gaps */
        }
        }
    </style>
</head>
<body>

    <div class="marquee-container">
        <div class="marquee-wrapper">
            <span class="marquee-content" id="news">
                🚀 The Heat Exchanger Group announces partnership with Teikoku | 🚀 The Heat Exchanger Group announces partnership with Gorman-Rupp &nbsp; 🚀 The Heat Exchanger Group announces partnership with Teikoku | 🚀 The Heat Exchanger Group announces partnership with Gorman-Rupp 
            </span>
        </div>
    </div>

    <script>
        const projects = [
            "🚀 The Heat Exchanger Group announces partnership with Teikoku",
            "🚀 The Heat Exchanger Group announces partnership with Gorman-Rupp "
        ];

        function updateProjects() {
            document.getElementById('news').innerHTML = projects.join(" | ") + " &nbsp; " + projects.join(" | ");
        }

        updateProjects();
    </script>

</body>
</html>


Services

Ensure optimal performance and longevity with our thorough maintenance services tailored to your needs.

Large industrial blue plate heat exchanger with bolted sections and HEG branding on the front.

Heat Exchanger 

<p>Focused on delivering robust and reliable industrial pump solutions, tailored to meet your diverse needs.</p>

Assortment of industrial pumps including red, yellow, and blue machinery on a white background.

Pumps

Heating Central Gas Furnace Issue. Technician Trying To Fix the Problem with the Residential Heating Equipment.

Text

<h2 style="white-space:pre-line">Connect with our team of experts</h2>
<p> </p>