<div class="col-xs-12 col-sm-6 col-md-4" itemprop="course">
    <div class="course-listing" itemprop="courseListing">
        <div class="row">
            <a href="/courses/name" itemprop="courseLink" itemscope itemtype="http://domain.com/courses/name">
                <div class="course-header">
                    <img class="course-header-img" src="img.png" alt="Course name"/>
                </div> <!-- ./course-header -->
                <div class="course-listing-title">
                    This is some example text that was put here as a placeholder.
                </div> <!-- ./course-listing-title -->
            </a>
        </div> <!-- ./row -->
    </div> <!-- ./course-listing -->
</div> <!-- ./col -->