a-132

<!-- #132 -->
<div class="a-132">
    <!-- Heading -->
    <h3>HEADING</h3>
    <!-- Number with icon and color -->
    <h2>XXXX <i class="fa fa-angle-double-down a-COLOR"></i></h2>

    <hr />

    <!-- Progress item -->
    <!-- Small Heading -->
    <h4>HEADING <span>XX%</span></h4>
    <!-- Progress -->
    <div class="a-132-b">
        <!-- Add your value in "style" and inside span tag -->
        <div class="a-132-bar a-bg-COLOR" style="width:XX%;"></div>
    </div>

    <!-- Progress item -->
    <!-- Small Heading -->
    <h4>HEADING <span>XX%</span></h4>
    <!-- Progress -->
    <div class="a-132-b">
        <!-- Add your value in "style" and inside span tag -->
        <div class="a-132-bar a-bg-COLOR" style="width:XX%;"></div>
    </div>

    <hr />

    <!-- Small data -->
    <div class="a-132-s">
        <!-- Text and number with color -->
        <span>TEXT <span class="a-green">+XX%</span></span>
        <span>TEXT <span class="a-red">-XX%</span></span>
    </div>

    <hr />

    <!-- Button -->
    <a href="#" class="a-btn a-btn-COLOR">BUTTON</a>
</div>