cornford-michael icon

a-132

cornford-michael | PRO | 10/02/17 03:57:54 AM UTC | 0 ⭐ | 754 👁️ | Never ⏰ | []
HTML |

1.11 KB

|

None

|

0 👍

/

0 👎

<!-- #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>

Comments