Icon Boxes

Option 1
HTML MARKUP

&lt;div class="ct-iconBox ct-iconBox--type1"&gt;
                                        &lt;a href="#" class="ct-iconBox-Icon ct-iconBox-IconEffect ct-iconBox-effectHelper"&gt;
                                            &lt;i class="fa fa-pie-chart"&gt;&lt;/i&gt;
                                        &lt;/a&gt;
                                        &lt;div class="ct-iconBox-content"&gt;
                                            &lt;h5 class="ct-iconBox-title text-capitalize"&gt;
                                                &lt;a href=""&gt;Online Classes&lt;/a&gt;
                                            &lt;/h5&gt;
                                            &lt;p class="ct-iconBox-description ct-u-colorWhite text-justify-xs"&gt;
                                                Paid membership includes video classes, when you want, from your computer, tablet,
                                                or mobile device. Be inspired, learn new moves and keep fit with well-known dance instructors.
                                            &lt;/p&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;

</a>

<a href="">Online Classes</a>

</h5>

Paid membership includes video classes, when you want, from your computer, tablet,

or mobile device. Be inspired, learn new moves and keep fit with well-known dance instructors.

</p>

</div>

Option 2
HTML MARKUP

&lt;div class="ct-iconBox ct-iconBox--square"&gt;
                                        &lt;a href="#" class="ct-iconBox-icon ct-iconBox-IconEffect ct-iconBox-effectHelper"&gt;
                                            &lt;i class="fa fa-user-secret"&gt;&lt;/i&gt;
                                        &lt;/a&gt;
                                        &lt;div class="ct-iconBox-content ct-u-colorWhite"&gt;
                                            &lt;h5 class="ct-iconBox-title"&gt;&lt;a href=""&gt;Online Classes&lt;/a&gt;&lt;/h5&gt;
                                            &lt;p class="ct-iconBox-description text-justify-xs"&gt;
                                                Paid membership includes video classes, when you want, from your computer, tablet,
                                                or mobile device. Be inspired, learn new moves and keep fit with well-known dance instructors.
                                            &lt;/p&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;

</a>

<h5 class="ct-iconBox-title"><a href="">Online Classes</a></h5>

Paid membership includes video classes, when you want, from your computer, tablet,

or mobile device. Be inspired, learn new moves and keep fit with well-known dance instructors.

</p>

</div>

Option 3
HTML MARKUP

&lt;div class="ct-iconBox ct-iconBox--pentagon"&gt;
                                        &lt;a href="#" class="ct-iconBox-icon ct-iconBox-IconEffect ct-iconBox-effectHelper"&gt;
                                            &lt;svg width="50" height="50" viewBox="-1 0 101 100"&gt;
                                                &lt;path d="M20,0 L80,0 L100,60 L50,100 L0,60z"&gt;&lt;/path&gt;
                                            &lt;/svg&gt;
                                            &lt;i class="fa fa-user-secret"&gt;&lt;/i&gt;
                                        &lt;/a&gt;
                                        &lt;div class="ct-iconBox-content ct-u-colorWhite"&gt;
                                            &lt;h5 class="ct-iconBox-title"&gt;&lt;a href=""&gt;Online Classes&lt;/a&gt;&lt;/h5&gt;
                                            &lt;p class="ct-iconBox-description text-justify-xs"&gt;
                                                Paid membership includes video classes, when you want, from your computer, tablet, or mobile device. Be inspired,
                                                learn new moves and keep fit with well-known dance instructors.
                                            &lt;/p&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;

</svg>

</a>

<h5 class="ct-iconBox-title"><a href="">Online Classes</a></h5>

Paid membership includes video classes, when you want, from your computer, tablet, or mobile device. Be inspired,

learn new moves and keep fit with well-known dance instructors.

</p>

</div>

Option 4
HTML MARKUP

&lt;div class="ct-iconBox ct-iconBox--rectangle"&gt;
                        &lt;a href="#" class="ct-iconBox-icon ct-iconBox-IconEffect ct-iconBox-effectHelper"&gt;
                            &lt;i class="fa fa-users"&gt;&lt;/i&gt;
                        &lt;/a&gt;
                        &lt;div class="ct-iconBox-content"&gt;
                            &lt;h5 class="ct-iconBox-title"&gt;&lt;a href=""&gt;Online Classes&lt;/a&gt;&lt;/h5&gt;
                            &lt;p class="ct-iconBox-description"&gt;
                                Paid membership includes video classes, when you want, from your computer, tablet,
                                or mobile device. Be inspired, learn new moves and keep fit with well-known dance instructors.
                            &lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;