Courses box

HTML MARKUP

&lt;article class="ct-coursesBox"&gt;
                                    &lt;a href="#"&gt;
                                        &lt;div class="ct-coursesBox-image"&gt;
                                            &lt;img src="../assets/images/demo-content/coursesBox-1.jpg" class="grayscale grayscale-fade" alt="Team Member 1"&gt;
                                            &lt;div class="ct-coursesIcon"&gt;
                                                &lt;div class="text-uppercase ct-fw-600 ct-u-paddingTop5"&gt;BEG&lt;/div&gt;
                                                &lt;div class="text-capitalize"&gt;Lvl1&lt;/div&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                    &lt;/a&gt;
                                    &lt;h4 class="ct-coursesBox-title"&gt;&lt;a href="#" class="ct-u-colorInherit"&gt;Shuffle Toe Heel Wiggles&lt;/a&gt;&lt;/h4&gt;
                                    &lt;span class="ct-coursesBox-subtitle"&gt;Teacher: &lt;a href="#"&gt;Marta Davis&lt;/a&gt;&lt;/span&gt;
                                &lt;/article&gt;

</div>

</a>

<h4 class="ct-coursesBox-title"><a href="#" class="ct-u-colorInherit">Shuffle Toe Heel Wiggles</a></h4>

<span class="ct-coursesBox-subtitle">Teacher: <a href="#">Marta Davis</a></span>

</article>

How it looks?

News

Siver

Estato

Disrupt

We are elite