<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fixed Gradient Palette - InfoFusion Hubs</title>
    
</head>
<body>

    <div class="brand-name">ATLITUDE</div>

    <div class="palette-wrapper">
        <!-- Bar 1 -->
        <div class="bar g1">
            <div class="hex">#FFE5F1</div>
            <div class="center-content">
                <div class="line"></div>
                <div class="title-text">Gradient 1</div>
                <div class="line"></div>
            </div>
            <div class="hex">#F042FF</div>
        </div>

        <!-- Bar 2 -->
        <div class="bar g2">
            <div class="hex">#FFE5F1<br>#F042FF</div>
            <div class="center-content">
                <div class="line"></div>
                <div class="title-text">Gradient 2</div>
                <div class="line"></div>
            </div>
            <div class="hex">#7226FF</div>
        </div>

        <!-- Bar 3 -->
        <div class="bar g3">
            <div class="hex">#87F5F5</div>
            <div class="center-content">
                <div class="line"></div>
                <div class="title-text">Gradient 3</div>
                <div class="line"></div>
            </div>
            <div class="hex">#FFE5F1<br>#F042FF</div>
        </div>

        <!-- Bar 4 -->
        <div class="bar g4">
            <div class="hex">#7226FF</div>
            <div class="center-content">
                <div class="line"></div>
                <div class="title-text">Gradient 4</div>
                <div class="line"></div>
            </div>
            <div class="hex">#160078<br>#010030</div>
        </div>
    </div>

</body>
</html>